/*-----------------
    Table of Contents

    1. Bottom Navigation
    2. Header
    3. Login / Register
    4. Change Password

-----------------------*/
/*-----------------
	Material Icons Font
-----------------------*/

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.eot);
    src: local('Material Icons'), local('MaterialIcons-Regular'), url(../fonts/MaterialIcons-Regular.html) format('woff2'), url(../fonts/MaterialIcons-Regular.woff) format('woff'), url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.tab-link-highlight {
    display: none;
}


.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    /* Support for all WebKit browsers. */
    text-rendering: optimizeLegibility;
    /* Support for Safari and Chrome. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for Firefox. */
    font-feature-settings: 'liga';
    /* Support for IE. */
}
/*-----------------
	Framework7 Icons Font
-----------------------*/

@font-face {
    font-family: 'Framework7 Icons';
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/Framework7Icons-Regular.eot");
    src: url("../fonts/Framework7Icons-Regular.html") format("woff2"), url("../fonts/Framework7Icons-Regular.woff") format("woff"), url("../fonts/Framework7Icons-Regular.ttf") format("truetype");
}

.f7-icons {
    font-family: 'Framework7 Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 25px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    text-align: center;
}
/*-----------------
	 Basic CSS
-----------------------*/

html,
body {
    height: 100%;
    color: #000000;
    font-family: 'poppinsregular';
    font-size: 14px;
    font-weight: 400;
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

a:focus {
    outline: 0px solid;
}

img {
    max-width: 100%;
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
    font-weight: 500;
}


p {
    margin: 0 0 1em;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

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

.text-success {
    color: #55ce63 !important;
}

.text-danger {
    color: #f62d51 !important;
}

.text-primary {
    color: #ff9b44 !important;
}

.text-warning {
    color: #ffbc34 !important;
}

.text-info {
    color: #009efb !important;
}

.rounded {
    border-radius: 50%;
}

.card-box {
    background-color: #fff;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 15px;
}

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

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-t-0 {
    margin-top: 0 !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.btn {
    font-size: 14px;
    border: 0;
}

@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular-webfont.html') format('woff2'), url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins-medium-webfont.html') format('woff2'), url('../fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*-----------------
	1. bottom navigation
-----------------------*/

a.tab-link.custom-tabbar-link.tab-link-active {
    color: #32CD32;
    outline: none;
}

.tabbar a.tab-link {
    color: #3c3c3c;
}

.tabbar-labels.toolbar-bottom {
    height: 50px;
    font-size: 9px;
}

.tabbar .tab-link-highlight,
.md .tabbar-labels .tab-link-highlight {
    position: absolute;
    bottom: 0;
    height: 3px;
    background: rgba(255, 255, 255, .5);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    left: 0;
}

.toolbar a.link {
    color: #5f5f5f;
    font-size: 9px;
}

.page>.toolbar,
.view>.toolbar,
.views>.toolbar {
    position: absolute;
}
/*-----------------
	2. Header
-----------------------*/

.navbar:after {
    opacity: 0;
}

.navbar-inner {
    background: #32CD32;
}

.navbar a {
    color: #fff;
}

.navbar {
    height: 55px;
}

html[data-notch] .navbar {
    height: 85px;
}

.navbar img {
    margin-top: 4px;
    max-width: 38px;
}

.back.link i {
    font-size: 25px;
}

.page {
    background: #fff;
}

.custom-title {
    color: #ffffff;
    font-family: 'poppinsmedium';
    font-size: 16px;
    width: 100%;
    height: 55px;
    line-height: 55px;
}

.top-profile {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    position: relative;
}

.top-profile+.top-profile {
    margin-top: 10px;
}

.avatar img {
    border-radius: 50px;
    width: 48px;
}

.profile {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    width: 100%;
}

.profile:hover {
    color: #fff;
}

.profile .avatar {
    margin-right: 10px;
}


/*Searchbar*/
.search-widget1 {
    margin: 40px 0px 0px 0px;
    width: 100%;
    position: relative;
}

.search-input {
    position: absolute;
    top: 10px;
    left: 38px;
    font-size: 14px;
    background: none;
    color: #5a6674;
    width: 300px;
    height: 20px;
    border: none;
    appearance: none;
    outline: none;
    padding: 10px;
    font-size: 12px;
}
.search-input{
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    outline: 0;
    display: block;
    padding: 0;
    margin: 0;
    font-family: Helvetica;
    background: 0 0;
    resize: none;
    font-size: 15px;
    color: inherit;
}

.search-form {
    position: relative;
    top: 50%;
    left: 50%;
    width: 350px;
    height: 40px;
    border-radius: 40px;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
    transform: translate(-50%, -50%);
    background: #fff;
    transition: all 0.3s ease;
    padding: 10px;
}

/*.searchbar-inner .input-clear-button {*/
/*    display: none;*/
/*}*/
/*Searchbar*/



/*-----------------
    2.5. rn
-----------------------*/


.register-top-header {
    display: inline-block;
    width: 100%;
    background-image: linear-gradient(to right, #CFCFCF 33%, rgba(245, 245, 245, 0) 0%);
    background-image: -webkit-linear-gradient(to right, #CFCFCF 33%, rgba(245, 245, 245, 0) 0%);
    background-position: bottom;
    background-size: 10px 2px;
    background-repeat: repeat-x;
    padding-bottom: 7px;
    margin-bottom: 10px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

legend {
    font-size: 1.1em;
    margin-bottom: 10px;
}
.number {
    background-color: #5fcf80;
    color: #ffffff;
    height: 25px;
    width: 25px;
    display: inline-block;
    font-size: 0.8em;
    margin-right: 4px;
    line-height: 30px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 100%;
}


.allergies-group form.append-col ul:first-child li:first-child {
    display: none;
}

.register-widget,
.register-widget1{
    background-color: #fff;
    border-radius: 10px;
    padding: 18px;
    display: inline-block;
    width: 100%;
    box-shadow: 0px 6px 15px #dfdfdf;
    margin-bottom: 20px;
}

.register-widget+.register-widget {
    margin-top: 20px;
}

.register-widget .list {
    margin: 0;
}

.register-widget .list ul:after {
    display: none !important;
}

.register-widget .item-content {
    padding-left: 0;
    clear: both;
    float: left;
    width: 100%;
}

.register-widget .item-content.col-50 {
    width: 50%;
    float: left;
}

.register-widget .item-inner {
    padding: 16px 0 8px 0;
    margin-left: 0 !important;
}

.register-widget .item-inner:after {
    background-color: transparent !important;
}

.register-widget .item-label {
    font-size: 11px;
    color: #777777;
    padding-bottom: 6px;
}

.register-widget .item-label span {
    color: #FF0000;
}

.register-widget .item-input-wrap {
    width: 100%;
}

.register-widget input,
.register-widget select {
    border: 1px solid #CFCFCF;
    border-radius: 6px;
    height: 35px !important;
    padding: 10px 10px !important;
    font-size: 13px;
    font-family: 'poppinsregular' !important;
    width: 100%;
}

.register-widget textarea {
    font-size: 13px;
    border: 1px solid #CFCFCF;
    border-radius: 6px;
    width: 100%;
    padding: 13px 17px;
    height: 282px;
}

.register-widget textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #C9C9C9;
    opacity: 1;
    font-size: 11px;
}

.register-widget textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #C9C9C9;
    opacity: 1;
    font-size: 11px;
}

.register-widget textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #C9C9C9;
    opacity: 1;
    font-size: 11px;
}

.register-widget textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #C9C9C9;
    opacity: 1;
    font-size: 11px;
}

.register-widget input[type=date] {
    line-height: initial;
}

.register-widget .file-upload-multiple {
    border: 1px dashed #CFCFCF;
    background-color: #FCFCFC;
    height: 83px;
    position: relative;
    border-radius: 6px;
}

.register-widget1 .file-upload-multiple {
    border: 1px dashed #CFCFCF;
    background-color: #FCFCFC;
    height: 83px;
    position: relative;
    border-radius: 6px;
}

.register-widget .file-upload-multiple span.placeholder-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 9px;
    color: #D2D2D2;
    cursor: pointer;
}

.register-widget1 .file-upload-multiple span.placeholder-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 9px;
    color: #D2D2D2;
    cursor: pointer;
}

.register-widget input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !important;
    opacity: 0;
    cursor: pointer;
    z-index: 9;
}

.register-widget1 input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !important;
    opacity: 0;
    cursor: pointer;
    z-index: 9;
}

.register-widget.padding-less {
    padding-top: 10px;
    padding-bottom: 10px;
}

.register-widget .list {
    font-size: 12px;
    color: #777777;
}

.register-widget .item-checkbox,
.register-widget .item-radio {
    background-color: #fff !important;
    position: relative;
}

.register-widget .item-checkbox {
    background-color: #f6f6f6 !important;
}

.register-widget .item-checkbox .item-inner,
.register-widget .item-radio .item-inner,
.register-widget .item-checkbox .item-inner {
    padding: 0 !important;
}

.register-widget .item-radio .item-inner .item-title {
    padding-left: 32px;
}

.register-widget .item-checkbox .icon-checkbox,
.register-widget .item-radio .icon-radio,
.register-widget .item-checkbox .icon-checkbox {
    width: 20px;
    height: 20px;
    border-color: #A8A8A8;
    margin-right: 12px;
    left: 0;
}

.register-widget .item-radio .icon-radio {
    border: 1px solid #A8A8A8;
    width: 20px;
    height: 20px;
    border-radius: 50px;
}

.register-widget .item-checkbox .icon-checkbox:after,
.register-widget .item-radio .icon-radio:after,
.register-widget .item-checkbox .icon-checkbox:after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(../../assets/img/price-check.svg);
    border-color: #0DD8F9;
    background-color: #fff;
    position: relative;
    left: -1px;
    top: -1px;
    border-radius: 50px;
}

.register-widget ul {
    margin: 0 -10px;
}
.register-widget ul:after {
    content: "";
    display: table;
    clear: both;
}
.register-widget .item-content {
    width: 50%;
    padding: 0 10px;
    clear: inherit;
}


.register-widget .item-checkbox .icon-checkbox,
.register-widget .item-radio .icon-radio {
    left: 9px;
}

.register-widget .item-content {
    width: 50%;
    padding: 0 10px;
    clear: inherit;
}

.register-widget .item-checkbox .icon-checkbox,
.register-widget .item-radio .icon-radio {
    left: 9px;
}

.register-widget ul {
    position: relative;
}
.register-widget .item-content.trash-icon-for-tab {
    position: absolute;
    right: 0;
    top: 0;
}



/*-----------------
    3. Login / Register
-----------------------*/

.page.login-page {
    background: #fff;
}




.account-inner {
    display: table-row;
    height: 100%;
}

.account-center {
    display: table-cell;
    vertical-align: middle;
}

.account-content {
    padding: 15px;
}

.account-img {
    text-align: center;
    margin-bottom: 10px;
}

.account-img>img {
    max-height: 140px;
    width: auto;
}

.account-logo {
    text-align: center;
    margin-bottom: 20px;
}

.account-logo>img {
    max-width: 155px;
}

.account-title h3 {
    color: #000;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 500;
}

.account-title p {
    color: #858585;
    font-size: 13px;
    margin-bottom: 15px;
}

.input-list {
    margin-bottom: 15px;
}

.account-content .input-list>input {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 50px;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.07);
    color: #858585;
    display: block;
    font-size: 13px;
    height: 50px;
    padding: 0 20px;
    width: 100%;
}

.account-content .input-list>a {
    color: #858585;
    float: right;
    font-weight: normal;
    font-size: 13px;
}

.account-form .button {
    background-color: #32CD32;
    border-color: #32CD32;
    color: #fff;
    height: 42px;
    border-radius: 30px;
    text-transform: capitalize;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.07);
    font-weight: 500;
}

.account-content a {
    color: #222;
    font-weight: bold;
}

.account-btn {
    font-size: 14px !important;
}

.register-icon {
    padding-top: 5px;
    text-align: center;
}

.change-password-col.register-col ul.change-list .submit-btn-col {
    margin-top: 0;
}

.change-password-col.register-col .register-inner-col {
    background-color: #ffffff;
    border-radius: 35px 35px 0 0;
    margin: 10px -15px 0;
    padding: 25px 15px 20px;
}

.change-password-col.register-col .register-inner-col .change-list {
    max-width: 100%;
    margin-top: 10px;
}

.change-password-col.register-col .custom-form {
    margin-bottom: 0 !important;
}

.change-password-col.register-col .top-title {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    width: 100%;
}

.change-password-col.register-col .top-title>div {
    width: 50%;
}

.change-password-col.register-col .top-title h3 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

.change-password-col.register-col .top-title a {
    font-size: 12px;
    color: #000;
    float: right;
}

.change-password-col.register-col .register-inner-col ul li.item-content {
    float: left;
    width: 100%;
    clear: both;
}

.change-password-col.register-col .register-inner-col .col-50 {
    float: left;
    width: 50% !important;
    clear: inherit !important;
}

.change-password-col.register-col .register-inner-col .col-50.save-password {
    font-size: 13px;
    color: #858585;
    margin-top: 1px;
    background-color: transparent !important;
}

.change-password-col.register-col .register-inner-col .col-50.save-password .item-title {
    margin-bottom: 0;
    font-weight: 400;
}

.change-password-col.register-col .register-inner-col .col-50.save-password .item-inner {
    padding-top: 0px;
}

.change-password-col.register-col .register-inner-col .col-50.save-password .icon-checkbox {
    width: 12px;
    height: 12px;
    margin-right: 10px;
    position: relative;
    top: -5px;
}

.change-password-col.register-col .register-inner-col .col-50.save-password .icon-checkbox:after {
    width: 12px;
    height: 12px;
    font-size: 13px;
    top: -5px;
}

.change-password-col.register-col .register-inner-col .col-50.save-password .item-checkbox {
    padding-left: 0;
}

.change-password-col.register-col .register-inner-col .col-50.forgot-password {
    text-align: right;
    font-size: 13px;
    color: #858585;
    margin-top: 10px;
    float: right;
}

.change-password-col.register-col .register-inner-col .col-50.forgot-password a {
    float: right;
}
/*-----------------
    4. Change Password
-----------------------*/

.change-password-col {
    width: 100%;
    padding: 0 16px;
    position: relative;
}

.change-password-col .logo {
    text-align: center;
    padding-top: 10px;
}

.change-password-col ul.change-list {
    background-color: transparent;
    border: 0;
    max-width: 320px;
    width: 100%;
    margin: 35px auto 0;
}

.change-password-col ul.change-list li {
    padding: 0;
}

.change-password-col ul.change-list li+li {
    margin-top: 10px;
}

.change-password-col ul.change-list li .item-inner {
    padding-right: 0;
}

.change-password-col ul.change-list input[type="text"],
.change-password-col ul.change-list input[type="tel"],
.change-password-col ul.change-list input[type="password"] {
    font-size: 13px;
    box-shadow: 0px 6px 15px #00000012;
    border: 1px solid #E8E8E8;
    border-radius: 50px;
    background-color: #fff;
    height: 55px;
    padding: 10px 22px;
}

.change-password-col .item-input-wrap {
    position: relative;
}

.change-password-col .item-input-wrap .item-input-icon {
    position: absolute;
    right: 9px;
    top: 50%;
    width: 42px;
    height: 42px;
    box-shadow: 0px 3px 10px #00000021;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 50px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.change-password-col ul.change-list input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #858585;
    opacity: 1;
}

.change-password-col ul.change-list input::-moz-placeholder {
    /* Firefox 19+ */
    color: #858585;
    opacity: 1;
}

.change-password-col ul.change-list input:-ms-input-placeholder {
    /* IE 10+ */
    color: #858585;
    opacity: 1;
}

.change-password-col ul.change-list input:-moz-placeholder {
    /* Firefox 18- */
    color: #858585;
    opacity: 1;
}

.change-password-col .login-back {
    color: #858585;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    width: 100%;
    padding-top: 15px;
}

.change-password-col .login-back a {
    color: #000;
    font-weight: 500;
}

.btn-submit {
    border: 0;
    border-radius: 50px;
    background-color: #32CD32;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer;
    padding: 14px 15px;
}


.change-password-col .back-btn {
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
}
/*-----------------
	 Patient Dashboard
-----------------------*/

.pd-header-bg::before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    content: "";
    display: block;
    height: 100px;
    border-bottom-left-radius: 35%;
    border-bottom-right-radius: 35%;
    background: #32CD32;
}

.pd-header-bg>div.block {
    margin-top: 1px !important;
}

.pd-section-title {
    margin-bottom: 20px;
}

.pd-section-title h3 {
    font-size: 16px;
    font-weight: 500;
    font-family: 'poppinsmedium';
}

.pd-section-title h3 .see-all-link {
    float: right;
    font-size: 12px;
    color: #000;
    font-weight: normal;
    text-transform: capitalize;
    font-family: 'poppinsmedium';
}
/**/

.atype-widget .
{
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    align-items: center;
    -webkit-align-items: center;
}

.atype-widget {
    padding: 20px 20px 16px 20px;
}

.atype-widget .atype-info-cont {
    padding-top: 15px;
}

.atype-widget .atype-name {
    font-size: 17px;
    margin-bottom: 10px;
}

.atype-widget .atype-info-left {
    border: 0;
    margin: 0;
    padding: 0;
}

.atype-widget {
    line-height: 17px;
    background: #FFFFFF;
    box-shadow: 0px 6px 15px #dfdfdf;
    border-radius: 15px;
    padding: 13px;
    width: 100%;
    position: relative;
}

.atype-widget+.atype-widget {
    margin-top: 20px;
}

.atype-widget .atype-name {
    font-size: 14px;
    font-weight: 500;
    font-family: 'poppinsmedium';
    margin-bottom: 0;
    line-height: 17px;
    color: #000;
}

.atype-info-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.atype-info-cont {
    flex: 0 0 calc(100% - 90px);
    max-width: calc(100% - 90px);
}

.atype-img {
    display: inline-block;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    margin-right: -5px;
    width: 70px;
    display: flex;
}

.atype-img img {
    border-radius: 5px;
    display: block;
}
/*-----------------
	pd-up-appoints
-----------------------*/

.pd-appoints {
    background-color: #fff;
    padding: 15px;
    box-shadow: 0px 6px 15px #dfdfdf;
    border-radius: 10px;
}

.pd-appoints .pd-provider-name {
    font-size: 14px;
    margin-bottom: 2px;
    color: #000;
    font-weight: 400;
}

.pd-appoints .pd-provider-name a {
    color: #000;
}

.pd-appoints+.pd-appoints {
    margin-top: 20px;
}

.pd-date-col {
    color: #858585;
    font-size: 12px;
    vertical-align: middle;
    margin-right: 2px;
}

.pd-appoint-details {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.pd-appoint-info-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pd-appoint-info-left {
    width: 100%;
}

.pd-appoint-details .pd-appoint-info-left {
    align-items: center;
    -webkit-align-items: center;
    width: 70%;
}

.pd-provider-img {
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin-right: 10px;
    width: 60px;
    display: flex;
    -webkit-display: flex;
}

.pd-provider-img img {
    border-radius: 50px;
}

.pd-appoint-info-cont {
    flex: 0 0 calc(100% - 70px);
    max-width: calc(100% - 70px);
}

.pd-provider-details-col {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 12px;
    color: #858585;
}

.pd-provider-details-col span.filling {
    color: #000000;
}

.pd-appionts-top-details {
    display: inline-block;
    width: 100%;
    background-image: linear-gradient(to right, #CFCFCF 33%, rgba(245, 245, 245, 0) 0%);
    background-image: -webkit-linear-gradient(to right, #CFCFCF 33%, rgba(245, 245, 245, 0) 0%);
    background-position: bottom;
    background-size: 10px 2px;
    background-repeat: repeat-x;
    padding-bottom: 7px;
    margin-bottom: 10px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.pd-appionts-top-details i {
    font-size: 10px;
    vertical-align: 0px;
}

.pd-hour-col {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 14px;
    padding-top: 10px;
}

.pd-hour-col>div {
    width: 50%;
}

.pd-hour-col span.pd-hours {
    font-weight: 500;
}

.pd-hour-col span.button-col {
    float: right;
}

.pd-hour-col span.button-col .btn {
    font-size: 11px;
    padding: 5px 11px;
    color: #FFFFFF;
    background-color: #B5B5B5;
    border-radius: 50px;
}

.pd-bdate {
    font-size: 13px;
}

.focused .focused-content .section-title h3 .see-all-link {
    font-size: 12px;
    margin-top: 2px;
}

.pd-action-col {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-top: 10px;
}

.pd-action-col.no-shadow {
    box-shadow: none;
    margin-top: 5px;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    padding: 0;
}

.pd-action-col .btn {
    font-size: 11px;
    display: inline-block;
    padding: 6px 10px 4px;
    border-radius: 50px;
    color: #fff;
    min-width: 78px;
    text-align: center;
}

.pd-action-col .pd-action-btn {
    margin-right: 6px;
    padding: 3px 0;
}

.pd-action-col .pd-action-btn:last-child {
    margin-right: 0;
}

.pd-view-eye {
    background-color: rgba(29, 185, 170, 0.65);
}

.pd-view-eye i {
    margin-right: 4px;
    vertical-align: -1px;
}

.change-password-col .item-input-wrap {
    position: relative;
}

.change-password-col .item-input-wrap .item-input-icon {
    position: absolute;
    right: 9px;
    top: 50%;
    width: 42px;
    height: 42px;
    box-shadow: 0px 3px 10px #00000021;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 50px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.change-password-col.register-col ul.change-list .submit-btn-col {
    margin-top: 0;
}
/*  trtrtrtrt */

.focused {
    padding: 16px 15px 25px 15px;
    border-radius: 25px 25px 0 0;
    margin: 24px -15px 0;
}

.focused .focused-content .section-title h3 .see-all-link {
    font-size: 12px;
    margin-top: 2px;
}

.focused .focused-content .swiper-container {
    padding-bottom: 30px;
}

.focused .focused-content .swiper-container>.swiper-pagination-bullets {
    bottom: 0;
}

.focused .focused-content .swiper-container>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #949494;
}

.focused-details .content-large {
    position: relative;
}

.focused-details .content-large .mask {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(rgba(0, 0, 0, 0), black);
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 12px;
}

.focused-details .content-large img {
    width: 100%;
    border-radius: 12px;
}

.focused-details .content-large .image-caption {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
}

.focused-details .content-large .image-caption h4 {
    font-size: 14px;
    margin-bottom: 10px;
    color: #fff;
}

.focused-details .content-slide .swiper-slide {
    width: 300px;
    height: 100%;
}

.focused-details .content-slide .swiper-slide .latest-news-content {
    background: #f1f1ff;
    padding: 10px;
    border-radius: 12px;
}

.focused-details .content-slide .swiper-slide .latest-news-content .content-image img {
    width: 100%;
    border-radius: 12px;
}

.focused .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.focused .swiper-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    margin: 0 2px;
    background-color: #949494;
    opacity: 1;
}

.focused .swiper-pagination .swiper-pagination-bullet-active {
    width: 10px;
    height: 10px;
}

.focused {
    height: calc(100vh - 430px);
}

.specialist-slider.segments {
    padding-top: 26px;
}

.chat-list-new .container {
    padding: 0 16px;
}

.doctor-profile-tab .container {
    padding: 0 16px;
}

.slider .swiper-container {
    padding: 0 16px;
}

.slider .swiper-container .swiper-slide {
    width: 300px !important;
}

@media (max-width: 320px) {
    .slider .swiper-container .swiper-slide {
        width: 270px !important;
    }
}

.slider .swiper-container .swiper-slide .content {
    position: relative;
}

.slider .swiper-container .swiper-slide .content img {
    width: 100%;
    border-radius: 6px;
}

.slider .swiper-container .swiper-slide .content .caption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
}

.slider .swiper-container .swiper-slide .content .caption h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 8px;
}

.slider .swiper-container .swiper-slide .content .caption span {
    color: #ddd;
}

.slider .swiper-container .swiper-slide .content .mask {
    background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
}

.specialist-slider .swiper-container .swiper-slide {
    width: 67px !important;
    text-align: center;
}

.specialist-slider .swiper-container .content {
    display: flex;
    flex-direction: column;
}

.specialist-slider .swiper-container .swiper-slide .content img {
    width: 100%;
    border-radius: 6px;
}

.specialist-slider .swiper-container .swiper-slide .content .text {
    padding-top: 10px;
}

.specialist-slider .swiper-container .swiper-slide .content .text a {
    color: #000;
    font-size: 12px;
}

.specialist-slider .swiper-container .swiper-slide .content .text h4 {
    margin-bottom: 0;
    font-size: 12px;
    color: #000;
}

.specialist-slider .swiper-container .swiper-slide .content .text span {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 5px;
}

.specialist-slider .swiper-container .swiper-slide .content .text span i {
    margin-right: 5px;
    color: #d00807;
}

.specialist-slider .swiper-container .swiper-slide .content .text p {
    color: #666;
}

.focused .focused-content .swiper-container {
    padding-bottom: 30px;
}

.focused .focused-content .swiper-container>.swiper-pagination-bullets {
    bottom: 0;
}

.focused .focused-content .swiper-container>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #949494;
}

.favourites .focused .swiper-container {
    padding-bottom: 20px;
}

.schedule-timings .container {
    padding: 0 16px;
}

.patients-list .container {
    padding: 0 15px;
}

/*.search-doctor .swiper-container,*/
/*.favourites .container {*/
/*    margin: 0 -10px;*/
/*}*/

.chat-list-new .container {
    padding: 0 16px;
}
/*doctor-widget*/

.doctor-widget.doctor-dashboard .doc-speciality {
    font-size: 13px;
}

.doctor-widget.doctor-dashboard .doc-name {
    font-size: 16px;
    margin-bottom: 6px;
}

.doctor-widget.doctor-dashboard .doc-info-left {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    align-items: center;
    -webkit-align-items: center;
}

.doctor-widget.doctor-dashboard .doc-info.custom-info {
    padding-top: 10px;
}

.doctor-widget.doctor-dashboard .doc-location p {
    font-size: 13px;
}

.doctor-widget {
    padding: 20px 20px 16px 20px;
}

.doctor-widget .doc-info-cont {
    padding-top: 5px;
    margin-top: 0px;
}

.doctor-widget .doc-name {
    font-size: 18px;
    margin-bottom: 10px;
}


.doctor-widget .doc-speciality {
    font-size: 13px;
    color: #858585;
    margin: 2px 0;
    line-height: 1.46;
}

.doctor-widget {
    line-height: 17px;
    background: #FFFFFF;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
    padding: 13px;
    width: 100%;
    position: relative;
}

.doctor-widget+.doctor-widget {
    margin-top: 20px;
}

.doctor-widget .doc-name {
    font-size: 15px;
    font-weight: 500;
    font-family: 'poppinsmedium';
    margin-bottom: 0;
    line-height: 17px;
}

.doctor-widget .doc-name a {
    color: #000;
}

.doctor-widget .rating i {
    font-size: 10px;
}

.doctor-widget .average-rating {
    font-size: 12px;
    margin-left: 4px;
}

.doc-info-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px;
    border-bottom: 1px dashed #c5c5c5;
    margin-bottom: 10px;
}

.doctor-img-profile {
    display: inline-block;
    width: auto;
    padding: 5px;
    background-color: #f7f7f7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
}

.doctor-img-profile img {
    border-radius: 50% !important;
    width: 50px;
    height: 50px;
}

.doctor-img {
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    margin-right: 10px;
    width: 50px;
    display: flex;
}

.doctor-img a {
    display: inline-block;
}

.doctor-img img {
    border-radius: 5px;
    display: block;
}

.doc-info-cont {
    flex: 0 0 calc(100% - 90px);
    max-width: calc(100% - 90px);
}

.doc-speciality {
    font-size: 13px;
    color: #333;
    margin-bottom: 4px;
    padding-top: 2px;
}

.doc-department {
    color: #20c0f3;
    font-size: 13px;
    margin-bottom: 8px;
    font-weight: normal;
}

.doc-department img {
    width: 14px;
    display: inline-block;
}

.speciality-img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.doc-experince {
    float: right;
    color: #FF5B62;
    font-size: 13px;
}

.doc-info-right {}

.clini-infos {
    margin-bottom: 15px;
}

.clini-infos ul {
    font-size: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.clini-infos ul li {
    display: block;
    line-height: 30px;
    color: #000;
    flex: 0 0 auto;
}

.clini-infos ul li+li {
    margin-left: 15px;
}

.clini-infos ul li i {
    font-size: 12px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.doc-info-cont {
    flex: 0 0 calc(100% - 90px);
    max-width: calc(100% - 90px);
}

.doc-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.clinic-content .rating {
    font-size: 10px;
}

.rating {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
}

.rating i {
    color: #dedfe0;
}

.rating i+i {
    margin-left: 3px;
}

.rating i.filled {
    color: #f4c150;
}

.profile-widget .rating {
    color: #757575;
    font-size: 14px;
    margin-bottom: 15px;
}

.profile-widget .rating i {
    font-size: 14px;
}

.doc-info .rating {
    margin-bottom: 5px;
}

.doc-location p {
    color: #333;
    font-size: 12px;
    margin-bottom: 0;
}

.doc-location a {
    color: #09e5ab;
    font-weight: 500;
}

.clinic-booking a+a {
    margin-top: 15px;
}

.clinic-booking a {
    background-color: #fff;
    border: 1px solid #1B5A90;
    border-radius: 5px;
    color: #1B5A90;
    display: block;
    font-size: 14px;
    padding: 8px 10px;
    text-align: center;
}

.clinic-btn {
    padding-left: 5px;
    padding-right: 5px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.clinic-booking a.view-pro-btn:hover,
.clinic-booking a.view-pro-btn:focus {
    background: #20c0f3;
    color: #fff;
}

.clinic-booking a.apt-btn {
    background-color: #32CD32;
    border-color: #32CD32;
    color: #fff;
}

.clinic-booking a.apt-btn:hover,
.clinic-booking a.apt-btn:focus {
    background-color: #269c26;
    border-color: #269c26;
    color: #fff;
}

.clinic-booking {
    margin: 0 -5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
/*-----------------
	Notifications
-----------------------*/

.ios .media-list .item-title,
.ios li.media-item .item-title {
    font-size: 15px;
    font-weight: 400;
}

.notifications-col .notif-list {
    padding: 0 15px;
    margin: 15px 0;
}

.notif-list .user-role {
    color: #777;
    font-size: 12px !important;
}

.ios .list.notif-list .item-inner:after {
    background: transparent;
}

.ios .list.notif-list ul {
    background: transparent;
    border: 0;
}

.list.notif-list li {
    background-color: #fff;
    box-shadow: 0px 3px 6px #00000029;
    margin-bottom: 15px;
    border-radius: 10px;
}
/**/

.list .item-title.noti-title {
    color: #616161;
    font-size: 13px;
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
}

.noti-text {
    color: #9e9e9e;
}

.notifications-col {
    background-color: #fff;
}

.notifications-col .notif-list {
    padding: 0 15px;
    margin: 15px 0;
}
/*-----------------Chat-----------------------*/

.chats {
    padding: 15px;
}

.chat-body {
    display: block;
    margin: 10px 0 0;
    overflow: hidden;
}

.chat-body:first-child {
    margin-top: 0;
}

.chat-bubble {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.chat-content>p {
    margin-bottom: 0;
    word-wrap: break-word;
    font-size: 12px;
}

.chat-time {
    color: rgba(0, 0, 0, 0.5);
    display: block;
    font-size: 11px;
}

.chat-avatar {
    float: right;
}

.chat-left .chat-avatar {
    float: left;
}

.chat-left .chat-body {
    margin-right: 0;
    margin-left: 30px;
}

.chat-left .chat-content {
    color: #888;
    float: left;
    position: relative;
}

.avatar:hover {
    color: #fff;
}

.avatar>img {
    width: 100%;
    display: block;
}

.chat-left .chat-time {
    color: #a3afb7;
}

.attach-list {
    color: #adb7be;
    padding: 5px 0 0;
    line-height: 24px;
    margin: 0;
    list-style: none;
}

.attach-list i {
    margin-right: 3px;
    font-size: 16px;
}

.attach-list a {
    font-size: 12px;
    word-wrap: break-word;
}

.edit-btn {
    border-radius: 40px;
    height: 36px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 36px;
}

.files-icon {
    background-color: #f3f7f9;
    border: 1px solid #e4eaec;
    border-radius: 4px;
    display: inline-block;
    height: 38px;
    line-height: 38px;
    text-align: center;
    width: 38px;
}

.files-icon i {
    color: #76838f;
    font-size: 20px;
}

.list.chat-list .item-inner:after {
    background: transparent;
}

.list.chat-list ul {
    background: transparent;
    border: 0;
}

.list.chat-list li {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 10px #dfdfdf;
    margin-bottom: 15px;
}

.list.chat-list li:last-child {
    margin-bottom: 0;
}

.chat-list.media-list .item-media img {
    border-radius: 50%;
}

.profile-action {
    position: absolute;
    right: 5px;
    text-align: right;
    top: 10px;
}

.action-icon {
    color: #777 !important;
    display: inline-block;
    font-size: 18px;
    padding: 0 10px;
}

.ios .message-received .message-bubble {
    padding-left: 15px;
}

.ios .message-sent .message-bubble {
    padding-right: 15px;
}

.ios .message-received .message-bubble {
    background: #fff;
    border: 1px solid transparent;
    color: #000;
    padding: 13px 15px;
}

.ios .message-sent .message-bubble {
    background: #0CE0FF;
    color: #fff;
    border-radius: 10px 10px 0 10px;
    padding: 10px 15px;
}

.chat-list-new {
    background: #FFF;
    border-radius: 25px 25px 0 0;
    padding: 15px 0;
    position: relative;
}

.chat-list-new:after {
    content: "";
    display: table;
    clear: both;
}

.chat-list-new .container {
    padding: 0 16px;
}

.chat-title {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #c5c5c5;
}

.chat-list-title i {
    position: relative;
    top: 4px;
}

.list.chat-list .item-title-row {
    padding-right: 0;
    padding-bottom: 2px;
}

.list.chat-list .item-title-row:before {
    display: none;
}

.list.chat-list .item-title-row .item-after {
    font-size: 9px;
}

.list.chat-list .item-text {
    font-size: 12px;
    line-height: 1.5;
    padding-left: 0px;
    padding-right: 20px;
    position: relative;
}

.list.chat-list .item-text .smile {
    vertical-align: middle;
}

/*.list.chat-list .item-text:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 5px;*/
/*    !*background-image: url(../img/gray-tick.svg);*!*/
/*    !*background-repeat: no-repeat;*!*/
/*    !*background-size: cover;*!*/
/*    display: inline-block;*/
/*    width: 9px;*/
/*    height: 7px;*/
/*}*/

/*.list.chat-list .item-text.read:before {*/
/*    content: "";*/
/*    background-image: url(../img/green-tick.svg);*/
/*    width: 12px;*/
/*    height: 7px;*/
/*}*/

.msg-notification {
    position: absolute;
    right: 17px;
    top: 32px;
    width: 26px;
    height: 26px;
    background-color: #00DCB7;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    color: #fff;
    font-size: 13px;
    border-radius: 50px;
}

.media-list .item-media,
li.media-item .item-media {
    position: relative;
}

.media-list .item-media .online,
.media-list .item-media .offline {
    position: absolute;
    right: -1px;
    bottom: 11px;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    box-shadow: 0px 3px 6px #00000029;
    background-color: #fff;
}

.media-list .item-media .online:before,
.media-list .item-media .offline:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 9px;
    height: 9px;
    background-color: #32cd32;
    border-radius: 50px;
    box-shadow: 0px 3px 6px #00000029;
}

.media-list .item-media .offline:before {
    background-color: #858585;
}

.fixed-chat-col {
    position: fixed;
    right: -7px;
    bottom: -15px;
}

/*.chat-list-new .searchbar {*/
/*    margin-top: 13px !important;*/
/*    border-radius: 10px !important;*/
/*}*/

/*.chat-list-new .searchbar:after {*/
/*    background-color: transparent;*/
/*}*/

/*.chat-list-new .searchbar .searchbar-inner {*/
/*    background-color: #fff;*/
/*    box-shadow: 0px 5px 10px #0000000F;*/
/*    border-radius: 10px !important;*/
/*    border-bottom: 0;*/
/*}*/

/*.chat-list-new .searchbar .searchbar-inner input {*/
/*    background: #fff;*/
/*    font-size: 14px;*/
/*    color: #000000;*/
/*    font-weight: 400;*/
/*}*/

/*.searchbar-inner {*/
/*    background: #fff;*/
/*}*/

.custom-form.list .input-clear-button:after {
    left: -5px;
}

.ios .item-input-wrap .input-clear-button {
    top: 18px;
    right: 10px;
}

.chat-list-new .list {
    margin-top: 15px;
}

.chat-list-new .list .item-content {
    background-color: #fff !important;
}

/*.ios .searchbar-disable-button {*/
/*    font-size: 14px;*/
/*}*/

.chat-top-icon {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.chat-top-icon .back-icon {
    margin-right: 2px;
    margin-left: 5px;
}

.chat-top-icon .item-media img {
    border-radius: 50%;
    width: 50px;
}

.messages-content .messages {
    padding: 0px 8px 0;
}

.messages-content .messages .message-text {
    font-size: 13px;
}

.messages-content .messages .message-text .smile {
    vertical-align: middle;
}

.messages-content .message-footer {
    font-size: 12px;
    color: #858585;
    margin: 10px 0 0 0 !important;
}

.messages-content .message-sent,
.messages-content .message-received {
    margin-top: 30px;
}

.m-0 {
    margin: 0 !important;
}

.send-btn {
    width: 38px;
    height: 38px !important;
    /*background-color: #32CD32;*/
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    /*border-radius: 50px;*/
    position: fixed;
    right: 10px;
}

.send-btn img {
    position: fixed;
    height: 20px;
    right: 10px;
}

.call-icon {
    position: relative;
    top: 3px;
}

.today-col {
    position: relative;
    max-width: 95%;
    width: 100%;
    text-align: center;
    margin: 25px auto 0;
}

.today-col:after {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    border-bottom: 1px dashed #858585;
}

.today-col span {
    font-size: 14px;
    display: inline-block;
    padding: 5px 22px;
    background-color: #fff;
    border-radius: 30px;
    position: relative;
    z-index: 9;
}

.followers-add {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    box-sizing: border-box;
    color: #ccc !important;
    display: inline-block;
    font-size: 2px !important;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px;
}

.followers-add:hover {
    border: 1px solid #8c8c8c;
    color: #8c8c8c;
}

.followers-add>i {
    box-sizing: border-box;
    color: #ccc !important;
    font-size: 18px !important;
    line-height: 22px;
    margin: 0 !important;
}

.completed-task-msg {
    margin-bottom: 30px;
    margin-left: 30px;
}

.file-attached {
    color: #333;
    font-size: 12px;
}

.file-attached i {
    font-size: 12px;
}

.task-attach-img>img {
    border: 1px solid #eaeaea;
    max-width: 100%;
}

.attach-img-download {
    margin-bottom: 5px;
}

.task-chat-user {
    color: #333;
    font-size: 13px;
}

.task-time {
    color: #a3afb7;
    display: inline-block;
    font-size: 11px;
}

.task-success {
    color: #55ce63;
    font-size: 13px;
}

.task-success a {
    color: #55ce63;
}

.task-assign {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.assign-title {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.task-assign>a {
    box-sizing: border-box;
    float: left;
}

.task-followers {
    display: flex;
}

.task-followers .avatar {
    height: 24px;
    line-height: 24px;
    margin-right: 5px;
    width: 24px;
}

.followers-title {
    margin: 2px 10px 0 0;
    font-weight: bold;
}

.task-information {
    color: #95a1a9;
    font-size: 11px;
    line-height: 17px;
    min-width: 1px;
}

.task-info-line {
    overflow-wrap: break-word;
}

.task-user {
    color: #666 !important;
    font-weight: bold;
}

.task-information .task-time {
    display: inline-block;
    padding-left: 10px;
}

.action-circle {
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 100%;
    height: 20px;
    width: 20px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.action-circle .material-icons {
    color: #ccc;
    font-size: 18px;
    vertical-align: -3px;
}

.action-circle.completed {
    background: #35BA67;
    border: 1px solid #2fa65c;
}

.action-circle.completed .material-icons {
    color: #fff;
}

.action-circle .material-icons {
    font-size: 16px;
    vertical-align: -4px;
}

.ios .messages,
.ios .messages-content {
    background: #F6F6F6;
    border-radius: 25px 25px 0 0;
}

.ios .message-received .message-bubble {
    background: #fff;
    border: 1px solid transparent;
    color: #000;
    padding: 13px 15px;
}

.ios .message-sent .message-bubble {
    background: #0CE0FF;
    color: #fff;
    border-radius: 10px 10px 0 10px;
    padding: 10px 15px;
}
/*.toolbar a.link {
	color: #333;
}*/

.ios .message-avatar {
    height: 29px;
    margin-right: 10px;
    width: 29px;
}

.ios .messages {
    padding-bottom: 44px;
}

.list.task-list {
    margin: 15px 0;
}

.list.files-list {
    margin: 15px 0;
}

.ios .subnavbar.task-subnavbar {
    margin: 0;
    padding: 0;
}

.messages-content .toolbar.messagebar textarea {
    font-size: 14px;
    border: 0;
    background-color: #f6f6f6;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    /*margin-left: 10px;*/
    /*margin-right: 10px;*/
    height: 45px;
    border-radius: 20px;
    position: relative;
}

.messages-content .toolbar-inner .send-btn {
    position: absolute;
    right: 16px;
    top: 9px;
}
/**/

.messagebar .tab-link-highlight {
    bottom: auto;
    top: 0;
}

.ios .messagebar-area {
    margin-bottom: 0 !important;
}

.toolbar.messagebar {
    position: fixed;
    left: 0;
    bottom: 0px;
    width: 100%;
}
/*-----------------
	 Voice Call
-----------------------*/

.call-wrapper {
    bottom: 0;
    left: 0;
    overflow: auto;
    padding-bottom: inherit;
    padding-top: inherit;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.call-inner {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100vh;
}

.call-view {
    display: table-cell;
    height: 100%;
    float: none;
    padding: 0;
    position: static;
    vertical-align: top;
}

.call-window {
    display: table;
    height: 100%;
    table-layout: fixed;
    width: 100%;
    background-image: url(../img/call-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
}

.call-userinfo {
    text-align: center;
    padding-top: 10px;
    display: inline-block;
    clear: both;
    width: 100%;
}

.call-contents {
    display: table-row;
    height: 100%;
}

.call-content-wrap {
    height: 100%;
    position: relative;
    width: 100%;
}

.voice-call-avatar {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.voice-call-avatar .call-avatar {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    height: 70px;
    margin: 15px;
    padding: 4px;
    width: 70px;
}

.call-duration {
    color: #fff;
    display: block;
    font-size: 17px;
}

.voice-call-avatar .call-timing-count {
    padding: 5px;
}

.voice-call-avatar .username {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}

.call-icons {
    bottom: 0px;
    left: 0;
    padding: 1px;
    position: sticky;
    right: 0;
    text-align: center;
    z-index: 99;
    max-width: 250px;
    margin: 0 auto;
}

.call-icons .call-items {
    border-radius: 5px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.call-icons .call-items .call-item {
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    width: 28%;
    padding: 7px 0;
}

.call-icons .call-items .call-item:last-child {
    margin-right: 0;
}

.call-icons .call-items .call-item a {
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    width: 50px;
}

.call-icons .call-items .call-item a i {
    width: 18px;
    height: 18px;
    font-size: 16px;
    line-height: 40px;
}

.call-icons .call-items .call-item.end_call {
    width: 60px;
    padding-top: 20px;
}

.call-icons .call-items .call-item.end_call a {
    width: 60px;
    height: 60px;
}

.user-video {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.user-video img {
    width: 100%;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

.user-video video {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

.my-video {
    bottom: 150px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 99;
}

.my-video ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.my-video ul li {
    float: left;
    width: 90px;
}

.my-video ul li img {
    border: 5px solid rgba(255, 255, 255, 1);
    border-radius: 6px;
}

.call-users {
    position: absolute;
    z-index: 99;
    bottom: 70px;
    right: 20px;
}

.call-users ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.call-users ul li {
    float: left;
    width: 50px;
    margin-left: 10px;
}

.call-users ul li a {
    display: inline-block;
}

.call-users ul li img {
    border-radius: 6px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.call-mute {
    background-color: rgba(0, 0, 0, 0.5);
    border: 3px solid transparent;
    border-radius: 6px;
    color: #fff;
    display: none;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50px;
}

.call-users ul li a:hover .call-mute {
    display: block;
}

.user-details {
    padding: 10px;
    position: relative;
    z-index: 99;
}

.call-icons .call-items .call-item.end_call a {
    background-color: #f06060;
    color: #fff;
}

.call-icons .call-items .call-item.end_call a i {
    line-height: 17px;
    margin-top: 11px;
}

.user-img {
    float: left;
    margin-right: 5px;
}

.user-img img {
    border-radius: 50%;
    display: flex;
    height: 30px;
    width: 30px;
}

.call-username {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
}

.chat-link {
    color: #fff;
    float: right;
    font-size: 22px;
}

.chat-link a {
    color: #fff;
}

.call-duratiton-avatar {
    position: absolute;
    left: 50%;
    top: 120px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.call-duratiton-avatar .call-avatar {
    width: 140px;
    height: 140px;
    border-radius: 100%;
    padding: 5px;
    background-color: #fff;
    margin-bottom: 15px;
}

.call-duratiton-avatar .username,
.call-duratiton-avatar .call-timing-count {
    font-size: 18px;
    text-align: center;
    color: #fff;
    width: 100%;
    display: block;
}

.call-icons.video-call .call-items {
    position: relative;
    z-index: 9;
    max-width: 200px;
    margin: 0 auto;
}

.call-icons.video-call .call-items .call-item.end_call {
    width: 50px;
}

.call-icons.video-call .call-items .call-item.end_call a {
    width: 50px;
    height: 50px;
}

.call-icons.video-call {
    max-width: 100%;
}

.call-icons.video-call:after {
    content: "";
    /*background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.985) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%);*/
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 170px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
/*-----------------
	appointments
-----------------------*/
/*selector*/

.appoint-col {
    width: 100%;
    padding-bottom: 20px;
}

.appoint-col:after {
    content: "";
    display: table;
    clear: both;
}

.appoint-col .list {
    margin-top: 21px;
}

.appoint-col .list ul {
    background-color: transparent;
}

.appoint-col .list li {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 6px 15px #dfdfdf;
}

.appoint-col .list li .item-content {
    border-radius: 10px;
    background-color: #fff !important;
    font-size: 14px;
}

.appoint-col .list li+li {
    margin-top: 20px;
}

.appoint-col .list li .item-inner:before {
    content: "";
    background-image: url(../../img/right-arrow.svg);
    display: inline-block;
    background-size: cover;
    width: 9px;
    height: 16px;
}

.appoint-col .list li .item-inner:after {
    background-color: transparent;
}

.appoint-list-col .list ul li .item-media span.material-icons {
    background-color: #32CD32;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.appoint-list-col .list ul li .item-inner {
    margin-left: 10px;
}

.appoint-list-col .list ul li.page-title {
    font-size: 16px;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #F6F6F6;
    padding-bottom: 7px;
    font-weight: 500;
}

.appoint-list-col .list ul li+.page-title {
    margin: 25px 0;
}
/**/

.p-appoint {
    background-color: #F6F6F6;
}

.p-appoint>.block {
    padding-bottom: 15px;
}

.p-appoint .tabs-animated-wrap .page-content {
    padding-top: 0px !important;
    overflow-x: hidden;
    padding-bottom: 0;
}

.p-appoint .setting-widget {
    background-color: #fff;
    border-radius: 10px;
    padding: 18px;
    display: inline-block;
    width: 100%;
    box-shadow: 0px 6px 15px #00000014;
}

.p-appoint form.append-col ul:first-child li:first-child {
    display: none;
}

.doctor-profile-tab .tabs-animated-wrap {
    padding-top: 30px;
}

.doctor-profile-tab .tabs-animated-wrap .page-content {
    padding-top: 0 !important;
}

.patient-appointments-col {
    padding-top: 5px;
    padding-bottom: 20px;
}

.patient-appointments-col .pat-info-left {
    width: 100%;
}

.patient-widget {
    background-color: #fff;
    padding: 15px;
    box-shadow: 0px 6px 15px #dfdfdf;
    border-radius: 10px;
}

.patient-widget .pat-name {
    font-size: 14px;
    margin-bottom: 1px;
    color: #000;
    font-weight: 400;
}

.patient-widget .pat-name a {
    color: #000;
}

.patient-widget+.patient-widget {
    margin-top: 20px;
}

.patient-top-details {
    display: inline-block;
    width: 100%;
    background-image: linear-gradient(to right, #CFCFCF 33%, rgba(245, 245, 245, 0) 0%);
    background-image: -webkit-linear-gradient(to right, #CFCFCF 33%, rgba(245, 245, 245, 0) 0%);
    background-position: bottom;
    background-size: 10px 2px;
    background-repeat: repeat-x;
    padding-bottom: 7px;
    margin-bottom: 10px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.patient-top-details i {
    font-size: 10px;
    vertical-align: 0px;
}

.invoice-id {
    font-size: 13px;
}

.date-col {
    color: #858585;
    font-size: 12px;
}

.date-col i {
    vertical-align: middle;
    margin-right: 2px;
}

.accordion-schedule .item-content .date-col {
    font-size: 12px;
    color: #BCBCBC;
}

.invoice-widget {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
}

.invoices .pat-info-left {
    align-items: center;
    -webkit-align-items: center;
    width: 70%;
}

.pat-info-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.patient-img {
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin-right: 10px;
    width: 60px;
    display: flex;
    -webkit-display: flex;
}

.patient-img img {
    border-radius: 50px;
}

.pat-info-cont {
    flex: 0 0 calc(100% - 70px);
    max-width: calc(100% - 70px);
    margin-top: 5px;
}

.status-col {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-top: 10px;
}

.status-col.no-shadow {
    box-shadow: none;
    margin-top: 5px;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    padding: 0;
}

.status-col .btn {
    font-size: 11px;
    display: inline-block;
    padding: 6px 10px 4px;
    border-radius: 50px;
    color: #fff;
    min-width: 78px;
    text-align: center;
}

.status-col .status-btn {
    margin: 2px;
    padding: 2px;
    width: 101px;
}

.status-col .status-btn:last-child {
    margin-right: 0;
    /*margin-left: 70px;*/
}

.status-col .status-btn1:last-child {
    /* margin-right: 0;*/
    margin-left: 70px;
}

.success {
    background-color: rgba(29, 185, 71, 0.65);
}

.danger {
    background-color: rgba(240, 52, 52, 1);
}

.cont {
    background-color: #32CD32;
}

.view-eye {
    background-color: rgba(29, 185, 170, 0.65);
}

.print {
    background-color: #D4D4D4;
    color: #8B8A8A !important;
}

.view-eye i,
.success i,
.delete i {
    margin-right: 4px;
    vertical-align: -1px;
}

.print i {
    margin-right: 4px;
    vertical-align: middle;
}

.pap.toolbar a.link {
    height: 60px;
    line-height: 60px;
}

.pap.toolbar a.link {
    color: #333;
}

.messages-content .pap.toolbar.messagebar textarea {
    font-size: 14px;
    border: 0;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 55px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 45px;
}

.ios .pap.toolbar.toolbar-border:before {
    display: none;
}

.pap.toolbar.toolbar-border a {
    border-bottom: 2px solid transparent;
    font-size: 16px;
}

.pap.toolbar.toolbar-border {
    background: #fff;
}

.pap.toolbar {
    background-color: transparent;
}

.pap.toolbar:before {
    display: none;
}

.pap.toolbar .pap-toolbar-inner {
    padding: 0;
}

.pap.toolbar.messagebar {
    position: fixed;
    left: 0;
    bottom: 0px;
    width: 100%;
}

.pap.toolbar .tab-link {
    font-size: 14px;
    color: #000;
    width: auto;
    display: inline-block;
    padding: 8px 15px !important;
    height: 36px;
    text-overflow: inherit;
}

.pap.toolbar .tab-link.tab-link-active {
    border-radius: 50px;
    background-color: #0DD8F9;
    color: #fff;
}

.pap.tabbar.toolbar-border a.tab-link-active {
    border-color: #3a57c4;
    color: #3a57c4;
    font-size: 16px;
}

.toolbar-inner .icon:before {
    display: none;
}

.messages-content .toolbar-inner .send-btn {
    position: absolute;
    right: 16px;
    top: 9px;
}

.attach-btn {
    width: 28px;
    height: 38px !important;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 50px;
    position: fixed;
    left: 0px;
    bottom: 10px;
}

.attach-btn img {
    position: fixed;
    width: 20px;
    left: 10px;
}
/*-----------------
	doctors profile tab
-----------------------*/

.doctor-profile-tab {
    width: auto;
    margin: -16px -16px 0;
    background-color: #e7e7e7;
    padding-top: 20px;
    padding-bottom: 30px;
}

.doctor-profile-tab:after {
    content: "";
    display: table;
    clear: both;
}

.doctor-profile-tab .tabs-animated-wrap {
    padding-top: 30px;
}

.doctor-profile-tab .tabs-animated-wrap .page-content {
    padding-top: 0 !important;
}

.doctor-profile-tab .container {
    padding: 0 16px;
}

/*.profile-settings .tabs-animated-wrap .page-content {*/
/*    padding-top: 23px !important;*/
/*    overflow-x: hidden;*/
/*    padding-bottom: 0;*/
/*}*/

.profile-tabs>.tab>.list {
    margin: 15px 0;
}

.profile-tabs>.tab>.block {
    margin: 15px 0;
}

.left-icon-col {
    position: relative;
    float: left;
    width: 40px;
    padding-left: 3px;
}

.left-icon-col span {
    width: 40px;
    height: 40px;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #EEEEEE;
    background-color: #FFFFFF;
    border-radius: 50px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    position: relative;
    z-index: 9;
}

.right-content-col {
    float: left;
    width: 100%;
    padding-left: 0px;
    position: relative;
}

.right-content-col:before {
    content: "";
    position: absolute;
    left: -18px;
    top: 20px;
    height: 100%;
    border: 1px dashed #000;
}

.tab-widget:last-child .right-content-col:before {
    display: none;
}

.right-content-col {
    width: 94%;
}
/*-----------------
	15. Profile
-----------------------*/

.profile-name {
    font-size: 18px;
    font-weight: bold;
}

.profile-designation {
    font-size: 12px;
}

.ios .dprof.toolbar.toolbar-border:before {
    display: none;
}

.dprof.toolbar.toolbar-border a {
    border-bottom: 2px solid transparent;
    font-size: 16px;
}

.dprof.tabbar.toolbar-border a.tab-link-active {
    border-color: #3a57c4;
    color: #3a57c4;
    font-size: 16px;
}

.dprof.toolbar.toolbar-border {
    background: #fff;
}

.dprof.toolbar.toolbar-border .dprof.toolbar-inner {
    border-bottom: 1px solid #e7e7e7;
    padding: 0;
}

.experience-box {
    position: relative;
}

.experience-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

.experience-list>li {
    position: relative;
}

.experience-list>li:last-child .experience-content {
    margin-bottom: 0;
}

.experience-user .avatar {
    height: 32px;
    line-height: 32px;
    margin: 0;
    width: 32px;
}

.experience-list>li .experience-user {
    background: #fff;
    height: 10px;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4px;
    width: 10px;
}

.experience-list>li .experience-content {
    margin: 0 0 15px 20px;
    padding: 0;
    position: relative;
}

.experience-list>li .experience-content .timeline-content {
    color: #9e9e9e;
}

.experience-list>li .experience-content .timeline-content span.name {
    color: #616161;
    font-weight: bold;
}

.experience-list>li .time {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 1.35;
}

.before-circle {
    background-color: #3a57c4;
    border-radius: 50%;
    height: 10px;
    width: 10px;
}

.skills>span {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 500px;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 3px 12px;
    text-align: center;
}

.pro-img-upload {
    background: rgba(33, 33, 33, 0.5) url("../img/upload-icon.png") no-repeat scroll center center / 16px auto;
    border: none;
    border-radius: 50%;
    height: 28px;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 0;
    width: 28px;
}

.pro-img-upload input.upload {
    cursor: pointer;
    font-size: 20px;
    margin: 0;
    opacity: 0;
    padding: 5px;
    position: absolute;
    right: -3px;
    top: -3px;
}

.footer-fixed {
    background: #fff;
    bottom: 0;
    box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    padding: 15px;
    position: fixed;
    width: 100%;
    z-index: 500;
    left: 0;
    right: 0;
}

.profile-title {
    padding: 0 15px;
}

.button-green {
    background-color: #4baf4f;
    border-color: #4baf4f !important;
    color: #fff !important;
}

.button-red {
    background-color: #fa424a;
    border-color: #fa424a !important;
    color: #fff !important;
}

.button-primary {
    background-color: #0CE0FF;
    border-color: #0CE0FF !important;
    color: #fff !important;
}

.add-more {
    padding: 15px 0;
}

.add-more-btn {
    background-color: #0CE0FF;
    border-radius: 4px;
    color: #fff !important;
    display: inline-block;
    font-size: 14px;
    padding: 5px 10px;
}

.profile-tabs>.tab>.list {
    margin: 15px 0;
}

.profile-tabs>.tab>.block {
    margin: 15px 0;
}

.address-block {
    margin: 15px 0 !important;
}

.skills-block {
    margin: 0 !important;
}

.ios #pro_overview .list {
    font-size: 14px;
}

.doctor-profile-tab {
    width: auto;
    margin: -16px -16px 0;
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 30px;
}

.doctor-profile-tab:after {
    content: "";
    display: table;
    clear: both;
}

.doctor-profile-tab .tabs-animated-wrap {
    padding-top: 30px;
}

.doctor-profile-tab .tabs-animated-wrap .page-content {
    padding-top: 0 !important;
}

.doctor-profile-tab .container {
    padding: 0 16px;
}

.dprof.toolbar {
    background-color: transparent;
}

.dprof.toolbar:before {
    display: none;
}

.dprof.toolbar .toolbar-inner {
    padding: 0;
}

.ios .messagebar-area {
    margin-bottom: 0 !important;
}

.dprof.toolbar.messagebar {
    position: fixed;
    left: 0;
    bottom: 0px;
    width: 100%;
}

.dprof.toolbar .tab-link {
    font-size: 14px;
    color: #000;
    width: auto;
    display: inline-block;
    padding: 8px 15px !important;
    height: 36px;
    text-overflow: inherit;
}

.dprof.toolbar .tab-link.tab-link-active {
    border-radius: 50px;
    background-color: #0DD8F9;
    color: #fff;
}

.book-appointment-btn {
    position: fixed;
    padding: 10px;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 99;
}

.book-appointment-btn .btn {
    font-size: 16px;
    color: #fff;
    background-color: #32CD32;
    text-align: center;
    padding: 14px 15px;
    text-transform: inherit;
    width: 100%;
    display: inline-block;
}

.book-appointment-btn .btn:hover {
    background-color: #229422;
}

.left-icon-col {
    position: relative;
    float: left;
    width: 40px;
    padding-left: 3px;
}

.left-icon-col span {
    width: 40px;
    height: 40px;
    box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #EEEEEE;
    background-color: #FFFFFF;
    border-radius: 50px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    position: relative;
    z-index: 9;
}

.right-content-col {
    float: left;
    width: 100%;
    padding-left: 0px;
    position: relative;
}

.right-content-col:before {
    content: "";
    position: absolute;
    left: -18px;
    top: 20px;
    height: 100%;
    border: 1px dashed #000;
}

.tab-widget:last-child .right-content-col:before {
    display: none;
}

.tab-widget {
    position: relative;
}

.tab-widget:after {
    content: "";
    display: table;
    clear: both;
}

.tab-widget+.tab-widget {
    margin-top: 20px;
}

.tab-widget h6 {
    font-weight: 500;
    font-size: 15px;
}

.tab-widget p {
    color: #858585;
    font-size: 12px;
    line-height: 1.66;
}

.tab-widget .list-title {
    font-size: 13px;
    position: relative;
    font-weight: 400;
    padding-left: 17px;
}

.tab-widget .list-title i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
}

.tab-widget span.sub-title {
    color: #858585;
    font-size: 12px;
    line-height: 1.66;
    font-weight: 400;
    display: block;
    padding-left: 17px;
}

.tab-widget span.sub-title+.list-title {
    margin-top: 10px;
}

.tab-widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tab-widget ul li {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    color: #858585;
    margin: 3px 0;
    position: relative;
    padding-left: 17px;
}

.tab-widget ul li i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
}

.location-list {
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 15px;
}

.location-list+.location-list {
    margin-top: 20px;
}

.clinic-content .clinic-name {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 3px;
}

.clinic-content .rating {
    font-size: 10px;
}

.clinic-content .clinic-name a {
    color: #000;
}

.clinic-content .clinic-direction {
    color: #000;
    font-size: 13px;
    margin-bottom: 7px;
}

.clinic-content .clinic-direction i {
    font-size: 10px;
}

.clinic-content .clinic-direction a {
    display: inline-block;
    margin-top: 4px;
    color: #0DD8F9;
}

.clinic-content .clinic-details {
    border-bottom: 1px dashed #c5c5c5;
    position: relative;
}

.clinic-content .clinic-details ul {
    margin: 7px 0 10px;
}

.location-list .clinic-content .consult-price {
    position: absolute;
    right: 0;
    top: -8px;
    width: 46px;
    height: 46px;
    box-shadow: 0px 3px 6px #00000029;
    font-size: 13px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.timings-days {
    font-weight: 500;
    color: #272b41;
    margin-bottom: 8px;
    font-size: 13px;
}

.timings-times span {
    font-size: 12px;
    display: inline-block;
    border: 1px dashed #000;
    border-radius: 50px;
    padding: 5px 10px;
    margin: 3px 3px 3px 0px;
}

.location-list .consult-price {
    font-size: 20px;
    font-weight: 500;
    color: #272b41;
}

.review-listing {
    box-shadow: 0px 6px 15px #dfdfdf;
    background-color: #fff;
    border-radius: 10px;
    border: 0;
}

.review-listing>ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.review-listing>ul li+li {
    padding-top: 20px;
}

.review-listing>ul li .comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.review-listing>ul li .comment:last-child {
    margin-bottom: 0;
}

.review-listing>ul li .comment .comment-body {
    margin-left: 10px;
    text-align: left;
}

.review-listing>ul li .comment .comment-body .meta-data {
    position: relative;
    margin-bottom: 10px;
}

.review-listing>ul li .comment .comment-body .meta-data span {
    display: block;
    font-size: 16px;
    color: #757575;
}

.review-listing>ul li .comment .comment-body .meta-data span.comment-author {
    font-weight: 500;
    color: #000;
    font-size: 15px;
}

.review-listing>ul li .comment .comment-body .meta-data span.comment-date {
    font-size: 13px;
    color: #858585;
    margin-bottom: 4px;
}

.review-listing>ul li .comment .comment-body .meta-data .review-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    font-size: 10px;
}

.review-listing>ul li .comment .comment-body .comment-content {
    color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 1.58;
    font-size: 12px;
    border-bottom: 1px dashed #c5c5c5;
    padding-bottom: 10px;
}

.review-listing>ul li .comment .comment-body .comment-reply .comment-btn {
    color: #20c0f3;
    display: inline-block;
    font-size: 12px;
    float: left;
    width: 100%;
}

.review-listing>ul li .comment .comment-body .comment-reply .comment-btn i {
    font-size: 10px;
}

.review-listing .recommended {
    font-size: 12px;
    color: #00CC80;
}

.review-listing .recommend-btn {
    float: left;
    color: #000;
    font-size: 12px;
    padding: 5px 0;
    margin-bottom: 0;
}

.review-listing .recommend-btn a {
    border: 1px dashed #000;
    border-radius: 50px;
    display: inline-block;
    padding: 4px 12px;
    color: #000;
    margin-left: 3px;
    margin-right: 3px;
    transition: all .3s;
    font-size: 10px;
}

.review-listing .recommend-btn a.like-btn:hover {
    background-color: #28a745;
    border: 1px solid #28a745;
    color: #fff;
}

.review-listing .recommend-btn a.dislike-btn:hover {
    background-color: #dc3545;
    border: 1px solid #dc3545;
    color: #fff;
}

.review-listing .recommend-btn a i {
    font-size: 10px;
}

.review-listing>ul li .comments-reply {
    list-style: none;
    margin-left: 48px;
    padding: 0;
}

.all-feedback {
    padding-top: 20px;
}

.all-feedback a {
    font-size: 12px;
    color: #000;
}

.business-widget {
    background-color: #fff;
    border: 0;
    padding: 10px;
    margin-bottom: 0;
    box-shadow: 0px 6px 15px #dfdfdf;
    border-radius: 10px;
}

.business-widget+.business-widget {
    margin-top: 20px;
}

.listing-day {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    margin-bottom: 13px;
}

.listing-day .left-icon {
    width: 56px;
    height: 56px;
    margin-right: 15px;
}

.listing-day:last-child {
    margin-bottom: 0;
}

.listing-day.current {
    padding: 5px 0;
}

.listing-day .day {
    font-weight: 500;
    position: relative;
    padding-left: 25px;
    font-size: 13px
}

.listing-day.current .day {
    font-weight: 500;
    text-align: left;
    font-size: 15px;
    padding-left: 0;
}

.listing-day.current .day span {
    display: block;
    font-weight: normal;
    font-size: 12px;
    margin-top: 10px;
}

.listing-day .day i {
    font-size: 17px;
    position: absolute;
    left: 0;
    top: 1px;
}

.time-items {
    color: #858585;
}

.listing-day.closed {
    color: #FF3131;
}

.listing-day.closed .bg-danger-light {
    color: #FF0000;
    background-color: rgb(255, 49, 49, 0.3);
    font-size: 10px;
    padding: 5px 13px;
}

.time-items>span {
    display: block;
    text-align: right;
    font-size: 13px;
}

.time-items>span.open-status {
    margin-bottom: 10px;
}

.time-items>span.open-status .bg-success-light {
    background-color: rgba(0, 167, 105, 0.3);
    color: #00CC80;
    font-size: 10px;
    padding: 5px 13px;
}

.check-icon-black {
    background-image: url(../../assets/img/icon-feather-check-circle-black.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width: 17px;
    height: 16px;
}

.check-icon-red {
    background-image: url(../../assets/img/icon-feather-check-circle-red.svg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    width: 17px;
    height: 16px;
}

.avatar img {
    border-radius: 50px;
    width: 48px;
}

.avatar-sm {
    width: 2.7rem;
    height: 2.7rem;
}

.profile-img .avatar {
    color: #fff;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0;
    width: 50px;
}

.chat-avatar .avatar {
    line-height: 24px;
    height: 24px;
    width: 24px;
}

.avatar>img {
    width: 100%;
    display: block;
}

.task-followers .avatar {
    height: 24px;
    line-height: 24px;
    margin-right: 5px;
    width: 24px;
}

.experience-user .rev.avatar {
    height: 32px;
    line-height: 32px;
    margin: 0;
    width: 32px;
}

.rev.avatar {
    background-color: #fff;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}
/*up-appointments*/
/*speacialties*/

.specialties-col {
    width: 100%;
    padding-bottom: 20px;
}

.specialties-col:after {
    content: "";
    display: table;
    clear: both;
}

.specialties-col .list {
    margin-top: 21px;
}

.specialties-col .list ul {
    background-color: transparent;
}

.specialties-col .list li {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 6px 15px #00000014;
}

.specialties-col .list li .item-content {
    border-radius: 10px;
    background-color: #ffffff !important;
    font-size: 14px;
}

.specialties-col .list li+li {
    margin-top: 20px;
}

.specialties-col .list li .item-inner:before {
    content: "";
    background-image: url(../../img/right-arrow.svg);
    display: inline-block;
    background-size: cover;
    width: 9px;
    height: 16px;
}

.specialties-col .list li .item-inner:after {
    background-color: transparent;
}

.specialties-list-col .list ul li .item-media span.material-icons {
    background-color: #32CD32;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    color: #F6F6F6;
    font-size: 16px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.specialties-list-col .list ul li .item-inner {
    margin-left: 10px;
}

.specialties-list-col .list ul li.page-title {
    font-size: 16px;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #F6F6F6;
    padding-bottom: 7px;
    font-weight: 500;
}

.specialties-list-col .list ul li+.page-title {
    margin: 25px 0;
}
/*espace*/

.cat-img {
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    margin-right: 10px;
    width: 60px;
    display: flex;
    -webkit-display: flex;
}

.cat-img img {
    border-radius: 50px;
}

.list.cat-list .item-inner:after {
    background: transparent;
}

.list.cat-list ul {
    background: transparent;
    border: 0;
}

.list.cat-list li {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 10px#dfdfdf;
    margin-bottom: 15px;
}

.list.cat-list li:last-child {
    margin-bottom: 0;
}

.cat-list.media-list .item-media img {
    border-radius: 50%;
}
/*book-type*/

.btype-col {
    width: 100%;
    padding-bottom: 20px;
}

.btype-col:after {
    content: "";
    display: table;
    clear: both;
}

.btype-col .list {
    margin-top: 21px;
}

.btype-col .list ul {
    background-color: transparent;
}

.btype-col .list li {
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0px 6px 15px #dfdfdf;
}

.btype-col .list li .item-content {
    border-radius: 10px;
    background-color: #FFF !important;
    font-size: 14px;
}

.btype-col .list li+li {
    margin-top: 20px;
}

.btype-col .list li .item-inner:before {
    content: "";
    background-image: url(../../img/right-arrows.svg);
    display: inline-block;
    background-size: cover;
    width: 9px;
    height: 16px;
}

.btype-col .list li .item-inner:after {
    background-color: transparent;
}

.btype-list-col .list ul li .item-media span.material-icons {
    background-color: #32CD32;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    color: #F6F6F6;
    font-size: 16px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.btype-list-col .list ul li .item-inner {
    margin-left: 10px;
}

.btype-list-col .list ul li.page-title {
    font-size: 16px;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #F6F6F6;
    padding-bottom: 7px;
    font-weight: 500;
}

.btype-list-col .list ul li+.page-title {
    margin: 25px 0;
}
/*my profile*/

.acc-header-bg {
    position: relative;
}

.acc-header-bg::before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    content: "";
    display: block;
    height: 150px;
    border-bottom-left-radius: 40%;
    border-bottom-right-radius: 40%;
    background: #32CD32;
}

.acc-header-bg>div.block {
    margin-top: 1px !important;
}

.acc-widget .acc-type {
    font-size: 13px;
}

.acc-widget .acc-name {
    font-size: 16px;
    margin-bottom: 6px;
}

.acc-widget .acc-info-left {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    align-items: center;
    -webkit-align-items: center;
}

.tab-widget .acc-widget {
    padding: 20px 20px 16px 20px;
}

.tab-widget .acc-widget .acc-info-cont {
    padding-top: 15px;
}

.tab-widget .acc-widget .acc-name {
    font-size: 18px;
    margin-bottom: 10px;
}

.tab-widget .acc-widget .acc-info-left {
    border: 0;
    margin: 0;
    padding: 0;
}

.tab-widget .acc-widget .acc-type {
    font-size: 13px;
    color: #858585;
    margin: 15px 0;
    line-height: 1.46;
}

.acc-widget {
    line-height: 17px;
    background: #FFFFFF;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
    padding: 13px;
    width: 100%;
    position: relative;
}

.acc-widget+.acc-widget {
    margin-top: 20px;
}

.acc-widget .acc-name {
    font-size: 15px;
    font-weight: 500;
    font-family: 'poppinsmedium';
    margin-bottom: 0;
    line-height: 17px;
}

.acc-widget .acc-name a {
    color: #000;
}

.acc-widget .rating i {
    font-size: 10px;
}

.acc-widget .average-rating {
    font-size: 12px;
    margin-left: 4px;
}

.tab-widget .acc-widget {
    padding: 20px 20px 16px 20px;
}

.tab-widget .acc-widget .acc-info-cont {
    padding-top: 15px;
}

.tab-widget .acc-widget .acc-name {
    font-size: 18px;
    margin-bottom: 10px;
}

.tab-widget .acc-widget .acc-info-left {
    border: 0;
    margin: 0;
    padding: 0;
}

.tab-widget .acc-widget .acc-type {
    font-size: 13px;
    color: #858585;
    margin: 15px 0;
    line-height: 1.46;
}

.acc-info-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 15px;
    border-bottom: 1px dashed #c5c5c5;
    margin-bottom: 10px;
}

.acc-img-profile {
    display: inline-block;
    width: auto;
    padding: 5px;
    background-color: #f7f7f7;
    border-radius: 50%;
    width: 80px;
    height: 80px;
}

.acc-img-profile img {
    border-radius: 50% !important;
    width: 70px;
    height: 70px;
}

.acc-img {
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    margin-right: 10px;
    width: 80px;
    display: flex;
}

.acc-img a {
    display: inline-block;
}

.acc-img img {
    border-radius: 5px;
    display: block;
}

.acc-info-cont {
    flex: 0 0 calc(100% - 90px);
    max-width: calc(100% - 90px);
}

.acc-type {
    font-size: 13px;
    color: #333;
    margin-bottom: 4px;
    padding-top: 2px;
}

.acc-logout a+a {
    margin-top: 15px;
}

.acc-logout a {
    background-color: #fff;
    border: 1px solid #1B5A90;
    border-radius: 5px;
    color: #1B5A90;
    display: block;
    font-size: 14px;
    padding: 8px 10px;
    text-align: center;
}

.acc-logout a.apt-btn {
    background-color: #32CD32;
    border-color: #32CD32;
    color: #fff;
}

.acc-logout a.apt-btn:hover,
.acc-logout a.apt-btn:focus {
    background-color: #269c26;
    border-color: #269c26;
    color: #fff;
}

.acc-logout {
    margin: 0 -5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.acc-btn {
    padding-left: 5px;
    padding-right: 5px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.acc-col {
    width: 100%;
    padding-bottom: 20px;
}

.acc-col:after {
    content: "";
    display: table;
    clear: both;
}

.acc-col .list {
    margin-top: 21px;
}

.acc-col .list ul {
    background-color: transparent;
}

.acc-col .list li {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 6px 15px #dfdfdf;
}

.acc-col .list li .item-content {
    border-radius: 10px;
    background-color: #fff !important;
    font-size: 14px;
}

.acc-col .list li+li {
    margin-top: 20px;
}

.acc-col .list li .item-inner:before {
    content: "";
    background-image: url(../../img/right-arrow.svg);
    display: inline-block;
    background-size: cover;
    width: 9px;
    height: 16px;
}

.acc-col .list li .item-inner:after {
    background-color: transparent;
}

.acc-list-col .list ul li .item-media span.material-icons {
    background-color: #32CD32;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.acc-list-col .list ul li .item-inner {
    margin-left: 10px;
}

.acc-list-col .list ul li.page-title {
    font-size: 16px;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #F6F6F6;
    padding-bottom: 7px;
    font-weight: 500;
}

.acc-list-col .list ul li+.page-title {
    margin: 25px 0;
}
/*records*/

.rec-col {
    width: 100%;
    padding-bottom: 20px;
}

.rec-col:after {
    content: "";
    display: table;
    clear: both;
}

.rec-col .list {
    margin-top: 21px;
}

.rec-col .list ul {
    background-color: transparent;
}

.rec-col .list li {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 6px 15px #dfdfdf;
}

.rec-col .list li .item-content {
    border-radius: 10px;
    background-color: #fff !important;
    font-size: 14px;
}

.rec-col .list li+li {
    margin-top: 20px;
}

.rec-col .list li .item-inner:before {
    content: "";
    background-image: url(../../img/right-arrow.svg);
    display: inline-block;
    background-size: cover;
    width: 9px;
    height: 16px;
}

.rec-col .list li .item-inner:after {
    background-color: transparent;
}

.rec-list-col .list ul li .item-media span.material-icons {
    background-color: #32CD32;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.rec-list-col .list ul li .item-inner {
    margin-left: 10px;
}

.rec-list-col .list ul li.page-title {
    font-size: 16px;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #F6F6F6;
    padding-bottom: 7px;
    font-weight: 500;
}

.rec-list-col .list ul li+.page-title {
    margin: 25px 0;
}
/*doctor dashboard*/

.dd-header-bg {
    position: relative;
}

.dd-header-bg::before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    content: "";
    display: block;
    height: 150px;
    border-bottom-left-radius: 40%;
    border-bottom-right-radius: 40%;
    background: #32CD32;
}

.dd-header-bg>div.block {
    margin-top: 1px !important;
}

.doctor-widget.doctor-dashboard .doc-speciality {
    font-size: 13px;
}

.doctor-widget.doctor-dashboard .doc-name {
    font-size: 16px;
    margin-bottom: 6px;
}

.doctor-widget.doctor-dashboard .doc-info-left {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    align-items: center;
    -webkit-align-items: center;
}

.doctor-widget.doctor-dashboard .doc-info.custom-info {
    padding-top: 10px;
}

.doctor-widget.doctor-dashboard .doc-location p {
    font-size: 13px;
}

.tab-widget .doctor-widget {
    padding: 20px 20px 16px 20px;
}

.tab-widget .doctor-widget .doc-info-cont {
    padding-top: 15px;
}

/*.tab-widget .doctor-widget .doc-name {*/
/*    font-size: 18px;*/
/*    margin-bottom: 10px;*/
/*}*/

.tab-widget .doctor-widget .doc-info-left {
    border: 0;
    margin: 0;
    padding: 0;
}

.tab-widget .doctor-widget .doc-speciality {
    font-size: 13px;
    color: #858585;
    margin: 15px 0;
    line-height: 1.46;
}

.doctor-widget, .patient-widget {
    line-height: 17px;
    background: #FFFFFF;
    box-shadow: 0px 6px 15px #dfdfdf;
    border-radius: 15px;
    /*margin-top: 5px;*/
    margin-bottom: 15px;
    padding: 13px;
    width: 100%;
    position: relative;
}

.doctor-widget+.doctor-widget {
    margin-top: 20px;
}

.doctor-widget .doc-name {
    font-size: 14px;
    font-weight: 500;
    font-family: 'poppinsmedium';
    margin-bottom: 0;
    line-height: 17px;
    overflow-x: auto;
    overflow-y: hidden;
}

.doctor-widget .doc-name a {
    color: #000;
}

.doctor-widget .rating i {
    font-size: 10px;
}

.doctor-widget .average-rating {
    font-size: 12px;
    margin-left: 4px;
}


.doctor-img {
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    margin-right: 10px;
    width: 50px;
    display: flex;
}

.doctor-img a {
    display: inline-block;
}

.doctor-img img {
    border-radius: 5px;
    display: block;
}

.doctor-img-profile {
    display: inline-block;
    width: auto;
    padding: 5px;
    background-color: #f7f7f7;
    border-radius: 50%;
    width: 50px;
    height: 80px;
}

.doc-experince {
    float: right;
    color: #FF5B62;
    font-size: 13px;
}

.doctor-img-profile img {
    border-radius: 50% !important;
    width: 50px;
    height: 70px;
}

.doc-info-cont {
    flex: 0 0 calc(100% - 90px);
    max-width: calc(100% - 90px);
}

.toggle-icon-doctor {
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 50px;
    box-shadow: 0px 3px 6px #00000029;
    position: absolute;
    right: 12px;
    top: 11px;
    cursor: pointer;
}

.toggle-icon-doctor .inner-toggle-icon {
    position: relative;
}

.toggle-icon-doctor i {
    position: absolute;
    left: 10px;
    top: 6px;
    font-size: 12px;
    color: #858585;
}

.doc-speciality {
    font-size: 13px;
    color: #333;
    margin-bottom: 4px;
    padding-top: 2px;
}

.doc-department {
    color: #20c0f3;
    font-size: 13px;
    margin-bottom: 8px;
    font-weight: normal;
}

.doc-department img {
    width: 14px;
    display: inline-block;
}

.speciality-img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rating {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
}

.rating i {
    color: #dedfe0;
}

.rating i+i {
    margin-left: 3px;
}

.rating i.filled {
    color: #f4c150;
}

.doc-location p {
    color: #333;
    font-size: 12px;
    margin-bottom: 0;
}

.doc-location a {
    color: #09e5ab;
    font-weight: 500;
}

.patient-details {
    width: auto;
    margin: 8px -10px 0px;
}

.patient-details:after {
    content: "";
    display: table;
    clear: both;
}

.patient-details .patient-col {
    float: left;
    width: 50%;
    padding: 10px;
    text-align: center;
}

.patient-details .patient-col .progress-col {
    display: inline-block;
}

.patient-details .patient-col .inner-patient-col {
    box-shadow: 0px 6px 15px #dfdfdf;
    border-radius: 10px;
    padding: 15px 10px;
}

.patient-details .patient-col h6 {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
}

.patient-details .patient-col h4 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 5px;
}

.patient-details .patient-col span.date,
.patient-details .patient-col a.date {
    display: inline-block;
    font-size: 10px;
    background-color: #1B5A90;
    border-radius: 50px;
    color: #fff;
    padding: 6px 12px;
    min-width: 97px;
}

.progress-col span.pat-img {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    margin-top: 19px;
}

.progress-col .progress-text {
    width: 100%;
    display: flex;
    position: relative;
    z-index: 9;
    text-align: center;
}

.progress-col .progress-text>div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 18px 10px 15px;
}

.progress-col .progress-text sub {
    font-size: 11px;
    color: #858585;
    clear: both;
    width: 100%;
}

.progress-col .progress-text b {
    font-weight: 500;
    color: #000000;
    font-size: 14px;
    line-height: 1;
    width: 100%;
}

.top-title .right>.progress-col>div {
    float: right;
    margin: 0;
}

.top-title .right>.progress-col .bar {
    border-color: #1B5A90;
}

.appointments-details {
    width: 100%;
}

.appointments-details:after {
    content: "";
    display: table;
    clear: both;
}

.appointments-details .inner-appointment {
    width: auto;
    margin: 0 -10px;
}

.appointment-col {
    width: 50%;
    float: left;
    padding: 10px;
}

.appointment-col .btn {
    background-color: #f4c150;
    border-radius: 5px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 15px 15px;
}

.appointment-col .btn:hover {
    background-color: #f4c150;
}
/*book Date*/

.date-time-col {
    padding-bottom: 15px;
}

.date-time-col .bottom-button {
    padding-top: 10px;
}

.month-col {
    width: 100%;
}

.month-col .inner-month-col {
    background-color: #fff;
    box-shadow: 0px 6px 15px #0000000D;
    padding: 14px;
    border-radius: 10px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 15px;
    color: #000;
}

.month-col .inner-month-col span.left-prev,
.month-col .inner-month-col span.right-next {
    cursor: pointer;
    line-height: 0;
}

.date-col-day {
    text-align: center;
    padding-top: 10px;
}

.date-col-day>div {
    padding: 5px;
    float: left;
    width: 14.28%;
}

.date-col-day span {
    width: 35px;
    height: 35px;
    margin: 0 auto;
    border-radius: 50px;
    background-color: #0DD8F9;
    color: #fff;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    font-size: 12px;
}

.date-col-day span.active {
    background-color: #1B5A90;
}

.date-col-day sup {
    font-size: 13px;
    padding-top: 7px;
    display: inline-block;
}

.timing-col {
    width: auto;
    margin-bottom: 350px;
}

.timing-col .timing-box {
    float: left;
    width: 50%;
    padding: 9px;
}

.timing-col .timing-box .inner-timing-box {
    background-color: #fff;
    box-shadow: 0px 6px 15px #dfdfdf;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
}

/*.timing-col .timing-box .inner-timing-box:hover,*/
.timing-col .timing-box .inner-timing-box.active {
    background-color: #32CD32;
    color: #fff;
}

.timing-col .timing-box .inner-timing-box:hover .title-col span.time-icon,
.timing-col .timing-box .inner-timing-box:hover .from-to-col span,
.timing-col .timing-box .inner-timing-box.active .title-col span.time-icon,
.timing-col .timing-box .inner-timing-box.active .from-to-col span {
    /*color: #fff;*/
}

.timing-box .title-col {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.timing-box .title-col span.time-icon {
    line-height: 0;
}

.booking-summary .title-col {
    margin-left: 10px;
}

.booking-summary .title-col h5 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 12px;
}

.bottom-button {
    padding-top: 20px;
    clear: both;
    display: inline-block;
    width: 100%;
}

.setting-widget button,
.bottom-button button {
    background-color: #32CD32;
    border-radius: 50px;
    text-transform: uppercase;
    color: #FFFFFF;
    border: 0;
    padding: 14px 15px;
    cursor: pointer;
}

.bottom-button.two-button .btn {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.booking-summary {
    margin: 0 -10px;
}

.booking-summary {
    padding: 15px 0;
}

.summary-col {
    width: 100%;
}

.summary-col+.summary-col {
    padding-top: 16px;
}

.summary-col-inner {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 6px 15px #00000014;
    display: inline-block;
    width: 100%;
    padding: 15px;
}

.summary-col-inner>div+div {
    padding-top: 10px;
}

.summary-col-inner span {
    float: right;
    color: #858585;
}

.widget-title h5 {
    font-weight: 500;
    font-size: 14px;
}

.setting-widget+.setting-widget {
    margin-top: 20px;
}

.profile-settings .setting-widget {
    background-color: #fff;
    border-radius: 10px;
    padding: 18px;
    display: inline-block;
    width: 100%;
    box-shadow: 0px 6px 15px #00000014;
}

.setting-widget .list {
    margin: 0;
}

.setting-widget .list ul:after {
    display: none !important;
}

.setting-widget .item-content {
    padding-left: 0;
    clear: both;
    float: left;
    width: 100%;
}

.setting-widget .item-content.col-50 {
    width: 50%;
    float: left;
}

.setting-widget .item-content.col-50.gender {
    padding-right: 10px;
    clear: inherit;
}

.setting-widget .item-content.col-50.dob {
    padding-left: 10px;
    clear: inherit;
}

.setting-widget .item-inner {
    padding: 16px 0 8px 0;
    margin-left: 0 !important;
}

.setting-widget .item-inner:after {
    background-color: transparent !important;
}

.setting-widget .item-label {
    font-size: 11px;
    color: #777777;
    padding-bottom: 6px;
}

.setting-widget .item-label span {
    color: #FF0000;
}

.setting-widget .item-input-wrap {
    width: 100%;
}

.setting-widget input,
.setting-widget select {
    border: 1px solid #CFCFCF;
    border-radius: 6px;
    height: 35px !important;
    padding: 10px 10px !important;
    font-size: 13px;
    font-family: 'poppinsregular' !important;
    width: 100%;
}

.setting-widget textarea {
    font-size: 13px;
    border: 1px solid #CFCFCF;
    border-radius: 6px;
    width: 100%;
    padding: 13px 17px;
    height: 182px;
}

.setting-widget textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #C9C9C9;
    opacity: 1;
    font-size: 11px;
}

.setting-widget textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #C9C9C9;
    opacity: 1;
    font-size: 11px;
}

.setting-widget textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #C9C9C9;
    opacity: 1;
    font-size: 11px;
}

.setting-widget textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #C9C9C9;
    opacity: 1;
    font-size: 11px;
}

.setting-widget input[type=date] {
    line-height: initial;
}

.setting-widget .file-upload-multiple {
    border: 1px dashed #CFCFCF;
    background-color: #FCFCFC;
    height: 83px;
    position: relative;
    border-radius: 6px;
}

.setting-widget .file-upload-multiple span.placeholder-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 9px;
    color: #D2D2D2;
    cursor: pointer;
}

.setting-widget input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !important;
    opacity: 0;
    cursor: pointer;
    z-index: 9;
}

.setting-widget.padding-less {
    padding-top: 10px;
    padding-bottom: 10px;
}

.setting-widget .list {
    font-size: 12px;
    color: #777777;
}

.setting-widget .item-checkbox,
.setting-widget .item-radio {
    background-color: #fff !important;
    position: relative;
}

.setting-widget .item-checkbox .item-inner,
.setting-widget .item-radio .item-inner,
.acceptence-col .item-checkbox .item-inner {
    padding: 0 !important;
}

.setting-widget .item-radio .item-inner .item-title {
    padding-left: 32px;
}

.setting-widget .item-checkbox .icon-checkbox,
.setting-widget .item-radio .icon-radio,
.acceptence-col .item-checkbox .icon-checkbox {
    width: 20px;
    height: 20px;
    border-color: #A8A8A8;
    margin-right: 12px;
    left: 0;
}

.setting-widget .item-radio .icon-radio {
    border: 1px solid #A8A8A8;
    width: 20px;
    height: 20px;
    border-radius: 50px;
}

.setting-widget .item-checkbox .icon-checkbox:after,
.setting-widget .item-radio .icon-radio:after,
.acceptence-col .item-checkbox .icon-checkbox:after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(img/price-check.svg);
    border-color: #0DD8F9;
    background-color: #fff;
    position: relative;
    left: -1px;
    top: -1px;
    border-radius: 50px;
}

.setting-widget ul {
    margin: 0 -10px;
}

.setting-widget ul:after {
    content: "";
    display: table;
    clear: both;
}

.setting-widget .item-content {
    width: 100%;
    padding: 0 10px;
    clear: inherit;
}

#About-me .setting-widget .item-content {
    width: 100%;
}

.list.custom-list-two ul li .item-checkbox,
.list.custom-list-two ul li .item-radio {
    font-size: 14px;
    border: 1px solid #A8A8A8;
    border-radius: 50px;
    position: relative;
    color: #000000;
}

.list.custom-list-two ul li.menuitemshow .item-checkbox,
.list.custom-list-two ul li.menuitemshow .item-radio {
    background: #0CE0FF;
    border-color: #0CE0FF;
    color: #fff;
}

.list.custom-list-two ul li.menuitemshow .item-checkbox input[type="checkbox"]:checked~.icon-checkbox::after,
.list.custom-list-two ul li.menuitemshow .item-radio input[type="radio"]:checked~.icon-radio::after {
    background-color: #fff;
    border-radius: 50px;
    color: #000;
    border: 1px solid #fff;
}

.list.custom-list-two ul li .item-checkbox .gender-icon,
.list.custom-list-two ul li .item-radio .gender-icon {
    position: absolute;
    left: 20px;
    bottom: -6px;
}

.list.custom-list-two ul li .item-radio .icon-radio {
    border: 1px solid #c5c5ca;
    margin-right: 15px;
}

.list.custom-list-two ul li .item-checkbox .icon-checkbox,
.list.custom-list-two ul li .item-radio .icon-radio {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin-top: 0;
}

.setting-widget .item-checkbox .icon-checkbox,
.setting-widget .item-radio .icon-radio {
    left: 9px;
}

.setting-widget ul {
    position: relative;
}

.setting-widget .item-content.trash-icon-for-tab {
    position: absolute;
    right: 0;
    top: 0;
}

.list ul li.for-tab-fullwidth {
    width: 100% !important;
    clear: both;
    display: inline-block;
}

.list ul li.for-tab-fullwidth .item-content {
    width: 100%;
}

.acceptence-col {
    margin: 10px 0 0!important;
}

.acceptence-col ul li {
    background-color: transparent;
}

.acceptence-col ul li .item-title {
    font-size: 13px;
    text-overflow: inherit;
    white-space: inherit;
}

.acceptence-col ul li .item-title a {
    color: #0DD8F9;
}

.acceptence-col .item-checkbox {
    background-color: #f6f6f6 !important;
}

.list.acceptence-col ul li.item-content {
    padding-left: 0;
}
/**/

.pat-info-right {
    width: 30%;
    text-align: right;
}

.pat-info-right .price,
.pat-info-right .view-btn {
    float: right;
    width: 100%;
}

.pat-info-right .view-btn .btn {
    display: inline-block;
    background-color: #0DD8F9;
    border-radius: 50px;
    font-size: 10px;
    color: #fff;
    padding: 4px 14px 2px;
    margin-top: 10px;
}
/*update-profile*/

.setting-widget .file-upload-multiple {
    border: 1px dashed #CFCFCF;
    background-color: #FCFCFC;
    height: 83px;
    position: relative;
    border-radius: 6px;
}

.setting-widget .file-upload-multiple span.placeholder-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 9px;
    color: #D2D2D2;
    cursor: pointer;
}

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

.file-upload .file-upload-img {
    display: inline-block;
    padding: 5px;
    background-color: #f7f7f7;
    border-radius: 50%;
    width: 95px;
    height: 95px;
    position: relative;
}

.file-upload .file-upload-img img {
    border-radius: 50%;
}

.file-upload .file-upload-img span.cam-icon {
    width: 25px;
    height: 25px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    box-shadow: 0px 5px 10px #0000000F;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
}

.file-upload .file-upload-img span.cam-icon img {
    border-radius: 0;
}

#uploadPreview {
    display: flex;
    display: -webkit-flex;
    margin-top: 10px;
}

#uploadPreview span {
    margin-right: 20px;
    position: relative;
}

#uploadPreview span:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    display: inline-block;
    background-image: url(../../assets/img/remove-icon.svg);
    background-size: cover;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

#uploadPreview span:last-child {
    margin-right: 0;
}

#uploadPreview img {
    width: 50px;
    border-radius: 10px;
}

.ios .item-input-wrap .input-clear-button {
    top: 18px;
    right: 10px;
}

.setting-widget .item-input-wrap {
    width: 100%;
}

.ios .input-error-message,
.ios .input-info,
.ios .item-input-error-message,
.ios .item-input-info {
    margin-top: 4px;
}

.custom-filter-popup .item-input {
    border: 1px solid #A8A8A8;
    border-radius: 50px;
}

.custom-filter-popup .item-input .item-inner {
    font-size: 14px;
    padding: 15px 14px 15px 0;
    color: #000000;
    position: relative;
}

.custom-filter-popup .item-input .item-inner .calendar-icon {
    position: absolute;
    right: 0;
    top: 0;
    background: #FFFFFF 0% 0%;
    box-shadow: 0px 3px 10px #00000021;
    width: 42px;
    height: 42px;
    border-radius: 50px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.custom-filter-popup .item-input .item-inner .calendar-icon i {
    color: #858585;
    font-size: 20px;
}

.custom-filter-popup .item-input input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000;
    opacity: 1;
}

.custom-filter-popup .item-input input::-moz-placeholder {
    /* Firefox 19+ */
    color: #000;
    opacity: 1;
}

.custom-filter-popup .item-input input:-ms-input-placeholder {
    /* IE 10+ */
    color: #000;
    opacity: 1;
}

.custom-filter-popup .item-input input:-moz-placeholder {
    /* Firefox 18- */
    color: #000;
    opacity: 1;
}

.change-password-col .item-input-wrap {
    position: relative;
}

.change-password-col .item-input-wrap .item-input-icon {
    position: absolute;
    right: 9px;
    top: 50%;
    width: 42px;
    height: 42px;
    box-shadow: 0px 3px 10px #00000021;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 50px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.date-picker-col {
    position: relative;
}

.date-picker-col span.calendar-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    line-height: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.pt-0 {
    padding-top: 0 !important;
}

.pb-15 {
    padding-bottom: 15px !important
}

.profile-settings {
    background-color:  #fff;
}

.profile-settings>.block {
    padding-bottom: 15px;
}

/*.profile-settings .tabs-animated-wrap .page-content {*/
/*    padding-top: 23px !important;*/
/*    overflow-x: hidden;*/
/*    padding-bottom: 0;*/
/*}*/

.profile-settings .setting-widget {
    background-color: #fff;
    border-radius: 10px;
    padding: 18px;
    display: inline-block;
    width: 100%;
    box-shadow: 0px 6px 15px #00000014;
}

.profile-settings form.append-col ul:first-child li:first-child {
    display: none;
}

.change-password-col.register-col .register-inner-col .col-50.save-password .item-title {
    margin-bottom: 0;
    font-weight: 400;
}

.change-password-col.register-col .register-inner-col .col-50.save-password .item-inner {
    padding-top: 0px;
}

.list.chat-list .item-title-row {
    padding-right: 0;
    padding-bottom: 2px;
}

.list.chat-list .item-title-row:before {
    display: none;
}

.list.chat-list .item-title-row .item-after {
    font-size: 9px;
}

.custom-form.list .item-title {
    margin-bottom: 10px;
    font-weight: bold;
}

.ios .media-list .item-title,
.ios li.media-item .item-title {
    font-size: 15px;
    font-weight: 400;
}

.ios .media-list.inv-list .item-link .item-title-row {
    padding: 0;
    background: transparent;
}

.list .item-title.noti-title {
    color: #616161;
    font-size: 13px;
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit;
}

.acceptence-col ul li .item-title {
    font-size: 13px;
    text-overflow: inherit;
    white-space: inherit;
}

.acceptence-col ul li .item-title a {
    color: #0DD8F9;
}
/*-----------------
	Booking Success
-----------------------*/

.booking-success-col {
    width: 100%;
    height: 100vh;
    background-color: #1B5A90;
    padding: 20px;
    position: relative;
    text-align: center;
}

.booking-success-col .back-btn {
    text-align: left;
}

.booking-middle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.booking-middle .booking-middle-inner {
    max-width: 310px;
    margin: 0px auto;
    text-align: center;
    padding: 0 15px;
}

.booking-middle-inner .success-full-text {
    border: 2px dashed #fff;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    margin-top: 40px;
}

.success-full-text h3 {
    font-size: 23px;
    line-height: 1.56;
    color: #fff;
}

.success-full-text p {
    font-size: 16px;
    line-height: 1.87;
    color: #fff;
    margin-bottom: 0;
}

.success-full-text p span {
    color: #FFDE0A;
}

.booking-middle-inner .view-btn-col {
    width: 100%;
    margin-top: 35px;
}

.booking-middle-inner .view-btn-col .btn {
    background-color: #32cd32;
    color: #fff;
    padding: 10px 15px;
    border-radius: 50px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
}

div#video,
div#video .video-view,
div#video .video-view div#local_stream,
#video-remote .video-view,
#video-remote .video-view .video-placeholder {
    height: 100%;
}

.navbar-hidden-statusbar {
    transform: translate3d(0, calc(-2 * var(--f7-navbar-height) - var(--f7-safe-area-top)), 0);
}

.book-select-btn {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 99;
}

.book-select-btn .btn-green {
    font-size: 16px;
    color: #fff;
    background-color: #32CD32;
    text-align: center;
    padding: 14px 15px;
    margin: 5px 10px 5px 10px;
;
    text-transform: inherit;
    width: 90%;
    display: inline-block;
}

.book-select-btn .btn-green:hover {
    background-color: #229422;
}

.add-btn {
    background-image: url(img/add-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: transparent !important;
    width: 24px;
    height: 24px;
    padding: 0 !important;
    display: block;
    cursor: pointer;
    position: absolute;
    right: 48%;
    z-index: 99;
    margin-bottom: 20px;
}

form#data .add-btn,
form#data1 .add-btn {
    position: absolute;
    right: 50%;
    top: 6px;
}

.education-experience span.add-btn,
.work-experience span.add-btn,
.awards-experience span.add-btn,
.membership-experience span.add-btn,
.registration-col span.add-btn {
    margin-top: 15px;
}

.education-experience span.add-btn,
.work-experience span.add-btn,
.awards-experience span.add-btn,
.membership-experience span.add-btn,
.registration-col span.add-btn {
    clear: both;
    float: left;
}

ul li span.trash-icon {
    background-image: url(img/trash-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 24px;
    height: 24px;
    cursor: pointer;
    float: right;
    position: relative;
    top: 12px;
}

.setting-widget .item-content.trash-icon-for-tab {
    position: absolute;
    right: 45%;
    top: 0;
}

ul li span.trash-icon {
    top: 8px;
}

/*------------
 invoice view
 ------------*/
.inv-section {
    font-size: 14px;
}

.inv-section h5 {
    font-weight: 500;
    font-size: 10px;
    margin-bottom: 0;
}

.top-inv-col {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    border-bottom: 1px solid #CFCFCF;
    margin-bottom: 20px;
}

.inv-logo img {
    width: 100px;
}

.order-details {
    float: right;
    text-align: right;
}

.order-details p {
    font-size: 10px;
    line-height: 1.6;
    margin-bottom: 2px;
}

.order-details span {
    color: #777777;
}

.inv-receiver {
    font-size: 10px;
    margin-bottom: 12px;
    color: #777777;
}

.inv-receiver li {
    line-height: 1.6;
}

.payment-method {
    background-color: #F6F6F6;
    padding: 14px;
    font-size: 10px;
    line-height: 1.6;
    color: #777777;
}

.payment-method h5 {
    color: #000;
}

table.inv-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    font-size: 9px;
}

table.inv-table tr td,
table tr th {
    border: 1px solid #CFCFCF;
    border-collapse: collapse;
    padding: 8px 6px;
}

.inv-table tr th {
    font-weight: 500;
    font-size: 10px;
}

.inv-table tr td {
    text-align: left;
    color: #777777;
}

.inv-table tfoot tr td {
    border: 0;
    border-bottom: 1px solid #CFCFCF;
    text-align: right;
    font-size: 10px;
}

.inv-table tfoot tr:last-child td {
    border: 0;
}

.inv-table tfoot tr td b {
    font-weight: 500;
    color: #000;
}

.invoice-info p {
    font-size: 10px;
    margin: 0;
    line-height: 1.6;
}

/*------------
Prescription view
------------*/
.presc-section {
    font-size: 14px;
}

.presc-section h5 {
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0;
}

.presc-section .hinfo {
    font-weight: 500;
    font-size: 10px;
    margin-bottom: 0;
}

.top-presc-col {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    border-bottom: 1px solid #CFCFCF;
    margin-bottom: 20px;
}

.presc-logo img {
    width: 100px;
}

.presc-details {
    float: right;
    text-align: right;
}

.presc-details p {
    font-size: 10px;
    line-height: 1.6;
    margin-bottom: 2px;
}

.presc-details span {
    color: #777777;
}

.presc-receiver {
    font-size: 10px;
    margin-bottom: 12px;
    color: #777777;
}

.presc-receiver li {
    line-height: 1.6;
}

.payment-method {
    background-color: #F6F6F6;
    padding: 14px;
    font-size: 10px;
    line-height: 1.6;
    color: #777777;
}

.payment-method h5 {
    color: #000;
}

table.presc-table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    font-size: 9px;
}

table.presc-table tr td,
table tr th {
    border: 1px solid #CFCFCF;
    border-collapse: collapse;
    padding: 8px 6px;
}

.presc-table tr th {
    font-weight: 500;
    font-size: 10px;
}

.presc-table tr td {
    text-align: left;
    color: #777777;
}

.presc-table tfoot tr td {
    border: 0;
    border-bottom: 1px solid #CFCFCF;
    text-align: right;
    font-size: 10px;
}

.presc-table tfoot tr:last-child td {
    border: 0;
}

.presc-table tfoot tr td b {
    font-weight: 500;
    color: #000;
}


.comp-info p {
    font-size: 10px;
    margin: 0;
    line-height: 1.6;

}

.comp-info {
    border-top: 1px solid #CFCFCF;
    padding-top: 20px;

}


.specialties-list-col .list ul li .item-media span.material-icons {
    background-color: #32CD32;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    color: #F6F6F6;
    font-size: 16px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}

.presc-list-col .list ul li .item-inner {
    margin-left: 10px;
}

.presc-list-col .list ul li.page-title {
    font-size: 16px;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #F6F6F6;
    padding-bottom: 7px;
    font-weight: 500;
}

.presc-list-col .list ul li+.page-title {
    margin: 25px 0;
}

.list.presc-list .item-inner:after {
    background: transparent;
}

.list.presc-list ul {
    background: transparent;
    border: 0;
}

.list.presc-list li {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 10px#dfdfdf;
    margin-bottom: 15px;
}

.list.presc-list li:last-child {
    margin-bottom: 0;
}

.presc-list.media-list .item-media img {
    border-radius: 50%;
}

/*------
 Online-Offline Status
 -------*/
.pd-provider-img {
    width: 60px;
    height: 60px;
    position: relative;
}

.doctor-img {
    width: 50px;
    height: 50px;
    position: relative;
    margin-bottom: 15px;
}

.stat-circle-online,
.stat-circle-offline {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    box-shadow: 0px 3px 6px #00000029;
    background-color: #fff;
}

.stat-circle-online:before,
.stat-circle-offline:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 9px;
    height: 9px;
    background-color: #32cd32;
    border-radius: 50px;
    box-shadow: 0px 3px 6px #00000029;
}

.stat-circle-offline:before {
    background-color: #858585;
}

.stats-circle-online,
.stats-circle-offline {
    position: absolute;
    right: 6px;
    bottom: -16px;
    width: 18px;
    height: 18px;
    border-radius: 50px;
    box-shadow: 0px 3px 6px #00000029;
    background-color: #fff;
}

.stats-circle-online:before,
.stats-circle-offline:before {
    content: "";
    position: absolute;
    left: 3px;
    top: 3px;
    width: 12px;
    height: 12px;
    background-color: #32cd32;
    border-radius: 50px;
    box-shadow: 0px 3px 6px #00000029;
}

.stats-circle-offline:before {
    background-color: #858585;
}

.patient-details-col {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    font-size: 12px;
    color: #858585;
}

.patient-details-col span.filling {
    color: #000000;
}





.p-rating {
    display: flex;
    width: 100%;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;
    height: 150px;
    position: relative;
}

.rating-0 {
    filter: grayscale(100%);
}

.p-rating > input {
    display: none;
}

.p-rating > label {
    cursor: pointer;
    width: 40px;
    height: 40px;
    margin-top: auto;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
    transition: .3s;
}

.p-rating > input:checked ~ label,
.p-rating > input:checked ~ label ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}


.p-rating > input:not(:checked) ~ label:hover,
.p-rating > input:not(:checked) ~ label:hover ~ label {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.emoji-wrapper {
    width: 100%;
    text-align: center;
    height: 100px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.emoji-wrapper:before,
.emoji-wrapper:after{
    content: "";
    height: 15px;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
}


.emoji-wrapper:before {
    top: 0;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
}

.emoji-wrapper:after{
    bottom: 0;
    background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
}

.emoji {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: .3s;
}

.emoji > svg {
    margin: 15px 0;
    width: 70px;
    height: 70px;
    flex-shrink: 0;
}

#rating-1:checked ~ .emoji-wrapper > .emoji { transform: translateY(-100px); }
#rating-2:checked ~ .emoji-wrapper > .emoji { transform: translateY(-200px); }
#rating-3:checked ~ .emoji-wrapper > .emoji { transform: translateY(-300px); }
#rating-4:checked ~ .emoji-wrapper > .emoji { transform: translateY(-400px); }
#rating-5:checked ~ .emoji-wrapper > .emoji { transform: translateY(-500px); }

.feedback-widget {
    line-height: 17px;
    background: #FFFFFF;
    box-shadow: 0px 6px 15px #dfdfdf;
    border-radius: 15px;
    padding: 30px;
    width: 100%;
    position: relative;
}

.doc-list li, .appt-list li, .room-list li, .rating-list li {
    height: auto;
}

.custom-sched-list li{

    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    line-height: var(--f7-list-item-min-height);
    height: var(--f7-list-item-min-height);
    padding-left: 10px;
    padding-right: 10px;

}

.doc-speciality {
    text-overflow: ellipsis;
    overflow: hidden;
}


/*.popup {
    position: absolute;
    align-items: center;
    justify-content: center;
    left: 4px;
    top: 120px;
    width: 98%;
    height: 75%;
    border-radius: 15px;


    box-sizing: border-box;
    transition-property: transform;
    transform: translate3d(0,100vh,0);
    background: #fff;
    !*z-index: 11000;*!
    overflow: hidden;

}*/



.userImage {
    border-radius: 50%;
    overflow: hidden;
    width: 80px;
    height: 80px;
    margin: 10px auto 30px;
}


.custom-btn-attachments {
    width: 30vh !important;
}

div#row-affiliate {
    display: none;
}


.dash-widget-info > h3 {font-size: 23px;font-weight: 600;margin-bottom: .5rem;}
.dash-widget-info h3 {padding-top: 10px;}
.dash-widget-info span i{width: 16px;background: #fff;border-radius: 50%;color: #666666;font-size: 9px;height: 16px;line-height: 16px;text-align: center;}
.widget-title2 {font-size: 12px;}

.dash-widget-bg2{
    width:60px;float:left;color: #55ce63;
    display: block;
    font-size: 40px;
    text-align: center;
    /*line-height: 65px;*/
    /*background: #55ce63;*/
    /*border-radius: 50%;*/
    height:60px;
}

#basic-info, #clinic-info {
    padding-top: 0px !important;
}
/*select preference*/
.p-sub-heading{
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.p-sub-button{
    width: 100%;
}

.content-left{
    font-size: 12px;
    color: #181818;
}

.content-right{
    float: right;
}

.preference-widget{
    margin-bottom: 20px;
}

.preference-widget .doc-name {
    font-size: 16px;
    font-weight: 500;
    font-family: 'poppinsmedium';
    margin-bottom: 6;
    line-height: 17px;
    color: #111111;
}



.preference-widget.doctor-dashboard .doc-info-left {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    align-items: center;
    -webkit-align-items: center;
}



.preference-widget .doc-info-cont {
    padding-top: 10px;
    margin-top: 0px;
}




.preference-widget .doc-speciality {
    font-size: 13px;
    color: #858585;
    margin: 2px 0;
    line-height: 1.46;
}

.preference-widget {
    line-height: 17px;
    background: #FFFFFF;
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
    padding: 20px 20px 16px 20px;
    width: 100%;
    position: relative;
}


.list ul:before {
    content: '';
    position: absolute;
    background-color: #fff;
    display: block;
    z-index: 15;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    height: 1px;
    width: 100%;
    transform-origin: 50% 0%;
    transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}

.links-list a:after, .list .item-inner:after, .simple-list li:after {
    content: '';
    position: absolute;
    background-color: #fff;
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    transform-origin: 50% 100%;
    transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}

input[type=search], input[type=text]{
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    box-shadow: none;
    border-radius: 0;
    outline: 0;
    display: block;
    padding: 0;
    margin: 0;
    font-family: Helvetica;
    background: 0 0;
    resize: none;
    font-size: 15px;
    color: inherit;
}
/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }

/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }











.custom-top-header {
    display: inline-block;
    width: 100%;
    background-image: linear-gradient(to right, #CFCFCF 33%, rgba(245, 245, 245, 0) 0%);
    background-image: -webkit-linear-gradient(to right, #CFCFCF 33%, rgba(245, 245, 245, 0) 0%);
    background-position: bottom;
    background-size: 10px 2px;
    background-repeat: repeat-x;
    padding-bottom: 7px;
    margin-bottom: 10px;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.tabs-animated-wrap>.tabs>.tab {
    width: 100%;
    display: block;
    flex-shrink: 0;
    padding: 10px;
}

.custom-block {
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    color: var(--f7-block-text-color);
    margin: var(--f7-block-margin-vertical) 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: var(--f7-block-font-size);
}

.calendar-header {
    width: 100%;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    box-sizing: border-box;
    padding: var(--f7-calendar-header-padding);
    background-color: #32cd32;
    color: var(--f7-calendar-header-text-color,var(--f7-bars-text-color));
    height: var(--f7-calendar-header-height);
    line-height: var(--f7-calendar-header-height);
    font-size: var(--f7-calendar-header-font-size);
    font-weight: var(--f7-calendar-header-font-weight);
}

.calendar-footer {
    width: 100%;
    flex-shrink: 0;
    padding: var(--f7-calendar-footer-padding);
    background-color: var(--f7-calendar-footer-bg-color,var(--f7-bars-bg-color));
    color: var(--f7-calendar-footer-text-color,var(--f7-bars-text-color));
    height: var(--f7-calendar-footer-height);
    font-size: var(--f7-calendar-header-font-size);
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
    align-items: center;
    position: relative;
}

.calendar-day.calendar-day-selected .calendar-day-number {
    color: var(--f7-calendar-selected-text-color);
    background-color: #32cd32;
}

.schedule-type {
    --f7-theme-color: #32cd32;
    --f7-theme-color-rgb: 76,217,100;
    --f7-theme-color-shade: #2cd048;
    --f7-theme-color-tint: #6ee081;
}

.list ul:after {
    content: '';
    position: absolute;
    background-color: #fff;
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    transform-origin: 50% 100%;
    transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}

/*.trans-no {
    background: palegreen !important;
    font-size: 13px !important;
}*/

.btn-refresh{
    position:absolute;
    right: 0;
    color: #737373;
    margin-right: 10px;

}

/*dialog*/
.dialog {
    position: absolute;
    z-index: 13500;
    left: 50%;
    margin-top: 0;
    top: 50%;
    overflow: hidden;
    opacity: 0;
    transform: translate3d(0,-50%,0) scale(1.185);
    transition-property: transform,opacity;
    display: none;
    transition-duration: .4s;
    box-shadow: var(--f7-dialog-box-shadow);
    width: var(--f7-dialog-width);
    margin-left: calc(-1 * var(--f7-dialog-width)/ 2);
    border-radius: var(--f7-dialog-border-radius);
    text-align: var(--f7-dialog-text-align);
    color: var(--f7-dialog-text-color);
    font-size: var(--f7-dialog-font-size);
    background: var(--f7-dialog-bg-color);
}

.dialog-inner {
    position: relative;
    padding: var(--f7-dialog-inner-padding);
}

.dialog-title {
    color: var(--f7-dialog-title-text-color);
    font-size: 17px;
    font-weight: var(--f7-dialog-title-font-weight);
    line-height: var(--f7-dialog-title-line-height);
}

.md .dialog-title+.dialog-text {
    margin-top: 20px;
}
.md .dialog-text {
    line-height: 1.5;
}

.md .dialog-buttons {
    height: 48px;
    padding: 6px 8px;
    overflow: hidden;
    box-sizing: border-box;
    justify-content: flex-end;
}

.md .dialog-button.dialog-button-bold {
    font-weight: 700;
}
.md .dialog-button {
    border-radius: 4px;
    min-width: 64px;
    padding: 0 8px;
    border: none;
    transition-duration: .3s;
    transform: translate3d(0,0,0);
}
.dialog-button {
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #32CD32;
    font-size: var(--f7-dialog-button-font-size);
    height: var(--f7-dialog-button-height);
    line-height: var(--f7-dialog-button-height);
    letter-spacing: var(--f7-dialog-button-letter-spacing);
    text-align: var(--f7-dialog-button-text-align);
    font-weight: var(--f7-dialog-button-font-weight);
    text-transform: var(--f7-dialog-button-text-transform);
    display: block;
    cursor: pointer;
}

/*!* Hide scrollbar for Chrome, Safari and Opera *!
.page-content::-webkit-scrollbar {
    display: none;
}

!* Hide scrollbar for IE, Edge and Firefox *!
.page-content {
    -ms-overflow-style: none;  !* IE and Edge *!
    scrollbar-width: none;  !* Firefox *!
}*/

.pending-view-container{
    min-height: 65vh;
    max-height: 65vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.acc-logout a.btn-logout {
    background-color: #32CD32;
    border-color: #32CD32;
    color: #fff;
}

.acc-logout a.btn-logout:hover,
.acc-logout a.btn-logout:focus {
    background-color: #269c26;
    border-color: #269c26;
    color: #fff;
}

.acc-logout a#btn-d-logout {
    background-color: #32CD32;
    border-color: #32CD32;
    color: #fff;
}

.acc-logout a#btn-d-logout:hover,
.acc-logout a#btn-d-logout:focus {
    background-color: #269c26;
    border-color: #269c26;
    color: #fff;
}

/*for gradient*/
/*.accordion-item:nth-child(1) a.item-content {
    !*border: solid 1px !important;*!
    !*color: #27B027 !important;*!
    !*border-left: solid 5px !important;*!
    !*border-color: #27B027 !important;*!
    border-radius: 10px;
    background-color: #fff !important;
    font-size: 14px;
    box-shadow: 0px 6px 15px #dfdfdf;
}

.accordion-item:nth-child(2) a.item-content {
    border-radius: 10px;
    background-color: #fff !important;
    font-size: 14px;
    box-shadow: 0px 6px 15px #dfdfdf;
}

.accordion-item:nth-child(3) a.item-content {
    border-radius: 10px;
    background-color: #fff !important;
    font-size: 14px;
    box-shadow: 0px 6px 15px #dfdfdf;
}

.accordion-item:nth-child(4) a.item-content {
    border-radius: 10px;
    background-color: #fff !important;
    font-size: 14px;
    box-shadow: 0px 6px 15px #dfdfdf;
}

.accordion-item:nth-child(5) a.item-content {
    border-radius: 10px;
    background-color: #fff !important;
    font-size: 14px;
    box-shadow: 0px 6px 15px #dfdfdf;
}*/
/*for gradient end*/

.accordion-item a.item-content {
    border-radius: 10px;
    background-color: #fff !important;
    font-size: 14px;
    box-shadow: 0px 6px 15px #dfdfdf;
}

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

div.accordion-item-content {
    border-radius: 10px;
    box-shadow: 0px 6px 15px #dfdfdf;
    margin-top: 5px;
}

ul.custom-ul {
    margin-top: 13px !important
}

div.custom-item-media {
    color: limegreen !important;
    min-width: 0px !important;

}

button.custom-btn-with-icon {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

button.custom-btn-with-icon > i {
    margin-right: 7px;
}
.custom-link{
    max-width: 10px;
}


custom-list li{
    padding-left: 10px;
    padding-right: 10px;
}

[data-name="agora"] #video-card * {
    box-sizing: initial !important;
}

.custom-fab {
    position: absolute !important;
    display: flex !important;
    width: 280px !important;
}


/* admin-rating.html */

.custom-comments {
    font-size: 14px !important;
    color: gray !important;
    margin-left: 5px !important;
    margin-top: 8px !important;
}

.star-rating .f7-icons {
    margin-top:5px !important;
    color: orange !important;
    font-size: 14px !important;
}

.row .rater {
    padding: 0px 0px 0px 1px !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

.doc-info-left .ratee {
    margin-top: 10px !important;
    /* border: solid 1px; */
    padding: 4px 0px 1px 5px !important;
    border-radius: 5px !important;
    /* background-color: darkorange; */
    /* border-color: darkorange; */
    color: orangered !important;
}

/* admin-rating.html end */

.message-sent .message-bubble {
    color: #fff;
    background: #32cd32;
}

.privacy-policy, .terms-of-use{
    margin: 20px;

}

.r-terms{
    overflow: scroll;
    height: 60vh;
}


.appstore-block-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 10px;
    white-space: normal;
    --f7-block-title-font-size: 21px;
    --f7-block-title-font-weight: bold;
    --f7-block-title-line-height: 1.4;
}

.block-title {
    position: relative;
    overflow: hidden;
    margin: 0;
    white-space: var(--f7-block-title-white-space);
    text-overflow: ellipsis;
    text-transform: var(--f7-block-title-text-transform);
    color: var(--f7-block-title-text-color);
    font-size: var(--f7-block-title-font-size,inherit);
    font-weight: var(--f7-block-title-font-weight);
    line-height: var(--f7-block-title-line-height);
    margin: var(--f7-block-margin-vertical) calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right)) var(--f7-block-title-margin-bottom) calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));
}

.block-title+.block, .block-title+.block-header, .block-title+.card, .block-title+.list, .block-title+.timeline {
    margin-top: 0;
}

.app-ratings {
    display: flex;
    margin-bottom: 0;
}

.block {
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    color: var(--f7-block-text-color);
    margin: var(--f7-block-margin-vertical) 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));
    padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));
    font-size: var(--f7-block-font-size);
}

.app-ratings-number {
    line-height: 1;
    text-align: center;
    font-weight: 700;
    flex-shrink: 0;
    margin-top: 8px;
}

.app-ratings-number b {
    font-size: 45px;
    letter-spacing: -.05em;
    font-weight: 600;
}

.app-ratings-number b, .app-ratings-number span {
    display: block;
}

.app-ratings-number span {
    font-size: 14px;
    opacity: .55;
}

.app-ratings-number b, .app-ratings-number span {
    display: block;
}

.app-ratings-votes {
    width: 100%;
    flex-shrink: 10;
    line-height: 10px;
    margin-top: 6px;
}

.app-ratings-votes i {
    font-size: 8px;
    opacity: .55;
}

.app-ratings-votes-row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.app-ratings-votes-total {
    text-align: right;
    opacity: .55;
    margin-top: 4px;
}

.theme-dark .app-ratings-votes-progress {
    background: hsla(0,0%,100%,.17);
}

.app-ratings-votes-progress {
    width: 70%;
    height: 2px;
    background: rgba(0,0,0,.17);
    border-radius: 2px;
    margin-left: 10px;
}

.app-reviews .app-review {
    border-radius: 10px;
    background: var(--f7-block-strong-bg-color);
    padding: 16px;
    scroll-snap-align: center center;
    width: 100%;
    max-width: 350px;
    margin-right: 10px;
    flex-shrink: 0;
    box-sizing: border-box;
}

.app-reviews .app-review-header {
    display: flex;
    justify-content: space-between;
}

.rating-stars .f7-icons {
    font-size: 12px;
    /*color: var(--f7-color-orange);*/
    color: #4cd964;
}

.no-rating-stars .f7-icons {
    font-size: 12px;
    /*color: var(--f7-color-orange);*/
}


.app-review-text {
    margin-top: 16px;
    font-size: 13px;
}

.block {
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    color: var(--f7-block-text-color);
    margin: var(--f7-block-margin-vertical) 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-left));
    padding-right: calc(var(--f7-block-padding-horizontal) + var(--f7-safe-area-right));
    font-size: var(--f7-block-font-size);
}


/* claims page */

.custom-div-gradient-bg {
    background-image: linear-gradient(to right bottom, #f6fbf6, #e6fbe6, #d6fcd6, #c5fbc5, #b4fbb4)
}

.custom-btn-desu {   /*for round and white btn*/
    color: darkgreen;
    font-size: 14px;
    font-weight: bold;
}

.custom-claims-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 8px;
    border-bottom: 1px dashed #c5c5c5;
    margin-bottom: 10px;
}

/* claims page end */

/* medical record med-record-view.html */

div.custom-head-title {
    border-radius: 0px 5px 5px 0px !important;
    color: green !important;
    border-left: solid green 2px !important;
    padding: 2px 0px 0px 5px !important;
    margin: 10px 5px 5px 0px !important;
    /*background-color: whitesmoke !important;*/
    /*font-size: 12px !important;*/
}

ul.text-margin-left span.presc-receiver {
    margin-left: 12px !important;
}

ul.text-margin-left li p {
    margin-left: 12px !important;
}




/* medical record med-record-view.html end */
/* medical record med-record-view.html end */
.media-buttons {
    position: absolute;
    right: 19px;
    top: 17px;
    padding-right: 40px;
    /*background: #ff0000;*/
}

.media-buttons ul li {
    display: inline-block;
    padding-right: 10px;
    position: relative;
}

.custom-file-upload {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;

    width: 38px;
    height: 38px !important;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    border-radius: 50px;
    right: 320px;
    bottom: 10px;
}


/*FAQs*/
div.item-inner p {
    margin: 0px !important;
}

div.custom-left-line{
    border-left: solid 2px lightgreen;
    margin-left: 10px;
    font-size: 12px;
    padding-left: 10px;
}

/*FAQs end*/

li div div.item-title span.a-red {
    color: red !important;
}

.font-13 {
    font-size: 13px;
}

.company-name-footer {
    font-size: 12px;
    padding-top: 8px;
    border-top: 1px solid #c5c5c5;
    margin-top: 16px;
}

.top-logo-reports {
    text-align: center !important;
    border-bottom: 1px solid #c5c5c5;
    margin-bottom: 12px;
}

/*APPOINTMENT HISTORY PATIENT AND DOCTOR*/

.hist-top {
    /*background: lightcyan;*/
    margin: 10px;
    border-bottom: dotted 1px #c5c5c5;
    padding: 5px 0px 5px 10px;
    /*border-radius: 5px 5px 0px 0px;*/
}

.custom-body-content {
    margin: 5px;
    background: whitesmoke;
    padding: 10px;
    border-radius: 5px;
    border-bottom: 1px solid #878787;
}

.circular-portrait {
    position: relative;
    width: 65px;
    height: 65px;
    overflow: hidden;
    border-radius: 50%;
}
.circular-portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* PIS VIEW DOCTOR */

.pis-head-title {
    margin-bottom: 10px;
    background: limegreen;
    color: white;
    padding-left: 10px;
    border-radius: 4px;
}

/* PIS VIEW DOCTOR END   */

span.material-icons span.pt_resched_count, span.material-icons span.pending_rating_count, span.material-icons span.today_appt_count, span.material-icons span.request_appt_count {
    position: absolute;
    left: 49px;
    top: 8px;
    border: 1px white solid;
}

/*amap member add details*/

div.custom-header-a {
    color: green;
    border-bottom: solid 2px limegreen;
    margin: 10px;
}

/*DOCTOR PROFILE*/
span#active_status {
    font-size: 12px;
    margin-right: 10px;
    color: #fff;
    padding: 2px 10px;
    border-radius: 10px;
    border: 1px solid #fff;
    background-color: #228b22;

}

#verification_remarks p {
    font-size: 12px;
    background: #FFF2F2;
    padding: 10px;
    margin:5px;
    border-radius:5px;
    border: 1px #ff3b30 solid;
}

.custom-data-table-pis thead th, .custom-data-table-pis tbody td {
    height: 30px;
}