/*********** CSS RESET **********/
@import "datatables.min.css";

* {
    margin: 0;
    outline: none;
    padding: 0;
    text-decoration: none;
}

    *, *:before, *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        * ::selection {
            text-shadow: none;
            background: #b3d4fc;
        }

html {
    margin: 0 !important;
    -webkit-text-size-adjust: none;
    font-family: var(--main-font-bodytext);
}

ol, ul {
    list-style: none;
}

a,
button {
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

    a img {
        border: none;
        opacity: 0.99; /*firefox scale bug fix*/
    }

    a:active {
        outline: none;
    }

input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    margin: 0;
    border: 0;
    padding: 0;
}

input:-webkit-autofill {
    box-shadow: inset 0 0 0 1000px #fff;
    -webkit-box-shadow: inset 0 0 0 1000px #fff;
}

script {
    display: none !important;
}

/*********** GLOBAL STYLES **********/

:root {
    --main-color-50:; /* 50% Principal color */
    --main-color-35:; /* 35% Principal hover darker */
    --main-color-75:; /* 35% Principal hover lighter */
    --main-color-inverted:;
    --main-color-text-light:;
    --main-color-text-dark:;
    --main-hover-color-50:; /* 50% Principal color */
    --main-hover-color-75:;
    --main-hover-color-inverted:;
    --main-hover-color-light:;
    --main-hover-color-dark:;
    --important-green-color-50:;
    --important-green-color-75:;
    --text-grey-color:;
    --text-grey-color-10:;
    --text-grey-color-15:;
    --text-grey-color-35:;
    --text-grey-color-90:;
    --text-grey-color-95:;
    --text-grey-color-100:;
    --text-main-grey-color:;
    --vital-parameter-main-color:;
    --error-red:;
    --button-red:;
    --scrollbar-track-color:;
    --scrollbar-thumb-color:;
    --scrollbar-thumb-hover-color:;
    --main-font-title:;
    --main-font-subtitle:;
    --main-font-bodytext:;
    --main-first-dashboard-notification:;
    --main-second-dasboard-notification:;
    --navigation-arrow-table;
    --review-stars;
}

.grey-txt {
    color: var(--text-main-grey-color) !important;
}

input[type="text"].valid,
input[type=password].valid {
    border-bottom: 1px solid var(--main-color-50) !important;
    box-shadow: 0 1px 0 0 var(--main-color-50) !important;
}

.btn-primary {
    background-color: var(--main-color-50) !important;
}

    .btn-primary:hover {
        background-color: var(--main-hover-color-50) !important;
    }

nav {
    background-color: transparent;
    box-shadow: none;
    margin: 10px 0 10px 0;
}

.header-menu nav {
    border-top: 2px solid rgb(230,230,230);
    border-bottom: 2px solid rgb(230,230,230);
    background-color: #fff;
}

.collapsible-header {
    font-size: 18px;
}

.collapsible-body > ul {
    padding: 2rem;
}

.collapsible-body > .vital-params-ul {
    padding: 0rem;
}

.collapsible-body p {
    padding: 0;
}

li.bold > a {
    font-weight: 300;
}

body {
    max-width: 100%;
    overflow-x: hidden;
    background-color: #fff;
    color: var(--text-main-grey-color);
}

h1, h2, h3, h4, h5, h6 {
    color: #444;
}

.h1 {
    font-size: 4.2rem;
    line-height: 110%;
    margin: 2.1rem 0 1.68rem 0;
}

.text-bold {
    font-weight: bold;
}

a {
    color: inherit;
    cursor: pointer;
}

.text-link {
    color: var(--main-color-50);
}

table {
    width: 100%;
    border-collapse: collapse;
}

input,
textarea,
select {
    font-size: 14px;
}

textarea {
    min-height: 150px;
}

    textarea:disabled {
        color: rgba(0, 0, 0, 0.26);
    }

    input[type="text"]:focus,
    input[type="password"]:focus,
    textarea:focus,
    select:focus {
        color: #444;
    }

input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + *,
input[type="radio"] + * {
    vertical-align: middle;
}

input[type="button"],
input[type="submit"],
button,
.button-1,
.button-2 {
    cursor: pointer;
}

label,
label + * {
    vertical-align: middle;
}

.master-wrapper-content {
    position: relative;
    z-index: 0;
    width: 90%;
    margin: 0 auto;
}

    .master-wrapper-content.lp-layout {
        position: static;
    }

.master-column-wrapper {
    z-index: 0;
    /*padding-top: 40px;*/
}

@media (max-width: 640px) {
    .master-column-wrapper {
        padding-top: 30px;
    }
}

@media (max-width: 480px) {
    .master-column-wrapper {
        padding-top: 20px;
    }
}

.master-column-wrapper:after {
    content: "";
    display: block;
    clear: both;
}

.center-1 {
    margin: 0 0 10px;
}

    .center-1:before,
    .center-1:after {
        content: '';
        display: table;
    }

    .center-1:after {
        clear: both;
    }

.center-2, .side-2 {
    margin: 0 0 30px;
}

.customer-wrapper .side-2 {
    margin-bottom: 0;
}
    .side-2:after {
        content: "";
        display: block;
        clear: both;
    }

.page {
    min-height: 200px;
    text-align: left;
    margin-bottom: 0px !important;
}

.page-title h1 {
    font-family: var(--main-font-title); /*Ex AntiSlab*/
    font-weight: 400;
    font-size: 36px;
    color: #2C3F4E;
    color: var(--text-grey-color-15);
    margin: 0 0 30px;
    text-align: center;
}

.block .title h5 {
    margin: 1rem 0 0.1rem;
    font-family: var(--main-font-title); /*Ex AntiSlab*/
    font-weight: 400;
    font-size: 22px;
    color: #2C3F4E;
    color: var(--text-grey-color-15);
}

.page:before,
.page-title:before,
.page-body:before,
.page:after,
.page-title:after,
.page-body:after {
    content: '';
    display: table;
}

.page:after,
.page-title:after,
.page-body:after {
    clear: both;
}

.center-1 .page-title {
    margin: 0 0 30px;
}

.buttons {
    margin: 0 0 30px;
    text-align: center;
}

.topic-block ul,
.topic-page ul {
    margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: disc;
}

.topic-block ol,
.topic-page ol {
    margin: 12px 0;
    padding: 0 0 0 36px;
    list-style: decimal;
}

.topic-block p,
.topic-page p {
    margin: 10px 0;
    text-align: left;
}

.header-menu nav .dropdown-content {
    top: 64px !important;
    min-width: 160px !important;
}

/*********** GLOBAL FORMS ***********/
.fieldset, .section {
    position: relative;
    margin: 0 0 40px;
}

    .fieldset .title,
    .section .title {
        margin: 0 0 15px;
        padding: 0;
        font-size: 20px;
        color: var(--main-color-50);
    }

        .fieldset .title strong,
        .section .title strong {
            font-weight: normal;
        }

.form-fields {
    position: relative;
    padding: 20px 0px;
}

.inputs {
    position: relative;
    margin: 0 0 15px;
    text-align: center;
    white-space: nowrap; /*fix for 'required' elements*/
}

    .inputs:after {
        content: "";
        display: block;
        clear: both;
    }

    .inputs label {
        display: block;
        width: 100%;
        margin: 0 0 10px;
        text-align: center;
        font-size: 14px; /*reset zeroing*/
        color: #444;
    }

    .inputs input[type="text"],
    .inputs input[type="password"],
    .inputs select, .inputs textarea {
        max-width: 100%;
        background-color: #fff;
    }

    .inputs.custom-attributes {
        white-space: normal;
    }

    .inputs .option-list {
        display: inline-block;
        max-width: 95%;
        vertical-align: middle;
    }

        .inputs .option-list li {
            display: inline-block;
            margin: 5px;
            padding: 8px 10px;
        }

        .inputs .option-list label {
            display: inline-block;
            width: auto !important;
            margin: 0 0 0 5px;
        }

    .inputs.reversed {
        margin: 0 0 20px;
        text-align: center;
    }

.required {
    display: none;
}

.input-validation-error {
    border-bottom: 1px solid var(--button-red) !important;
    box-shadow: 0 1px 0 0 var(--button-red) !important;
}

input[type="text"].input-custom-validation-error {
    border-bottom: 1px solid var(--button-red) !important;
}

.recoverAccountBtn {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.message-error,
.field-validation-error,
.password-error {
    display: block;
    text-align: left;
    font-size: 12px;
    color: var(--error-red);
    margin: 0 0 5px;
}

.field-validation-valid {
    display: block;
    text-align: left;
    font-size: 12px;
    color: #13ab89;
}

.loginPopUp .field-validation-valid {
    color: #F44336;
}

.captcha-box {
    text-align: center;
    line-height: 0; /*firefox line-height bug fix*/
}

    .captcha-box > div {
        display: inline-block;
        max-width: 100%;
    }

    .captcha-box input {
        height: auto;
    }

.login-page .captcha-box {
    margin: 15px 0px;
}

.registration-page .captcha-box {
    margin: 10px 0px;
}

.captcha-error span {
    text-align: center;
    display: block !important;
    margin: 15px 0px;
    font-size: 1rem;
}

.custom-attributes > ul.option-list {
    position: relative;
    display: block;
    padding-top: 24px;
    padding-bottom: 42px;
    text-align: left;
}

/*********** GLOBAL TABLES ***********/
.table-wrapper {
    overflow-x: visible;
}

.data-table th {
    border: none;
    padding: 10px;
    white-space: nowrap;
    font-weight: normal;
    background-color: #fff;
}

.data-table td {
    min-width: 50px;
    border: none;
    color: #444;
}

.data-table a {
    font-weight: normal;
}

    .data-table a:hover {
        text-decoration: underline;
    }

.data-table .message,
.data-table .info,
.data-table .name {
    min-width: 225px;
    text-align: left;
}

    .data-table .info a {
        font-weight: bold;
        color: #444;
    }

        .data-table .info a:hover {
            text-decoration: none;
        }

.data-table .order {
    text-align: left;
}

.data-table td.total {
    white-space: nowrap;
    color: #444;
}

.data-table em a {
    font-weight: bold;
    color: #444;
}

.data-table div.download {
    margin: 10px 0 0;
}

/*********** NOTIFICATIONS & POPUPS  ***********/
.bar-notification {
    display: none;
    position: fixed;
    top: 147px;
    float: right;
    z-index: 1000;
    width: 25%;
    padding: 15px 25px 15px 10px;
    line-height: 16px;
    color: #fff;
    opacity: 0.95;
}

    .bar-notification.success {
        background-color: #6EB92B;
    }

    .bar-notification.error {
        background-color: var(--button-red);
    }

.error {
    color: var(--error-red) !important;
}

.textFieldCounterDisclaimer,
.questionnaireCounterDisclaimer {
    color: var(--text-grey-color);
    font-size: smaller;
}

.intervalDurationDoctorDisclaimer {
    color: var(--error-red);
    padding-bottom: 15px;
    text-align: center;
}

.textFieldCounterDisclaimer {
    display: block;
    text-align: left;
}

.vitalParamPopUpContent .textFieldCounterDisclaimer {
    font-size: 15px;
}

.upload-file-body .textFieldCounterDisclaimer {
    font-size: 15px;
    text-align: center;
}

.textFieldWhiteSpaces {
    color: var(--error-red) !important;
    font-size: smaller;
    text-align: left;
    display: block;
}

.reasonWordCount {
    color: var(--text-grey-color);
}

#reasonMaxLengthError {
    text-align: right;
    font-size: 12px;
}

#consultationGroupReasonBookedError {
    text-align: left;
    width: 70%;
}

.bar-notification .content {
    float: left;
    margin: 0 10px 0 0;
}

    .bar-notification .content a {
        color: #fff;
        text-decoration: underline;
    }

.bar-notification .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 32px;
    margin: 7px;
    background: #fff url('../images/close.png') center no-repeat;
    cursor: pointer;
}

.noscript {
    border-bottom: 1px solid #4B4B4B;
    background-color: #ff9;
    padding: 30px 15px;
    text-align: center;
    line-height: 22px;
    color: #444;
}

.ajax-loading-block-window {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 -16px;
    background: url('../images/loading.gif') center no-repeat;
}

.please-wait {
    background: url('../images/ajax-loader-small.gif') no-repeat;
    padding-left: 20px;
    font-size: 14px;
}

.ui-dialog {
    width: 350px !important;
    max-width: 90%;
    border: 1px solid #ddd;
    box-shadow: 0 0 2px rgba(0,0,0,0.15);
    overflow: hidden;
    background-color: #fff;
    /*override jQuery UI styles, do not delete doubled properties*/
    padding: 0;
    font: normal 14px Arial, Helvetica, sans-serif;
    display: none !important;
}

.ui-dialog-titlebar {
    overflow: hidden;
    border-width: 0 0 1px;
    background-image: none;
    padding: 10px 15px !important;
    font-weight: normal;
    cursor: auto !important;
}

    .ui-dialog-titlebar > span {
        float: left;
        font-size: 18px;
        color: #444;
        /*override jQuery UI styles, do not delete doubled properties*/
        margin: 0 !important;
    }

    .ui-dialog-titlebar button {
        position: absolute;
        overflow: hidden;
        /*override jQuery UI styles, do not delete doubled properties*/
        top: 0 !important;
        right: 0 !important;
        width: 42px !important;
        height: 42px !important;
        margin: 0 !important;
        border: none !important;
        background: url('../images/close.png') center no-repeat !important;
        padding: 0 !important;
    }

        .ui-dialog-titlebar button span {
            display: none !important;
        }

.ui-dialog-content {
    height: auto !important;
    line-height: 20px;
    /*override jQuery UI styles, do not delete doubled properties*/
    background-color: #fff !important;
    padding: 15px !important;
    color: var(--text-main-grey-color);
}

.eu-cookie-bar-notification {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1050;
    width: 320px;
    height: 180px;
    margin: -90px 0 0 -160px;
    border: 1px solid #ccc;
    box-shadow: 0 0 2px rgba(0,0,0,0.15);
    background-color: #fff;
    padding: 20px;
    text-align: center;
}

    .eu-cookie-bar-notification .text {
        margin-bottom: 20px;
        line-height: 20px;
    }

    .eu-cookie-bar-notification button {
        min-width: 60px;
        margin: 5px 0 10px;
        border: none;
        background-color: var(--button-red);
        padding: 8px 12px;
        font-size: 14px;
        color: #fff;
    }

    .eu-cookie-bar-notification a {
        display: block;
    }

        .eu-cookie-bar-notification a:hover {
            text-decoration: underline;
        }

/*********** HEADER ***********/
.admin-header-links {
    background-color: #4B4B4B;
    text-align: center;
    color: var(--text-grey-color-100);
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1001;
}

    .admin-header-links * {
        display: inline-block;
        margin: 0 10px;
        line-height: 35px;
        font-size: 12px;
        font-weight: bold;
    }

    .admin-header-links .impersonate {
        display: inline-block;
    }

        .admin-header-links .impersonate a {
            background-color: #555;
            padding: 0 15px;
        }

            .admin-header-links .impersonate a:hover {
                background-color: #666;
            }

.header {
    background-color: rgba(255, 255, 255, 0.9);
    position: sticky;
    top: 0;
    z-index: 9900;
}

.admin-header-links + .header {
    top: 35px;
}

.header-upper {
    position: relative;
    z-index: 1;
    background-color: #13ab89;
    padding-top: 7px;
    padding-bottom: 0px;
}

.header-selectors-wrapper {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

    .header-selectors-wrapper > div {
        display: block;
        width: 50%;
        margin: 10px auto;
        vertical-align: middle;
    }

    .header-selectors-wrapper select {
        width: 100%;
    }

.language-list {
    max-width: 100%;
    font-size: 0;
}

    .language-list li {
        display: inline-block;
        margin: 0 1px;
        vertical-align: middle;
    }

    .language-list a {
        display: block;
        position: relative;
        width: 24px;
        height: 32px;
        line-height: 0;
    }

@media (max-width: 610px) {
    .language-list a {
        height: 24px;
    }
}

.language-list img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.header-links-wrapper {
    position: relative;
    padding: 20px 0;
}

.header-links li {
    display: inline-flex;
    margin: 0px 10px 5px 0px;
}

.header-links a {
    font-size: 12px; /*reset zeroing*/
    line-height: 18px;
    text-transform: uppercase;
}

.header-links span {
    line-height: 26px;
}

    .header-links span.material-icons.tiny {
        margin-right: 10px;
        font-size: 1rem;
    }

.material-tooltip {
    z-index: 999999;
}

.custom-z-index-tooltip {
    z-index: 99999999;
    max-width: 350px;
    overflow-wrap: break-word;
}

.patientTooltip, .docTooltip {
    position: absolute;
    z-index: 99999999;
    background-color: #333;
    color: #fff;
    padding: 10px 8px;
    border-radius: 2px;
    font-size: 1rem;
    display: none;
    max-width: 350px;
    text-align: center;
    line-height: normal
}

.header-links a:hover {
    color: var(--button-red);
}

.header-lower {
    position: relative;
    z-index: 0;
    padding: 35px 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.header-logo {
    padding-left: 0 !important;
}

@media (max-width: 1000px) {
    .header-logo a {
        text-align: left;
    }
}

.header-logo a img {
    width: 200px;
    opacity: 1;
    margin-top: 5px;
}

.emedical-phone {
    color: var(--main-hover-color-light);
    height: 25px;
    text-align: right;
    margin-left: auto;
}

.search-box form {
    display: flex;
}

.search-box .ui-autocomplete-loading {
    background: #fff url('../images/ajax-loader-small.gif') right center no-repeat;
}

.ui-helper-hidden-accessible {
    display: none !important;
}

.ui-autocomplete {
    width: 285px !important;
    border: 1px solid #ddd;
    border-top: none;
    overflow: hidden;
    background-color: #fff;
    text-align: left;
    /*override jQuery UI styles, do not delete doubled properties*/
    padding: 0;
    font: normal 14px Arial, Helvetica, sans-serif;
}

    .ui-autocomplete li {
        border-top: 1px solid #ddd;
    }

        .ui-autocomplete li:first-child {
            border-top: none;
        }

    .ui-autocomplete a {
        display: block;
        font-size: 14px;
        /*override jQuery UI styles, do not delete doubled properties*/
        margin: 0 !important;
        border: none !important;
        border-radius: 0 !important;
        background: none !important;
        padding: 15px !important;
        line-height: normal !important;
        color: var(--text-main-grey-color) !important;
    }

        .ui-autocomplete a:hover,
        .ui-autocomplete a.ui-state-focus {
            background-color: var(--text-grey-color-100) !important;
        }

    .ui-autocomplete img {
        display: none;
        min-width: 20px;
        margin: 0 10px 0 0;
        vertical-align: middle;
    }

/*********** FOOTER ***********/
.footer {
    background-color: var(--text-grey-color-100);
    text-align: center;
}

.footer-block {
    width: 95%;
    margin: 1px auto;
    text-align: left;
    font-size: 14px; /*reset zeroing*/
}

    .footer-block .title {
        margin: 0 0 1px;
        background: var(--button-red) url('../images/toggle-white.png') right center no-repeat;
        padding: 10px 15px;
        cursor: pointer;
        width: 100%;
        font-family: var(--main-font-bodytext);
        font-size: 18px;
        line-height: 29.26px;
        color: var(--text-grey-color-15);
    }

        .footer-block .title strong {
            font-weight: normal;
        }

    .footer-block .list {
        display: none;
        margin: 0 0 20px;
        padding: 10px 15px;
    }

        .footer-block .list a {
            display: block;
            padding: 10px 15px;
            font-family: var(--main-font-bodytext);
            font-size: 14px;
            line-height: 34px;
            color: var(--text-main-grey-color);
            color: rgb(119, 119, 119);
        }

            .footer-block .list a:hover {
                color: var(--button-red) !important;
            }

/*********** SIDE COLUMN ***********/
.block {
    min-height: 50px;
    margin: auto;
    text-align: left;
}

    .block .title {
        position: relative;
        margin: 0 0 10px;
        background: #f6f6f6 url('../images/toggle-gray.png') right 14px no-repeat;
        padding: 0px 30px 8px 10px;
        font-size: 20px;
        color: #444;
        cursor: pointer;
        width: 100%;
    }

        .block .title strong {
            font-weight: normal;
        }

    .block .listbox {
        display: none;
        padding: 10px 5px;
    }

    .block .list li {
        padding: 5px 0;
    }

        .block .list li.active > a {
            color: var(--button-red);
        }

    .block .list a {
        display: inline-block;
        position: relative;
        padding: 5px 0;
        font-size: 16px;
        color: #444;
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
    }

        .block .list a.active {
            color: var(--button-red);
        }

        .block .list a:hover {
            color: var(--button-red);
        }

    .block .tags ul {
        font-size: 0;
    }

    .block .tags li {
        display: inline-block;
        position: relative;
        margin: 10px 10px 0 0;
        overflow: hidden;
        font-size: 17px !important; /*setting base size*/
    }

        .block .tags li a {
            text-transform: capitalize;
        }

/********** PRODUCT PAGE **********/  
.attributes {
    margin: 20px 0;
}

    .attributes select {
        width: auto;
        min-width: 100px;
        max-width: 100%;
    }

    .attributes .option-list label {
        margin: 0 5px;
    }

    .attributes .datepicker {
        width: 280px;
        text-align: center;
        color: #444;
    }

.ui-datepicker {
    width: 280px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    text-align: center;
    /*override jQuery UI styles, do not delete doubled properties*/
    border: none;
    border-radius: 0;
    padding: 0;
    font: normal 14px Arial, Helvetica, sans-serif;
    color: var(--text-main-grey-color);
}

.ui-datepicker-header {
    position: relative;
    height: 32px;
    background-color: var(--button-red);
    color: #fff;
    /*override jQuery UI styles, do not delete doubled properties*/
    border: none;
    border-radius: 0;
    background-image: none;
    padding: 0 !important;
    font-weight: normal;
}

    .ui-datepicker-header a {
        position: absolute;
        top: 0;
        z-index: 1;
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 0;
        /*override jQuery UI styles, do not delete doubled properties*/
        top: 0 !important;
        width: 32px !important;
        height: 32px !important;
        border: none !important;
    }

        .ui-datepicker-header a.ui-datepicker-prev {
            left: 0;
            background: url('../images/calendar-prev.png') center no-repeat;
        }

        .ui-datepicker-header a.ui-datepicker-next {
            right: 0;
            background: url('../images/calendar-next.png') center no-repeat;
        }

        .ui-datepicker-header a span {
            /*override jQuery UI styles, do not delete doubled properties*/
            display: none !important;
        }

.ui-datepicker-title {
    position: relative;
    z-index: 0;
    line-height: 32px;
    font-weight: bold;
    text-transform: uppercase;
    /*override jQuery UI styles, do not delete doubled properties*/
    line-height: 32px !important;
}

.ui-datepicker-calendar {
    /*override jQuery UI styles, do not delete doubled properties*/
    margin: 0 !important;
    font-size: 14px !important;
}

    .ui-datepicker-calendar th {
        background-color: var(--text-grey-color-100);
    }

    .ui-datepicker-calendar th,
    .ui-datepicker-calendar td {
        width: 14.285%;
        border: 1px solid #ddd;
        /*override jQuery UI styles, do not delete doubled properties*/
        padding: 0;
    }

        .ui-datepicker-calendar th span,
        .ui-datepicker-calendar td a {
            display: block;
            min-height: 32px;
            line-height: 32px;
            color: #444;
        }

        .ui-datepicker-calendar td a {
            /*override jQuery UI styles, do not delete doubled properties*/
            border: none !important;
            background: none !important;
            padding: 0;
            text-align: center;
            color: #444 !important;
        }

    .ui-datepicker-calendar .ui-state-active {
        outline: 2px solid var(--button-red);
        font-weight: bold;
        color: var(--button-red);
        /*override jQuery UI styles, do not delete doubled properties*/
        color: var(--button-red) !important;
    }

/*********** TOPICS ***********/
.page-body .container {
    width: 1310px;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.customer-wrapper .container.responsiveGrid {
    width: 100%;
    max-width: 100%;
}

.container.responsiveGrid {
    width: 1280px;
    max-width: 93%;
    padding-left: 0;
    padding-right: 0;
}

.admin-header-links + .header + script + script + .header-menu + .pageContent {
    min-height: calc(100vh - 450px);
}

.header + script + script + .header-menu + .pageContent {
    min-height: calc(100vh - 437px);
}

.container:before,
.container:after {
    content: '';
    display: table;
}

.container:after {
    clear: both;
}

.topic-block {
    margin: 0 0 25px;
}

.topic-block-title {
    min-height: 50px;
    margin: 0 0 25px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 15px;
}

    .topic-block-title h2 {
        font-size: 30px;
        font-weight: normal;
    }

.topic-block-body {
    text-align: justify;
    line-height: 24px;
    font-size: 16px;
}

.topic-page .page-body {
    text-align: justify;
    line-height: 22px;
}

.topic-block a,
.topic-page a {
    text-decoration: underline;
}

.topic-block strong,
.topic-page strong {
    color: #444;
}

.home-page .topic-block {
    margin: 0 0 50px;
}

.not-found-page p {
    margin: 30px 15px;
}

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

.enter-password-title {
    margin: 0 0 20px;
    color: #444;
}

.enter-password-form {
    display: inline-block;
    overflow: hidden;
}

    .enter-password-form input[type="password"] {
        float: left;
        margin: 0 -1px 0 0;
    }

    .enter-password-form input[type="submit"] {
        float: left;
        width: auto;
        min-width: 86px;
        height: 40px;
        border: none;
        background-color: var(--button-red);
        padding: 0 15px;
        color: #fff;
        text-transform: uppercase;
    }

        .enter-password-form input[type="submit"]:hover {
            background-color: #248ece;
        }

/*********** CONTACT & EMAIL A FRIEND ***********/
.contact-page .page-title {
    margin: 0 0 -1px;
}

.contact-page .result,
.contact-page .message-error {
    margin: 20px 0;
}

.contact-page .topic-block {
    margin: 25px 0;
}

/********** REGISTRATION, LOGIN, ACCOUNT PAGES  **********/
.gender {
    display: inline-block;
    width: 100%;
    float: right;
}

    .gender span {
        display: inline-block;
        /* margin: 0 5px; */
        margin: 0 5px 0 0;
    }

.registration-page .date-of-birth select {
    width: 31%; /*always single line*/
    max-width: 126px;
}

    .registration-page .date-of-birth select + select {
        margin: 0 0 0 10px;
    }

.registration-page select[name="DateOfBirthDay"],
.registration-page select[name="DateOfBirthMonth"],
.registration-page select[name="DateOfBirthYear"] {
    width: 100%; /*always single line*/
    max-width: 126px;
    display: block;
    margin: 0 0 0 10px;
}

.registration-page label[name="DateOfBirth"] {
    margin: 0 10px 0 0;
    position: initial;
}

#customVitalParamModal,
#editCustomVitalParamModal {
    top: 47% !important;
}

.reverseFlexContainer {
    display: flex;
    flex-direction: column-reverse;
    border-bottom: 1px solid #ddd;
}

.noParamsDisclaimer {
    padding: 10px !important;
    border-left: none;
    border-right: none;
    border-top: none;
    margin-bottom: 0;
}

.vp-chart-wrapper {
    height: 300px !important;
    width: 100%;
}

    .vp-chart-wrapper canvas {
        width: 100% !important;
        height: 100% !important;
    }

@media (min-width: 590px) and (max-width: 992px) {
    #paramModal {
        max-width: 50%;
    }
}

.accept-privacy-policy {
    margin: 0 0 20px;
    text-align: center;
}

    .accept-privacy-policy > * {
        display: inline-block;
        line-height: 32px;
    }

    .accept-privacy-policy span {
        color: var(--button-red);
        cursor: pointer;
    }

.registration-page .message-error,
.login-page .message-error,
.account-page .message-error {
    margin: 0 0 10px;
}

.registration-result-page .result {
    margin: 0 0 30px;
    padding: 30px 0;
    text-align: center;
    font-size: 18px;
    color: var(--text-grey-color-10);
}

.login-page .page-title .accountActivatedMsg {
    font-size: 18px;
    color: var(--text-grey-color-10);
}

.login-page .page-title {
    margin-top: 0px
}

    .login-page .page-title a {
        color: var(--main-color-50);
    }

        .login-page .page-title a:hover {
            color: var(--main-hover-color-50);
        }

.login-page .customer-blocks:before,
.login-page .customer-blocks:after {
    content: '';
    display: table;
}

.login-page .customer-blocks:after {
    clear: both;
}

.login-page .title {
    margin: 0 0 42px;
    font-size: 20px;
    color: #444;
}

    .login-page .title strong {
        font-weight: normal;
    }

.login-page .customer-blocks .login-button {
    text-transform: lowercase;
}

.login-page .customer-blocks .login-button::first-letter {
    text-transform: uppercase;
}

.login-page .new-wrapper {
    border-style: Solid;
    border-color: #E6E6E6;
    border-color: rgba(230, 230, 230, 1);
    border-width: 1px;
    padding-bottom: 20px;
    border-top: 2px solid #13ab89;
}

    .login-page .new-wrapper .text {
        width: 100%;
        margin: 0 0 30px;
        padding: 30px 0 0 !important;
        padding-left: 20px;
        font-family: var(--main-font-title);
        font-size: 14px;
        line-height: 24.28px;
        color: var(--text-grey-color-15);
    }

    .login-page .new-wrapper .topic-block {
        margin: 0;
    }

    .login-page .new-wrapper .topic-block-body strong {
        color: #444;
    }

    .login-page .new-wrapper .button-1 {
        margin: 0 0 5px;
    }

.login-page .returning-wrapper {
    margin: 0;
    padding: 1rem;
    border: 1px solid var(--text-grey-color);
    border-top: 2px solid var(--main-color-50);
    border-radius: 0.5rem;
    background-color: #fff;
}

    .login-page .returning-wrapper .form-fields {
        overflow: hidden;
        padding: 30px 15px 0;
    }

    .login-page .returning-wrapper .inputs.reversed {
        white-space: normal;
    }

        .login-page .returning-wrapper .inputs.reversed * {
            display: inline-block;
            width: auto;
            margin: 5px;
            font-size: 14px; /*reset zeroing*/
            color: #444;
        }

        .login-page .returning-wrapper .inputs.reversed a:hover {
            color: var(--button-red);
        }

.external-authentication {
    overflow: hidden;
    text-align: center;
}

    .external-authentication .buttons {
        margin: 20px 0 0 0;
        border-top: 1px solid #e6e6e6;
        padding: 30px;
    }

.external-auth-errors {
    color: #e4444c;
}

.external-auth-association {
    color: #444;
}

    .external-auth-association a {
        color: var(--button-red);
    }

        .external-auth-association a:hover {
            text-decoration: underline;
        }

.facebook-btn {
    display: inline-block;
    width: 188px;
    height: 34px;
    background-image: url('images/facebook-signing.png');
    background-repeat: no-repeat;
    margin-top: 10px;
}

.password-recovery-page .result {
    margin: 0 0 5px;
    font-weight: 600;
    color: red;
    font-size: 20px;
}

.password-recovery-page .tooltip {
    margin: 0 0 25px;
}

.add-more-external-records {
    text-align: left;
}

    .add-more-external-records a {
        color: var(--button-red);
    }

        .add-more-external-records a:hover {
            text-decoration: underline;
        }

.account-page .buttons {
    text-align: left;
}

.account-page .description {
    margin: 0 0 25px;
    padding: 0 10px;
}

.account-page .table-wrapper {
    margin: 0 0 30px;
}

.account-activation #Email {
    color: var(--main-hover-color-50);
}

.account-activation .text-danger {
    color: var(--button-red);
}

.account-activation input[type="password"] {
    font-family: inherit !important;
}

.change-password-page .page-title {
    margin: 0 0 -1px;
}

.change-password-page .result,
.change-password-page .message-error {
    margin: 20px 0;
}

.change-password-page .fieldset {
    margin: 0 0 30px;
}    

/* file uploader */

/*button*/
.qq-upload-button {
    border-radius: 5px;
    position: relative !important;
    text-decoration: none;
    background: var(--main-color-50) !important;
    letter-spacing: .5px;
    transition: .5s ease-out;
    outline: 0;
    vertical-align: middle;
    display: inline-block !important;
    width: auto !important;
}

    .qq-upload-button:not(.disabled):hover {
        background-color: var(--main-hover-color-50) !important;
        cursor: pointer !important;
    }

.qq-upload-drop-area,
.qq-upload-extra-drop-area {
    background: #2bbbad !important;
    color: #fff;
    text-transform: uppercase;
    height: 82px !important;
    opacity: 0.82;
}

.qq-upload-button > input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
}

/*file path*/
.qq-upload-list {
    overflow: hidden;
    padding-left: 10px;
}

    .qq-upload-list li.qq-upload-success,
    .qq-upload-list li {
        width: 100%;
        background-color: transparent !important;
        border: none;
        border-radius: 0;
        outline: none;
        height: 3rem;
        font-size: 1rem;
        margin: 0;
        padding: 0;
        box-shadow: none;
        box-sizing: content-box;
        transition: all .3s;
        color: inherit !important;
        line-height: 3rem;
        padding-left: 1%;
    }

/*progress bar*/
.qq-progress-bar {
    display: block;
    background: -moz-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(30,87,153,1)),color-stop(50%,rgba(41,137,216,1)),color-stop(51%,rgba(32,124,202,1)),color-stop(100%,rgba(125,185,232,1)));
    background: -webkit-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background: -o-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background: -ms-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    background: linear-gradient(to bottom,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
    width: 0;
    height: 10px !important;
    border-radius: 6px;
    margin-bottom: 3px;
    margin-top: 15px !important;
    max-width: 95%;
}

.deleteFileIcon {
    cursor: pointer;
}

#modalupload {
    border-radius: 1em;
}

    #modalupload .modal-content {
        border-radius: 1em;
    }

    #modalupload .modal-title {
        color: var(--main-color-50);
    }

    #modalupload #submitTitle {
        background-color: var(--main-color-50);
    }

        #modalupload #submitTitle:hover {
            background-color: var(--main-hover-color-50);
        }

        #modalupload #submitTitle:disabled {
            background-color: var(--text-grey-color-90) !important;
        }

            #modalupload #submitTitle:disabled:hover {
                background-color: var(--text-grey-color-90) !important;
            }

    #modalupload #doctorarea-uploadButton {
        padding: 2px 10px;
    }

    #modalupload #uploadedFileName {
        font-weight: bold;
        margin-left: 15px;
    }

.accountRecoveryTooltip,
.resetTitle {
    text-align: center;
    color: var(--main-hover-color-dark);
}

@media (min-width: 980px) {
    .contact-us-page .contact-form-with-no-locations {
        width: 50%;
        margin: auto;
        border-radius: 0.5rem !important;
    }
}

.password-recovery-page h1,
.contact-us-page h1,
.contact-us-page h4,
.contact-us-page h5 {
    color: var(--main-hover-color-50);
}

.contact-us-page .locations-details .select-wrapper input {
    color: var(--main-hover-color-50);
    font-weight: bold;
    font-size: x-large;
}

.contact-us-page .locations-details .select-wrapper ul li span {
    font-size: large;
    color: var(--main-hover-color-50);
}

.contact-us-page #locationAddressMap {
    width: 100%;
}

.contact-us-page .contact-us-info {
    font-size: large;
    color: var(--main-hover-color-50);
}

.contact-us-page strong {
    font-weight: bold;
}

.homeBtn {
    text-transform: uppercase;
    background: var(--main-color-50);
    color: #fff;
    border-radius: 2px;
    display: inline-block;
    line-height: 36px;
    padding: 0 1.5rem;
}

    .homeBtn:hover {
        background: var(--main-hover-color-50);
    }

.homeBtnContainer {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: fit-content;
    margin-top: 20px;
}

.uploadFileBtn {
    display: inline-block;
}

.deleteFileIcon:hover {
    cursor: pointer;
}

.removePill:hover {
    cursor: pointer;
}

@media screen and (min-width: 800px) {
    .uploadFileRestrictions {
        display: inline-block;
        position: absolute;
        margin: 15px 40px 0px 5px;
    }
}

/****** ORDER DETAILS & SHIPPING DETAILS ******/
.user-agreement-page .terms-of-agreement {
    margin: 0 0 20px;
    padding: 20px;
    text-align: center;
}

.user-agreement-page .button-1 {
    min-width: 140px;
    border: none;
    background-color: var(--button-red);
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}

    .user-agreement-page .button-1:hover {
        background-color: #248ece;
    }

/****** SEARCH & SITEMAP ******/
.sitemap-page .description {
    margin: 0 0 30px;
    text-align: left;
}

.sitemap-page .entity {
    margin: 0 0 30px;
    display: block;
    width: 100%;
    float: left;
}

.sitemap-page .entity-title {
    margin: 0 0 15px;
    padding: 0 10px;
    text-align: left;
}

    .sitemap-page .entity-title h2 {
        font-size: 20px;
        font-weight: normal;
        color: #444;
    }

.sitemap-page .entity-body {
    border-left: 2px solid #ddd;
    text-align: left;
}

.sitemap-page ul {
    font-size: 0;
}

.sitemap-page li {
    display: block;
    position: relative;
    margin: 0 8px;
    padding: 0 12px;
    line-height: 50px;
    font-size: 14px; /*reset zeroing*/
}

    .sitemap-page li:before {
        content: "";
        position: absolute;
        top: 22px;
        left: -8px;
        width: 12px;
        height: 1px;
        background-color: #ddd;
    }

.sitemap-page a {
    color: #444;
}

    .sitemap-page a:hover {
        color: var(--button-red);
    }

    .sitemap-page a:empty {
        display: none;
    }

/* forum edit & send message */
.private-message-send-page .page-title {
    margin: 0 0 -1px;
}

.private-message-send-page .message-error {
    margin: 20px 0;
}
   
.private-message-send-page .toolbar {
    max-width: 400px;
    margin: 20px auto;
    background-color: #ddd;
    padding: 10px;
}

    .private-message-send-page .toolbar .button {
        margin: 0 2px 0 0;
        border: #cec6b5 1px solid;
        padding: 2px;
    }

        .private-message-send-page .toolbar .button:hover {
            border: #4B4B4B 1px solid;
        }

.private-message-send-page textarea {
    display: block;
    margin: auto;
}

.private-messages .buttons input {
    min-width: 140px;
    border: none;
    background-color: #999;
    padding: 10px 30px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}

    .private-messages .buttons input:hover {
        background-color: #888;
    }

.private-message-send-page a {
    font-size: 18px;
    color: var(--button-red);
}

/* jQuery tabs */
.ui-tabs {
    /*override jQuery UI styles, do not delete doubled properties*/
    border: none;
    border-radius: 0;
    background: none;
    padding: 0;
    font: normal 14px Arial, Helvetica, sans-serif;
    color: var(--text-main-grey-color);
}

.ui-tabs-nav {
    margin: 0 0 30px;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    font-size: 0;
    /*override jQuery UI styles, do not delete doubled properties*/
    margin: 0 0 30px !important;
    border-width: 0 0 1px;
    border-radius: 0;
    background: none;
    padding: 0 !important;
    line-height: normal;
    font-weight: normal;
    color: #444;
}

    .ui-tabs-nav li {
        margin: 0 0 -1px;
        /*override jQuery UI styles, do not delete doubled properties*/
        float: none !important;
        margin: 0 0 -1px !important;
        border: none !important;
        border-radius: 0;
        background: none !important;
        padding: 0 !important;
    }

        .ui-tabs-nav li a {
            display: block;
            border: 1px solid #ddd;
            padding: 12px 24px;
            text-align: center;
            font-size: 18px;
            color: #444;
            /*override jQuery UI styles, do not delete doubled properties*/
            float: none !important;
            padding: 12px 24px !important;
        }

        .ui-tabs-nav li.ui-state-active a {
            background-color: var(--text-grey-color-100);
            color: var(--button-red);
        }

.ui-tabs-panel {
    /*override jQuery UI styles, do not delete doubled properties*/
    padding: 0 !important;
}

/* inbox & view message */
.private-messages-page .table-wrapper,
.private-message-view-page .view-message {
    margin: 0 0 30px;
}

.private-messages-page th.select {
    text-align: left;
}

.private-messages-page td.from,
.private-messages-page td.to,
.private-messages-page td.subject {
    min-width: 150px;
}

.private-messages-page td.date {
    white-space: nowrap;
}

.private-messages-page td.subject a {
    color: #444;
}

    .private-messages-page td.subject a.pm-unread {
        color: var(--button-red);
    }

.private-messages-page .pager {
    margin: 0 0 30px;
}

.private-messages-page .buttons,
.private-message-view-page .buttons {
    font-size: 0;
}

    .private-messages-page .buttons .button-1,
    .private-messages-page .buttons .button-2,
    .private-message-view-page .buttons .button-1,
    .private-message-view-page .buttons .button-2 {
        display: block;
        width: 250px;
        margin: 0 auto 3px;
        font-size: 15px; /*reset zeroing*/
    }

.private-message-view-page .view-message {
    margin: 0 0 30px;
}

.private-message-view-page .message-head {
    margin: 0 0 20px;
    line-height: 22px;
}

    .private-message-view-page .message-head span {
        font-weight: bold;
        color: #444;
    }

.private-message-view-page .message-body {
    border-top: 1px solid #ddd;
    background-color: #f9f9f9;
    padding: 30px 20px;
    line-height: 22px;
    text-align: justify;
}

.private-message-view-page .back-pm-button {
    text-transform: capitalize !important;
}

/* BB codes */
pre {
    white-space: pre-wrap;
    white-space: normal;
    word-wrap: break-word;
}

.csharpcode {
    margin: 10px 0;
    border: 1px dashed #ccc;
    background-color: #fff;
    padding: 10px;
    font-family: "Courier New", Courier, monospace;
    color: #000;
}

    .csharpcode .rem {
        color: green;
    }

    .csharpcode .kwrd {
        color: #00f;
    }

    .csharpcode .str {
        color: #006080;
    }

    .csharpcode .op {
        color: #00c;
    }

    .csharpcode .preproc {
        color: #c63;
    }

    .csharpcode .asp {
        background-color: #ff0;
    }

    .csharpcode .html {
        color: maroon;
    }

    .csharpcode .attr {
        color: red;
    }

    .csharpcode .alt {
        width: 100%;
        margin: 0;
        background-color: var(--text-grey-color-100);
    }

    .csharpcode .lnum {
        color: #666;
    }

@media all and (max-width: 1000px) {
   /*** MOBILE NAVIGATION ***/
    .top-menu {
        display: none;
    }

        .top-menu > li {
            position: relative;
            margin: 1px 0;
            background-color: var(--text-grey-color-100);
        }

            .top-menu > li > a {
                display: block;
                min-height: 55px;
                padding: 18px;
                font-size: 15px;
                color: #555;
            }

    .block .title {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }

    .block-account-navigation {
        float: none;
        margin: auto !important;
    }

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

    .footer-powered-by {
        text-align: center;
    }

    .theme-selector {
        padding: 25px 0px 10px 0px;
    }
}

@media all and (min-width: 481px) {

    /*** GLOBAL ***/
    .master-wrapper-content {
        width: 92.5%;
    }

    /*** HEADER ***/
    .header-selectors-wrapper > div {
        display: inline-block;
        width: 30%;
        margin: 10px;
    }

    .ui-autocomplete {
        width: 280px !important;
    }

        .ui-autocomplete img {
            display: inline;
        }

    /*** FORUM & PROFILE ***/
    .ui-tabs-nav li {
        display: inline-block;
        min-width: 150px;
        margin: 0 5px -1px;
        /*override jQuery UI styles, do not delete doubled properties*/
        margin: 0 5px -1px !important;
    }

    .private-messages-page .buttons .button-1,
    .private-messages-page .buttons .button-2,
    .private-message-view-page .buttons .button-1,
    .private-message-view-page .buttons .button-2 {
        display: inline-block;
        width: auto;
        margin: 1px;
    }
}

.page-footercus {
    background-color: #f0f5f9;
}

@media all and (min-width: 601px) and (max-width: 768px) {
    footer.page-footer .footer-block {
        width: 100% !important;
    }
}

@media all and (min-width:750px) {
    .header-menu {
        position: relative;
        background-color: var(--main-hover-color-50);
    }
}

@media all and (max-width: 860px) {
    .header-menu {
        display: none !important;
    }

    #respAccountNav {
        display: none !important;
    }
}

@media all and (min-width: 768px) {

    /**** GLOBAL ***/
    .master-wrapper-content {
        width: 94%;
    }

    /**** GLOBAL TABLES ***/
    
    .data-table tr:nth-child(2n+1) {
        clear: none;
    }

    /*** HEADER ***/
    .header-selectors-wrapper > div {
        width: 20%;
    }

    /*** FOOTER ***/
    .footer-block {
        display: inline-block;
        vertical-align: top;
    }

        .footer-block .title {
            margin: 0 0 15px;
            background: none;
            padding: 0;
            color: #444;
            cursor: auto;
        }

        .footer-block .list {
            display: block !important; /* prevents toggle display:none on resize */
            background: none;
            padding: 0;
        }

            .footer-block .list li {
                padding: 5px 0;
            }

            .footer-block .list a {
                display: inline;
                padding: 0;
            }

    /*** FORUM & PROFILE ***/
    .ui-tabs-nav {
        text-align: left;
    }

        .ui-tabs-nav li {
            margin: 0 10px -1px 0;
            /*override jQuery UI styles, do not delete doubled properties*/
            margin: 0 10px -1px 0 !important;
        }

    .tabs .tab a {
        color: var(--button-red);
    }

        .tabs .tab a:hover {
            color: rgba(139, 195, 74, 0.38);
        }

    .tabs .indicator {
        background-color: var(--button-red);
    }

    .tabcontroll .tabnumber {
        padding-top: 15px;
    }

    .registration-page select[name="DateOfBirthDay"],
    .registration-page select[name="DateOfBirthMonth"],
    .registration-page select[name="DateOfBirthYear"] {
        width: 31%; /*always single line*/
        max-width: 126px;
        display: inline-block;
        margin: 0 0 0 10px;
    }

    .sitemap-page .entity {
        margin: 0 0 30px;
        display: inline-block;
        width: 31%;
        float: left;
    }
}

@media all and (min-width: 1049px) {

    /*** GLOBAL STYLES ***/
    .master-wrapper-content {
        width: 980px;
        margin: auto;
    }

    .center-2 {
        float: right;
        width: 73%;
        min-height: 500px;
    }

    .side-2 {
        float: left;
        width: 25%;
    }

    .customer-wrapper .center-2 {
        float: right;
        margin-left: 3%;
        width: 72vw;
        min-height: 500px;
        margin-right: 3%;
    }

    .customer-wrapper .side-2 {
        float: left;
        width: 17vw;
        min-width: 260px;
        margin-top: -20px;
        position: sticky;
        top: 91px;
    }

    .customer-wrapper .admin-header-links ~ .container.responsiveGrid .side-2 {
        top: 126px;
    }

    .customer-wrapper .admin-header-links ~ .container.responsiveGrid .scrollable-menu {
        height: 65vh;
    }

    .page {
        text-align: left;
    }

    .inputs {
        text-align: left;
    }

        .inputs label {
            display: inline-block;
            width: 265px;
            margin: 0 10px 0 0;
            text-align: right;
        }

        .inputs input[type="text"],
        .inputs input[type="password"],
        .inputs select {
            min-height: 40px;
        }

        .inputs .option-list li {
            margin: 0 10px 0 0;
        }

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

    .center-2 .inputs label {
        width: 136px;
    }

    .page-title a + h1 {
        float: left;
    }

    /*** HEADER ***/
    .header-upper:after {
        content: "";
        display: block;
        clear: both;
    }

    .header-selectors-wrapper {
        float: right;
        border: none;
        padding: 0;
    }

        .header-selectors-wrapper > div {
            width: auto;
            min-width: 100px;
            margin: 0 12px 0 0;
        }

        .header-selectors-wrapper select {
            height: 25px;
            padding: 4px;
            font-size: 12px;
        }

    .language-list {
        text-align: left;
    }

    .header-links-wrapper {
        float: left;
        padding: 0;
    }

    .header-links li {
        margin: 0 16px;
    }

    .header-links a {
        line-height: 16px;
        text-transform: none;
        margin: 16px 0;
    }

    .header-lower {
        display: table;
    }

    .header-logo {
        display: table-cell;
        text-align: left;
        vertical-align: middle;
        font-size: 0;
    }

    .search-box {
        text-align: right;
        vertical-align: middle;
    }

        .search-box input.search-box-text,
        .search-box .search-box-button {
            height: 40px;
        }

    /*** NAVIGATION ***/
    .header-menu {
        position: relative;
        padding: 12px 0;
        text-align: center;
    }

    .header-menu > ul {
        display: block !important; /* prevents toggle display:none on resize */
    }

        .header-menu > ul.mobile {
            display: none !important;
        }

        .header-menu > ul > li {
            display: inline-block;
            border-left: 1px solid #ddd;
            padding: 0 15px;
            vertical-align: middle;
            position: relative;
        }

            .header-menu > ul > li:first-child {
                border-left: none;
            }

            .header-menu > ul > li > a {
                display: block;
                padding: 5px 10px;
                line-height: 20px;
                font-size: 17px; /*reset zeroing*/
                color: #fff;
                cursor: pointer;
            }

                .header-menu > ul > li > a:hover {
                    color: #fff;
                    cursor: pointer;
                }

    /*** FOOTER ***/   
    .footer-block .list {
        margin: 0;
    }

    .footer-copyright-border {
        margin-bottom: 0px;
        padding: 10px;
    }

    .footer-info {
        float: left;
        font-family: var(--main-font-bodytext);
        font-size: 15px;
        line-height: 10px;
        color: var(--text-main-grey-color);
        color: rgb(119, 119, 119);
        width: 100%;
    }

    .footer-powered-by {
        float: left;
        margin: 0;
        line-height: 32px;
    }

    .theme-selector {
        padding: 25px 0px 10px 0px;
    }

    /*** COLUMN ***/
    .block {
        float: none;
        width: auto;
        margin: 0 0 20px;
    }

        .block .title {
            margin: 0;
            border-bottom: 1px solid #ddd;
            background: none;
            cursor: auto;
            padding: 0 0 12px 0;
        }

            .block .title strong {
                font-weight: bold;
            }

        .block .listbox {
            display: block;
            border-bottom: none;
        }

    /*** TOPICS ***/
    .center-1 .topic-block-title {
        text-align: center;
    }

    .topic-page p {
        text-align: left;
    }

    /*** REGISTRATION, LOGIN, ACCOUNT ***/
    .gender span {
        margin: 0 10px 0 0;
    }

        .gender span > * {
            margin: 0 5px 0 0;
        }

    .date-of-birth select + select {
        margin: 0 0 0 11px;
    }

    .login-page .customer-blocks {
        overflow: hidden;
        padding-bottom: 0;
        width: 100%;
    }

    .login-page .new-wrapper {
        float: left;
        width: 49%;
        margin: 0;
        padding-left: 10px;
        border: 1px solid var(--text-grey-color);
        padding-bottom: 20px;
        border-top: 2px solid var(--main-color-50);
        border-radius: 8px;
    }

    .login-page .returning-wrapper .form-fields {
        min-height: 200px;
        padding: 30px 0 0;
    }

    .login-page .returning-wrapper .inputs label {
        width: 110px;
    }

    /*** FORUM & PROFILE ***/
    .private-message-send-page textarea {
        width: 600px;
        height: 250px;
    }

    .private-message-send-page .toolbar {
        display: inline-block;
        width: 400px;
        margin: 10px 0;
        vertical-align: middle;
    }
}

@media (max-width: 768px) {
    .login-page .returning-wrapper {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 768px) and (max-width:1100px) {
    .login-page .returning-wrapper {
        width: 45%;
    }
}

@media (min-width: 1100px) {
    .login-page .returning-wrapper {
        width: 35%;
    }
}

@media all and (min-width: 1025px) {    
    .carousel {
        height: 180px;
    }

    .breadcrumb-top {
        margin: 0px;
    }

    .mappings {
        margin-top: 0;
    }

    .mappings .select-wrapper {
        padding-top: 20px;
    }

    .mappings .caret {
        top: 36px !important;
    }

    .mappings .row {
        margin-bottom: 0 !important;
    }
}

@media all and (min-width: 1367px) {
    /*** GLOBAL STYLES ***/
    .master-wrapper-content {
        width: 1200px;
    }

    .inputs label {
        width: 375px;
    }

    .center-2 .inputs label {
        width: 213px;
    }

    .header-menu > ul > li {
        padding: 0 20px;
    }

        .header-menu > ul > li > a,
        .header-menu > ul > li > span {
            font-size: 18px;
        }

    /*** FOOTER ***/   

    .footer-block {
        width: 280px;
    }
}

@media (min-width: 1367px) {
    .message label {
        width: 415px;
    }

    .inputs input[type="text"] {
        max-width: 75%;
    }
}

@media (min-width: 1001px) and (max-width: 1366px) {
    .inputs input[type="text"] {
        max-width: 75%;
    }
}

/* THEME EDIT */
nav .nav-wrapper .top-menu li {
    border-left: 2px solid rgb(230,230,230);
    line-height: 60px;
}

    nav .nav-wrapper .top-menu li a:hover {
        background-color: transparent;
    }

    nav .nav-wrapper .top-menu li:last-child {
        border-right: 2px solid rgb(230,230,230);
    }

@media screen and (min-width:1350px) and (max-width:1400px) {
    nav .nav-wrapper .top-menu li a {
        font-family: var(--main-font-bodytext);
        font-size: 16px;
    }
}

@media screen and (min-width:1401px) {
    nav .nav-wrapper .top-menu li a {
        font-family: var(--main-font-bodytext);
        font-size: 17px;
    }
}

@media screen and (max-width:1243px) {
    .top-menu li a {
        padding-left: 14px;
        padding-right: 14px;
        font-size: 13px;
        font-family: var(--main-font-bodytext);
    }
}

@media screen and (max-width:1360px) and (min-width:1244px) {
    .top-menu li a {
        padding-left: 14px;
        padding-right: 14px;
        font-size: 15px;
        font-family: var(--main-font-bodytext);
    }
}

.button-collapse,
.mobile-trigger {
    color: var(--main-color-50);
}

.topMiddleSection span:last-child,
.topMiddleSection span:first-child {
    color: #fff;
}

.topRightLogin a:last-child {
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
}

.topMiddleSection span {
    font-size: 18px;
    float: left;
}

.topMiddleSection img {
    margin-right: 15px;
    display: inline;
    vertical-align: top;
    margin-bottom: 9px;
    width: 24px;
    height: 24px;
}

.topRightLogin {
    margin-top: 3px;
}

.logoutButton a span:first-child {
    font-size: 12px;
    margin-top: 2px;
}

.profileButton a span:first-child {
    font-size: 12px;
}

.profileButton a span {
    float: right !important;
    vertical-align: top;
}

    .profileButton a span:nth-child(2) {
        margin-right: 6px;
        vertical-align: top;
        margin-top: -4px;
    }

.logoutButton a span {
    float: right !important;
}

    .logoutButton a span:nth-child(2) {
        margin-right: 6px;
        margin-top: -1px;
    }

.profileButton {
    margin-top: 5px;
}

@media (min-width: 992px) {
    .profileButton {
        min-width: 200px;
    }

    #specialtyDoctorQuestionnaireAnswersModal {
        width: 80%;
    }
}

.logoutButton {
    margin-top: 3px;
}

.header-lower > .row {
    margin-bottom: 0px;
}

@media screen and (max-width: 500px) and (min-width: 300px) {
    .profileButton {
        margin-right: -45px;
    }
}

@media screen and (max-width: 1400px) and (min-width: 1250px) {
    .topMiddleSection {
        margin-right: 80px !important;
        width: 64% !important;
    }

    .logoutButton {
        width: 10% !important;
    }
}

@media screen and (max-width: 1249px) and (min-width: 1001px) {
    .topMiddleSection {
        margin-right: 80px !important;
        width: 53% !important;
    }

    .logoutButton {
        width: 18% !important;
    }

    .profileButton {
        margin-right: -55px;
        width: 20% !important;
    }
}

@media screen and (max-width: 1000px) and (min-width: 300px) {
    .topRightLogin {
        float: right !important;
        height: 27px;
    }

    .carousel {
        display: none;
    }
}


@media screen and (min-width: 1001px) {
    .topRightLogin,
    .topMiddleSection {
        float: right !important;
    }
}

/*Product title bar up*/
.breadcrumbdiv1blue {
    height: 44px;
    line-height: 44px;
    display: inline-block;
    float: left;
    background: #13ab89;
    width: 100%;
    padding-left: 20px;
}

.position-relative {
    position: relative;
}

@media screen and (min-width: 300px) and (max-width: 600px) {
    .header-menu {
        position: relative;
        margin: 10px auto 0;
    }
}

.footer-contact-text {
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    color: var(--text-main-grey-color);
    color: rgb(119, 119, 119);
    display: table;
    line-height: 34px;
}

    .footer-contact-text img {
        vertical-align: middle;
        display: table-cell;
        margin-right: 1em;
    }

    .footer-contact-text span {
        vertical-align: middle;
        display: table-cell;
    }

.footer-banner {
    background-color: #EF7F1A;
}


@media screen and (min-width: 1270px) {
    .footer-banner-header {
        font-family: var(--main-font-subtitle);
        font-size: 21px;
        color: #FFFFFF;
        color: rgb(255, 255, 255);
        line-height: 38px;
        padding: 10px;
        margin-top: 10px;
        display: table;
    }
}

@media screen and (min-width: 300px) and (max-width: 1269px) {
    .footer-banner-header {
        font-family: var(--main-font-subtitle);
        font-size: 16px;
        color: #FFFFFF;
        color: rgb(255, 255, 255);
        padding: 10px;
        margin-top: 10px;
        display: table;
    }
}

@media screen and (min-width: 601px) and (max-width: 1269px) {
    .footer-banner-header {
        font-family: var(--main-font-subtitle);
        font-size: 16px;
        color: #FFFFFF;
        color: rgb(255, 255, 255);
        padding: 10px;
        margin-top: 10px;
        display: table;
    }
}

@media screen and (min-width: 320px) and (max-width: 600px) {
    .footer-banner-header {
        font-family: var(--main-font-subtitle);
        font-size: 16px;
        color: #FFFFFF;
        color: rgb(255, 255, 255);
        padding: 10px;
        margin-top: 10px;
        display: table;
    }
}

.footer-banner-header img {
    vertical-align: middle;
    display: table-cell;
    margin-right: 1em;
}


.footer-banner-header span {
    vertical-align: middle;
    display: table-cell;
}

.footer-banner-text {
    font-family: var(--main-font-bodytext);
    font-size: 15px;
    line-height: 22.07px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
}

@media screen and (min-width: 600px) and (max-width: 768px) {
    .row .col.m2footer {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.m4footer {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
}

@media screen and (min-width: 600px) and (max-width: 768px) {
    .row .col.m2footer {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.m4footer {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .row .col.m2footer {
        width: 16.6666666667%;
        margin-left: auto;
        left: auto;
        right: auto;
    }

    .row .col.m4footer {
        width: 33.3333333333%;
        margin-left: auto;
        left: auto;
        right: auto;
    }
}

#scroll-top-link {
    position: fixed;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-decoration: none;
    text-align: center;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 10000;
    visibility: hidden;
    border-radius: 4px;
    background-color: var(--main-hover-color-50);
    color: #fff;
    border: 1px solid var(--main-hover-color-50);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

@media (min-width: 768px) {
    #scroll-top-link {
        right: 50px;
        bottom: 50px;
    }
}

@media (max-width: 675px) {
    #scroll-top-link {
        bottom: 50px !important;
    }
}

#scroll-top-link:hover {
    background-color: #0f8a6f;
    color: #4B4B4B;
    border-color: #0f8a6f;
}

    #scroll-top-link:focus,
    #scroll-top-link:hover {
        color: #fff;
        background-color: var(--main-color-50);
        border-color: var(--main-color-50);
    }

@media(min-width:768px) {
    #scroll-top-link {
        right: 50px;
        bottom: 100px;
    }
}

#scroll-top-link span {
    top: -1px !important;
}

#scroll-top-link.pop_class {
    opacity: 1;
    visibility: visible;
}

.glyphicons:empty {
    width: 1em;
}

.glyphicons {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Regular';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

    .glyphicons.chevron-right:before {
        content: url('../images/../images/top-navigation.png');
    }

    .glyphicons.chevron-left:before {
        content: url('../images/../images/top-navigation.png');
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.pager {
    margin-top: -70px;
    float: right;
}

.activecus {
    color: #6EB92B !important;
}

.login-page .new-wrapper span {
    vertical-align: middle;
    display: table-cell;
}

.login-page .new-wrapper img {
    vertical-align: middle;
    display: table-cell;
    margin-right: 1em;
}

.login-page .new-wrapper .image-block {
    margin-top: 20px;
}

    .login-page .new-wrapper .image-block .big-text {
        font-family: var(--main-font-subtitle);
        font-weight: bold;
        font-size: 22px;
        color: var(--main-color-50);
    }

    .login-page .new-wrapper .image-block .small-text {
        font-family: var(--main-font-subtitle);
        font-style: bold;
        font-size: 16px;
        color: #13ab89;
    }

.login-page .returning-wrapper span {
    vertical-align: middle;
    display: table-cell;
}

.login-page .returning-wrapper img {
    vertical-align: middle;
    display: table-cell;
    margin-right: 1em;
}

.login-page .returning-wrapper .image-block {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .login-page .returning-wrapper .image-block .big-text {
        font-family: var(--main-font-subtitle);
        font-weight: bold;
        font-size: 22px;
        color: var(--main-color-50);
    }

    .login-page .returning-wrapper .image-block .small-text {
        font-family: var(--main-font-bodytext);
        font-style: bold;
        font-size: 16px;
        color: var(--main-color-50);
    }

.login-page .account-block-left .row .col {
    padding: 0 !important;
}

.login-page .account-block-left input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.account-block-left {
    margin-top: auto;
}

.forgot-password {
    font-family: var(--main-font-title);
    font-weight: bold;
    font-size: 16px;
    line-height: 34.47px;
    color: var(--main-color-50);
}

.fieldset-title {
    width: 100%;
    margin: 0 auto;
    font-family: var(--main-font-subtitle);
    font-size: 19px;
    line-height: 34.47px;
    color: var(--main-color-50);
}

.register-container {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
    max-width: 1280px;
}

.register-acc-buttons {
    text-align: center;
}

.registration-page .fieldset-title {
    margin-bottom: 5px;
}

.clearer {
    clear: both;
}

.container-absolute {
    position: static !important;
}

.registration-page .fieldset {
    margin: 0;
}

.register-container .fieldset-title {
    width: 100%;
}

@media screen and (min-width: 1400px) {
    #reg-modal-confirm {
        width: 40%;
    }
}

@media screen and (min-width: 992px) and (max-width: 1400px) {
    #reg-modal-confirm {
        width: 60%;
    }
}

@media (max-width: 520px) {
    .main-reg-modal .all-set {
        font-size: 26px !important;
    }

    .main-reg-modal div {
        margin-bottom: 0px !important;
    }

    .main-reg-modal .all-set-green {
        font-size: 22px !important;
    }

    .main-reg-modal .all-set-grey {
        font-size: 17px !important;
    }

    .regi-complete-buttons .continue-home-reg {
        font-size: 15px !important;
        line-height: 11px !important;
    }

    .regi-complete-buttons .continue-to-to-account-reg {
        font-size: 15px !important;
        line-height: 15px !important;
    }
}

@media (max-width: 324px) {
    .main-reg-modal .all-set-green {
        font-size: 20px !important;
    }

    .main-reg-modal .all-set-grey {
        font-size: 15px !important;
    }
}

@media screen and (min-width: 521px) and (max-width: 629px) {
    .main-reg-modal div {
        margin-bottom: 2px !important;
    }
}

.regi-complete-buttons span {
    display: block;
    margin-bottom: 10px;
    width: 60%;
    padding: 7px;
    cursor: pointer;
}

    .regi-complete-buttons span:hover {
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    }

.regi-complete-buttons .continue-home-reg {
    border: 1px solid #0f8a6f;
    background: #0f8a6f;
    font-family: var(--main-font-bodytext);
    color: #FFFFFF;
    color: rgb(255, 255, 255);
    font-size: 18px;
    line-height: 28px;
}

.no-margin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#close-reg-modal {
    display: block;
    float: right;
    position: fixed;
    top: 0px;
    right: 0px;
    height: 20px;
}

.regi-complete-buttons .continue-to-to-account-reg {
    border: 1px solid #13ab89;
    background: #13ab89;
    font-family: var(--main-font-bodytext);
    color: #FFFFFF;
    color: rgb(255, 255, 255);
    font-size: 18px;
    line-height: 28px;
}

.main-reg-modal,
.main-reg-modal-review,
.main-reg-modal-askCustomer {
    width: 100%;
    margin: auto;
    margin-top: 3%;
    margin-bottom: 3%;
}

    .main-reg-modal div,
    .main-reg-modal-review div,
    .main-reg-modal-askCustomer div {
        display: block;
        margin-bottom: 5px;
    }

    .main-reg-modal .all-set {
        font-family: var(--main-font-title); /*Ex AntiSlab*/
        font-weight: 400;
        font-size: 30px;
        color: #2C3F4E;
        color: var(--text-grey-color-15);
    }

    .main-reg-modal .all-set-green {
        font-family: var(--main-font-title); /*Ex AntiSlab*/
        font-weight: 400;
        font-size: 30px;
        color: #13ab89;
    }

    .main-reg-modal .all-set-grey {
        font-family: var(--main-font-bodytext);
        font-size: 18px;
        line-height: 28px;
        color: #747474;
        color: rgb(116, 116, 116);
    }

.register-page {
    width: 98%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.register-container .eye-password input.password {
    padding-right: 52px !important;
    width: calc(100% - 52px);
}

.register-page span {
    vertical-align: middle;
    display: table-cell;
}

.register-page img {
    display: block;
    margin-right: 1em;
}

@media (max-width: 767px) {
    .register-page img {
        width: calc(30px + 3.26vw);
        height: auto;
    }
}

@media screen and (min-width: 767px) and (max-width: 1023px) {  
    .register-acc-buttons {
        margin-bottom: 120px;
    }
}

@media screen and (min-width: 600px) and (max-width: 766px) {
    .register-acc-buttons {
        margin-bottom: 120px;
    }
}

@media screen and (min-width: 424px) and (max-width: 599px) {
    .register-acc-buttons {
        margin-bottom: 120px;
    }
}

@media screen and (min-width: 320px) and (max-width: 423px) {
    .register-acc-buttons {
        margin-bottom: 120px;
    }
}

@media screen and (min-width: 375px) and (max-width: 423px) {
    .register-acc-buttons {
        margin-bottom: 120px;
    }
}

.register-page .image-block .big-text {
    font-family: var(--main-font-bodytext);
    font-weight: bold;
    font-size: 30px;
    line-height: 1.2;
    color: var(--main-color-50);
}

@media (max-width: 767px) {
    .register-page .image-block .big-text {
        font-size: calc(14px + 2.087vw);
    }
}

.register-page .image-block .small-text {
    font-family: var(--main-font-bodytext);
    font-weight: bold;
    font-style: bold;
    font-size: 16px;
    color: #13ab89;
}

.register-info {
    font-family: var(--main-font-title);
    font-size: 14px;
    line-height: 24.28px;
    color: var(--text-grey-color-15);
}

.select-wrapper span.caret {
    color: #13ab89;
}

.shopping-cart-text {
    font-family: var(--main-font-title); /*Ex AntiSlab*/
    font-weight: 400;
    font-size: 24px;
    color: #2C3F4E;
    color: var(--text-grey-color-15);
    display: inline-block !important;
}

.left-side-menu {
    margin-right: 30px;
    margin-top: 70px;
    font-family: var(--main-font-subtitle); /*Ex AntiSlab*/
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0.05px;
    color: #2C3F4E;
    color: var(--text-grey-color-15);
    width: 92%;
}

    .doctor-menu.left-side-menu li:first-child {
        padding-top: 0 !important;
    }

    .left-side-menu li {
        border-bottom: 1px solid #13ab89;
        border-right: 1px solid #13ab89;
        border-left: 1px solid #13ab89;
        padding-top: 3px;
        padding-left: 15px;
        padding-bottom: 3px;
        cursor: pointer;
        position: relative;
        color: #13ab89;
    }

        .left-side-menu li a {
            font-size: 1rem;
            font-weight: 500;
        }

        .doctor-menu.left-side-menu li a {
            font-size: 15px;
        }

        .left-side-menu li:not(.active):hover {
            background-color: #0f8a6f;
            color: #fff;
        }

.last-menuchild {
    border-bottom: 1px solid #DFDDDD;
}

@media screen and (max-width:1439px) {
    .left-side-menu {
        margin-top: 0px;
        margin-bottom: 30px;
        margin-left: 30px;
    }
}

@media screen and (min-width:1440px) {
    .shopping-cart-left {
        width: 30%;
        min-height: 1px;
        min-width: 1px;
        display: inline-block;
    }

    .shopping-cart-right {
        width: 70%;
        display: inline-block;
        float: right;
    }
}

@media screen and (min-width:991px) {
    .wallet-cart-left {
        width: 29% !important;
        min-height: 1px;
        min-width: 1px;
        display: inline-block;
    }

    .wallet-cart-right {
        width: 70%;
        display: inline-block;
        float: right;
    }
}

@media screen and (min-width:991px) {
    .customer-notification .wallet-cart-left {
        width: 29%;
        min-height: 1px;
        min-width: 1px;
        display: inline-block;
    }

    .customer-notification .wallet-cart-right {
        width: 100%;
        display: inline-block;
        float: right;
    }
}

@media screen and (min-width: 1400px) {
    .shopping-cart-text {
        width: 30%;
        padding-left: 20px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1100px) {
    .shopping-cart-text {
        width: 30%;
        padding-left: 30px;
    }
}

@media screen and (max-width: 319px) {
    .shopping-cart-text {
        width: 79%;
    }
}

@media screen and (min-width: 320px) and (max-width: 374px) {
    .shopping-cart-text {
        width: 79%;
    }
}

@media screen and (min-width: 375px) and (max-width: 424px) {
    .shopping-cart-text {
        width: 69%;
    }
}

@media screen and (min-width: 425px) and (max-width: 499px) {
    .shopping-cart-text {
        width: 60%;
    }
}

@media screen and (min-width: 500px) and (max-width: 549px) {
    .shopping-cart-text {
        width: 51%;
    }
}

@media screen and (min-width: 550px) and (max-width: 654px) {
    .shopping-cart-text {
        width: 52%;
        padding-left: 30px;
    }
}

@media screen and (min-width: 655px) and (max-width: 747px) {
    .shopping-cart-text {
        width: 45%;
        padding-left: 30px;
    }
}

@media screen and (min-width: 748px) and (max-width: 871px) {
    .shopping-cart-text {
        width: 43%;
        padding-left: 30px;
    }
}

@media screen and (min-width: 872px) and (max-width: 999px) {
    .shopping-cart-text {
        width: 31%;
        padding-left: 10px;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1023px) {
    .shopping-cart-text {
        width: 35%;
        padding-left: 10px;
    }
}

@media screen and (min-width: 1101px) and (max-width: 1200px) {
    .shopping-cart-text {
        width: 35%;
        padding-left: 20px;
    }
}

@media screen and (min-width: 550px) and (max-width: 799px) {
    .medical_service_and_consultation_type_container .medical_service_title {
        margin-right: 15px !important;
    }
}

@media screen and (min-width: 340px) and (max-width: 799px) {
    .dashboard-cancelled-and-duration-top {
        margin-bottom: 51px !important;
    }

    .pending-consultations-list-container .medical_service_title.title_margin_top,
    .dashboard-list .medical_service_title.title_margin_top {
        margin-top: 0px !important;
    }
}

@media screen and (max-width: 550px) {
    .medical_service_and_consultation_type .consultation_type_title {
        margin-top: 7px !important;
    }

    .medical_service_and_consultation_type_container.finished_consultations {
        grid-column-start: 1 !important;
        grid-column-end: span 2 !important;
        grid-row-start: 3 !important;
        grid-row-end: 3 !important;
    }

        .medical_service_and_consultation_type_container .title_margin_top {
            margin-top: 7px !important;
        }
}

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

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

@media screen and (min-width: 1201px) and (max-width: 1399px) {
    .shopping-cart-text {
        width: 30%;
        padding-left: 20px;
    }
}

@media screen and (min-width: 220px) and (max-width: 1024px) {
    .mappings .select-wrapper {
        margin-top: 35px;
    }
}

.btn-continue-shopping {
    text-decoration: none;
    color: #6EB82B;
    background-color: transparent;
    text-align: center;
    letter-spacing: .5px;
    transition: .2s ease-out;
    cursor: pointer;
    border: 1px solid #13ab89;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    outline: 0;
    padding: 0 1.2rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}

    .btn-continue-shopping:hover {
        box-shadow: none;
    }

@media (min-width: 1001px) {
    .carousel .carousel-item img {
        width: auto !important;
        height: 100% !important;
    }

    .carousel .carousel-item {
        width: 33%;
        height: 100px;
        text-align: center;
    }
}

.fc {
    text-decoration: underline !important;
    color: rgb(84,13,124) !important;
    margin-top: 5px;
    font-size: 12px !important;
    line-height: 21px !important;
    font-weight: bold !important;
}

    .fc:hover {
        text-decoration: underline !important;
    }

.fc:visited {
    color: rgb(84,13,124) !important;
}

@media screen and (min-width: 1391px) {
    .owl-carousel .owl-wrapper-outer {
        height: 480px !important;
    }
}

@media screen and (max-width: 1390px) {
    .owl-carousel .owl-wrapper-outer {
        height: 490px !important;
    }
}

.owl-carousel .btn, .owl-carousel .btn-large, .owl-carousel .btn-flat {
    padding: 0 0.7rem;
}

@media screen and (max-width: 768px) and (min-width: 320px) {
    .table-wrapper {
        text-align: center;
    }

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

    .select-wrapper {
        position: initial;
    }

    .card .hoverable {
        height: 100px;
    }
}

@media screen and (min-width: 768px) {
    .pager {
        margin-top: -60px;
    }
}

.autoheight {
    height: auto !important;
}

.register-container input[type=text] {
    margin: 0 0 5px 0;
}

.js-should-hide {
    display: none !important;
}

.js-should-expand {
    color: #EF7F1A;
    font-family: var(--main-font-bodytext);
    float: right;
}

.register-container select {
    display: inline-block;
}

.register-container .select-dropdown,
.customer-details-page .select-dropdown {
    display: none !important;
}

.register-container .caret {
    display: none;
}

.register-container select.initialized,
.customer-details-page select.initialized {
    display: inline-block !important;
}

.register-container > div .input-field:nth-child(4) .select-wrapper {
    width: 100px;
    display: inline-block;
}

    .register-container > div .input-field:nth-child(4) .select-wrapper select {
        width: 100%;
    }
    
.pagination li a {
    font-family: var(--main-font-title); /*Ex AntiSlab*/
    font-size: 16px;
    font-weight: 400;
    color: var(--text-grey-color-15);
}

.registration-page .autocomplete {
    display: -ms-flexbox;
    display: flex;
}

    .registration-page .autocomplete .ac-dropdown .ac-hover {
        background: var(--text-grey-color-100);
    }

.messageRowBoldText {
    font-family: var(--main-font-title);
}

.notificationType, .messageactions {
    margin-left: 10px;
}

    .messageactions.tblmsgoverr2 {
        margin-left: 0;
        white-space: nowrap;
    }

.readmessage:hover, .action-links-menu {
    cursor: pointer;
}

.notificationSubject a {
    color: var(--main-color-50) !important;
}

    .notificationSubject a:hover {
        color: var(--main-hover-color-50) !important;
    }

.notificationType img {
    margin-top: -125px;
    margin-left: 20px;
}

.notification-table table.dataTable tbody th,
.notification-table table.dataTable tbody td {
    padding: 0px 10px;
}

.notification-table input:not([type]),
.notification-table input[type=text],
.notification-table input[type=password],
.notification-table input[type=email],
.notification-tableinput[type=url],
.notification-table input[type=time],
.notification-table input[type=date],
.notification-table input[type=datetime-local],
.notification-table input[type=tel],
.notification-table input[type=number],
.notification-table input[type=search],
.notification-table textarea.materialize-textarea {
    height: 25px;
}

.notification-table [type="checkbox"] + label {
    height: 0px;
    line-height: 0px;
}

.notificationListBody .dataTables_paginate .paginate_button {
    padding: 0.2em 0.5em;
}

.wallet-cart-left li a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

.notification-table .deleteMessagesButton {
    margin-top: 10px;
}

.notification-table .squaredThree [type="checkbox"]:not(:checked),
.notification-table [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

    .notification-table .squaredThree [type="checkbox"]:not(:checked) + label,
    .notification-table [type="checkbox"]:checked + label {
        position: relative;
        padding-left: 25px;
        margin-top: 20px;
        cursor: pointer;
    }

.squaredThree [type="checkbox"]:checked + label:after {
    top: -8px !important;
    left: 2px !important;
    border: none !important;
}

#inbox-messages .squaredThree [type="checkbox"]:not(:checked) + label,
#inbox-messages [type="checkbox"]:checked + label,
#sent-messages .squaredThree [type="checkbox"]:not(:checked) + label,
#sent-messages [type="checkbox"]:checked + label,
.notification-table .squaredThree [type="checkbox"]:not(:checked) + label,
.notification-table [type="checkbox"]:checked + label {
    margin-top: 0;
}

.deleteMsgBtn {
    cursor: pointer;
}

    .deleteMsgBtn:hover {
        color: var(--error-red) !important;
    }

/* checkbox aspect */
.notification-table .squaredThree [type="checkbox"]:not(:checked) + label:before,
.notification-table [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    top: -10px;
    width: 17px;
    height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}
/* checked mark aspect */
.notification-table .squaredThree [type="checkbox"]:not(:checked) + label:after,
.notification-table [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: -2px;
    left: 1px;
    font-size: 18px;
    line-height: 0.8;
    color: #13ab89;
    transition: all .2s;
}
/* checked mark aspect changes */
.notification-table .squaredThree [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

.notification-table .squaredThree [type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
.notification-table .squaredThree [type="checkbox"]:disabled:not(:checked) + label:before,
.notification-table [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.notification-table .squaredThree [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

.notification-table .squaredThree [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
.notification-table .squaredThree [type="checkbox"]:checked:focus + label:before,
.notification-table [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
}

/* hover style just for information */
.squaredThree label:hover:before {
    border: 1px solid #4778d9 !important;
}

.oneMessageTextTitle {
    font-weight: bold;
}

.replyMessageButtonsContainer {
    margin-top: 15px;
}

.replyMessageContainer {
    margin-top: 10px;
    display: none;
}

.mobile-action-links-menu {
    padding: 5px 0;
    padding-left: 10px;
    list-style: none;
    font-size: 18px;
    text-align: left;
    background-color: #F3F3F3;
    border: 1px solid #ccc;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    font-weight: normal !important;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

    .mobile-action-links-menu .fa-trash {
        color: #333;
        float: right;
    }

    .action-links-menu a,
    .mobile-action-links-menu a {
        color: var(--text-grey-color-10);
    }

.action-links-menu {
    position: absolute;
    right: 0;
    z-index: 1000;
    display: none;
    float: right;
    min-width: 160px;
    padding: 5px 0;
    padding-left: 10px;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #F3F3F3;
    border: 1px solid #ccc;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    font-weight: normal !important;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -webkit-box-shadow: '' 0 6px 12px rgba(0,0,0,.175) 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: '' 0 6px 12px rgba(0,0,0,.175) 1px 2px rgba(0,0,0,.1);
    -o-box-shadow: '' 0 6px 12px rgba(0,0,0,.175) 1px 2px rgba(0,0,0,.1);
    box-shadow: '' 0 6px 12px rgba(0,0,0,.175) 1px 2px rgba(0,0,0,.1);
    background-clip: padding-box;
}

.messsage-item {
    -webkit-box-shadow: -1px 0 63px -24px rgba(0,0,0,.75);
    -moz-box-shadow: -1px 0 63px -24px rgba(0,0,0,.75);
    box-shadow: -1px 0 63px -24px rgba(0,0,0,.75);
    padding: 10px;
    border: 1px solid #ddd;
}

.breadcumptitle {
    font-family: var(--main-font-title); /*Ex AntiSlab*/
    font-size: 24px;
    color: #2C3F4E;
    font-weight: 400;
    color: var(--text-grey-color-15);
    margin-top: 6px;
}

.finaddressButton {
    color: var(--text-grey-color-10) !important;
    font-family: var(--main-font-bodytext) !important;
    border: 1px solid #0f8a6f !important;
    background-color: #fff !important;
}

.buttonControllerCreateAccount {
    background: #13ab89 !important;
    border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    font-family: var(--main-font-bodytext) !important;
    font-weight: bold !important;
    font-size: 14px !important;
    color: #FFFFFF !important;
    color: rgb(255, 255, 255) !important;
}

    .buttonControllerCreateAccount:hover, .buttonControllerCreateAccount:active {
        background-color: var(--text-grey-color-10) !important;
    }

.angularMaterialOveride .md-select-value > span:not(.md-select-icon) .md-text {
    padding-left: 5px !important;
}

.yourpersonalDetailstext {
    margin-bottom: 10px;
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    line-height: 21px;
    color: rgb(116, 116, 116);
}

.angularMaterialOveride md-input-container textarea.md-input {
    padding-left: 5px;
    font-size: 13px;
    text-align: justify;
}

.padding-left {
    padding-left: 5px;
}

.margin-right {
    margin-right: 5px;
}

.addanotherAngularButton {
    font-family: var(--main-font-bodytext) !important;
    font-size: 14px !important;
    color: #13ab89 !important;
    text-decoration: underline !important;
    text-transform: capitalize !important;
    margin-bottom: 25px !important;
}

.angularMaterialOveride md-input-container.md-input-has-placeholder label:not(.md-no-float) {
    font-size: 16px;
}

.nutritionPStyle {
    font-family: var(--main-font-title); /*Ex AntiSlab*/
    font-size: 21px;
    font-weight: 400;
    color: #13ab89;
    color: rgb(170, 205, 6);
}

.nutritionTopicS {
    font-family: var(--main-font-bodytext);
    font-size: 12px;
    line-height: 19.35px;
    color: #787474;
    color: rgb(120, 116, 116);
}

#feedbackModal {
    width: 50%;
    max-height: 80%;
    overflow: visible;
}

    #feedbackModal #feedbackBtn {
        text-transform: none;
        width: 40%;
        height: 60px;
        border-radius: 5px;
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 10px;
        min-width: 190px;
        line-height: 60px;
    }

    #feedbackModal .modal-body {
        text-align: center;
        margin-top: 7%;
        margin-bottom: 7%;
        font-size: 24px;
        margin-left: 10%;
        margin-right: 10%;
        display: inherit;
    }

    #feedbackModal .modal-content {
        max-height: 80vh;
        overflow: auto;
    }

@media (max-width:600px) {
    #feedbackModal .modal-body {
        font-size: 20px;
        margin-left: 5%;
        margin-right: 5%;
    }
}

#feedbackModal .modal-body p {
    margin: 15px 0px 15px 0;
    color: var(--main-hover-color-50);
}

.cancelButtonModal {
    border-style: Solid !important;
    border-color: #AAA9A9 !important;
    border-color: rgba(170, 169, 169, 1) !important;
    border-width: 1px;
    border: 1px solid #AAA9A9 !important;
    background: none !important;
    border-radius: 1px !important;
    -moz-border-radius: 1px !important;
    -webkit-border-radius: 1px !important;
    font-family: 'pt_sansbold' !important;
    font-size: 18px !important;
    line-height: 24.53px !important;
    color: #AAA9A9 !important;
    color: rgb(170, 169, 169) !important;
}

    .cancelButtonModal:hover {
        background-color: none !important;
        -webkit-box-shadow: -1px 0 63px -24px rgba(0,0,0,.75);
        -moz-box-shadow: -1px 0 63px -24px rgba(0,0,0,.75);
        box-shadow: -1px 0 63px -24px rgba(0,0,0,.75);
    }

.md-dialog-container #close-reg-modal:hover {
    background: none !important;
    box-shadow: none !important;
}

.online-nutritionist .dropdownTitle,
.customer-consultations .dropdownTitle {
    font-family: var(--main-font-subtitle);
    font-size: 17px;
    line-height: 29.26px;
    color: var(--main-hover-color-dark) !important;
}

.online-nutritionist .dropdownTitleinline {
    display: inline-block;
    padding-top: 5px;
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 29.26px;
    color: var(--main-color-50);
    text-align: right;
}

.online-nutritionist .select-wrapper input.select-dropdown {
    border: 2px solid #E6E6E6;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    box-shadow: none;
}

.online-nutritionist .select-wrapper span.caret {
    font-size: 0px;
}

.online-nutritionist .buttonSearch,
.online-nutritionist .buttonRemoveFilters,
.customer-consultations .buttonRemoveFilters {
    margin-top: 30px;
    font-family: var(--main-font-subtitle);
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 1.97px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 5px 0;
    width: 100%;
}

@media (max-width:600px) {
    .online-nutritionist .buttonRemoveFilters {
        width: 100%;
    }
}

@media (min-width:600px) {
    .online-nutritionist .buttonRemoveFilters {
        width: 100%;
    }

    .conditionHeight {
        height: 80px;
    }

    #ConditionFilter {
        margin-bottom: 0px !important;
    }
}

.online-nutritionist .buttonSearch {
    background: var(--main-color-50);
    border: 2px solid var(--main-color-50);
    color: #FFFFFF;
    border-radius: 0.5rem;
}

    .online-nutritionist .buttonSearch:hover,
    .online-nutritionist .buttonSearch:active {
        background-color: var(--main-hover-color-50);
        border: 2px solid var(--main-hover-color-50);
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        border-radius: 0.5rem;
    }

.online-nutritionist .buttonRemoveFilters {
    background-color: #fff;
    border: 2px solid var(--text-grey-color-90);
    color: var(--main-hover-color-50);
    border-radius: 0.5rem;
}

    .online-nutritionist .buttonRemoveFilters:hover {
        background-color: var(--main-hover-color-50);
        color: #fff;
        border: 2px solid var(--main-hover-color-50);
    }

.customer-consultations .buttonRemoveFilters {
    background-color: #fff;
    border-style: Solid;
    border-color: var(--text-grey-color-90);
    border-width: 2px;
    color: var(--main-hover-color-50);
}

    .online-nutritionist .buttonRemoveFilters:hover,
    .customer-consultations .buttonRemoveFilters:hover {
        background-color: var(--main-hover-color-50);
        color: #fff;
    }

@media (min-width: 600px) and (max-width: 1100px) {
    #searchForm .findnutritionist-row .csm-calendar {
        width: 50% !important;
        padding: 0 0.75rem !important;
    }

    #searchForm .findnutritionist-row .csm-input {
        width: 50% !important;
    }

    #searchForm .findnutritionist-row .csm-btn {
        width: 25% !important;
        padding: 0 0.75rem !important;
    }

    #searchForm .findnutritionist-row #ConditionFilter {
        margin-bottom: 0;
    }
}

@media (max-width: 1048px) {
    .dropdownTopicsMargins {
        margin-bottom: 20px;
    }
}

@media (min-width: 600px) and (max-width: 1049px) {
    #searchForm .findnutritionist-row .csm-input {
        width: 50% !important;
    }
}

@media (min-width: 1049px) and (max-width: 1380px) {
    #searchForm .findnutritionist-row .csm-input {
        width: 33% !important;
    }
}

.conditionDisclaimer {
    display: none;
    color: var(--text-main-grey-color);
}

.online-nutritionist .buttonSubmitQuestion {
    margin-top: 35px;
    margin-left: 10px;
    background: #13ab89;
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    line-height: 22.01px;
    letter-spacing: 1.97px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
    border: 2px solid #13ab89;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .online-nutritionist .buttonSubmitQuestion:hover,
    .online-nutritionist .buttonSubmitQuestion:active {
        background-color: var(--main-hover-color-50);
        border: 2px solid var(--main-hover-color-50);
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

.online-nutritionist .dropdown-content li > a, .dropdown-content li > span {
    font-family: var(--main-font-bodytext);
    font-size: 16px;
    line-height: 22px;
    color: var(--text-main-grey-color);
}

@media screen and (min-width:1380px) {
    .online-nutritionist .dropdown-content li {
        word-break: break-word;
    }
}

.online-nutritionist .findnutritionist-row {
    margin-bottom: 25px;
}

    .online-nutritionist .findnutritionist-row img {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        width: 100%;
    }

.online-nutritionist-list .online-nutritionist-container {
    margin: 30px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

    .online-nutritionist-container .pg-title {
        margin-bottom: 0 !important;
    }

.online-nutritionist-container .white-container {
    width: 100% !important;
}

.txt-capitalize {
    text-transform: capitalize;
}

.txt-uppercase {
    text-transform: uppercase;
}

.onlinenutri-overview {
    margin-bottom: 20px;
    padding: 0px 30px 0px 30px;
    margin-left: 0;
}

.onlineDoctorView {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(201,201,201,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(201,201,201,1);
    box-shadow: 0px 0px 5px 0px rgba(201,201,201,1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    border-radius: 10px;
}

.onlinenutri-overview .doctor-picture .doctor-online {
    position: absolute;
    width: 50px;
    height: 25px;
    top: 0px;
    left: 0;
    text-align: center;
    padding: 5px;
    font-family: var(--main-font-bodytext);
    font-size: 12px;
    line-height: 15.27px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
    background-color: var(--text-grey-color-10);
    border: 1px solid #0f8a6f;
}

.onlinenutri-overview .doctor-picture .onlinestatus {
    background-color: #1aa50a;
    border: 1px solid #1aa50a;
}

.onlinenutri-overview .doctor-picture .onlinestatusoffline {
    background-color: #bfbfbf;
    border: 1px solid #bfbfbf;
}

.onlinenutri-overview .doctor-picture .busy-onlinedoctor {
    background-color: var(--button-red);
    border: 1px solid var(--button-red);
}

.onlinenutri-overview .doctor-picture .startingfrom {
    position: absolute;
    top: 0px;
    right: -1px;
    width: 110px;
    height: auto;
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 21px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
    background-color: #0f8a6f;
    border: 1px solid #0f8a6f;
    text-align: center;
    padding: 5px;
}

.online-nutritionist-container .onlinenutri-overview .doctor-picture {
    position: relative;
}

.onlinenutri-overview .doctor-picture {
    position: relative;
}

    .onlinenutri-overview .doctor-picture img {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        margin-left: auto;
        margin-right: auto;
        display: block;
        position: relative;
    }

    .onlinenutri-overview .doctor-picture .experience {
        position: absolute;
        top: 33px;
        right: -1px;
        width: 110px;
        height: auto;
        font-family: var(--main-font-bodytext);
        font-size: 17px;
        line-height: 21px;
        color: #FFFFFF;
        color: rgb(255, 255, 255);
        background-color: var(--text-grey-color-10);
        border: 1px solid var(--text-grey-color-10);
        padding: 5px;
        text-align: center;
    }

.doctor-picture .experience b {
    display: block;
}

.onlinenutri-overview .doctor-small-details .doctor-full-name {
    display: block;
    font-family: var(--main-font-title);
    font-size: 24px;
    line-height: 21px;
    color: var(--main-color-text-dark);
    padding-bottom: 10px;
    padding-top: 8px;
    height: auto;
    width: 100%;
}

.onlinenutri-overview .doctor-small-details .doctor-profile-title {
    display: block;
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 21px;
    height: auto;
    color: var(--main-hover-color-dark);
}

.onlinenutri-overview .doctor-small-details .doctor-profile-shortDescription {
    color: var(--main-color-text-light);
    text-transform: uppercase;
}

.onlinenutri-overview .doctor-small-details {
    position: relative;
    overflow: auto;
    margin-bottom: 10px;
}

    .onlinenutri-overview .doctor-small-details .buttonViewProfile {
        background: var(--main-color-50);
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border: 1px solid var(--main-color-50);
        border-radius: 4px;
        height: 33px;
        width: 100px;
        text-align: center;
        font-family: var(--main-font-title);
        font-size: 14px;
        line-height: 28.2px;
        color: rgb(255, 255, 255);
    }

        .onlinenutri-overview .doctor-small-details .buttonViewProfile:hover,
        .onlinenutri-overview .doctor-small-details .buttonViewProfile:active {
            background-color: var(--main-hover-color-50);
            border: 2px solid var(--main-hover-color-50);
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
        }

@media screen and (min-width:601px) {
    .onlinenutri-overview .doctor-small-details .doctor-first-availability {
        margin-top: 10px;
    }
}

.submitquestion {
    margin-bottom: 30px;
}

.online-nutritionist .back-link-nutri {
    padding-left: 15px;
    font-family: var(--main-font-subtitle);
    font-size: 17px;
    line-height: 20px;
    color: var(--main-color-text-dark);
}

@media (max-width: 767px) {
    .onlinenutri-overview {
        margin-bottom: 0px !important;
    }
}

.buttonPrimary {
    border: solid 1px var(--main-color-50);
    background-color: var(--main-color-50);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    height: 100%;
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 28.2px;
    color: #fff;
}

    .buttonPrimary:hover, .buttonPrimary:focus {
        border-color: var(--main-hover-color-50);
        background-color: var(--main-hover-color-50);
        color: white;
    }

@media screen and (min-width: 600px) {
    .buttonPrimary.right {
        width: 30%;
    }
}

@keyframes shadow-pulse {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
}

.areas-of-nutrition [type="checkbox"].filled-in:disabled:checked + label:after {
    background-color: #13ab89;
    border-color: #13ab89;
}

#customVitalParamModal .dp-custom .no-hour ul.list-unstyled,
#editCustomVitalParamModal .dp-custom .no-hour ul.list-unstyled,
.createAvail-modal .dp-custom .no-hour ul.list-unstyled {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: visible;
}

#customVitalParamModal .bootstrap-datetimepicker-widget,
#editCustomVitalParamModal .bootstrap-datetimepicker-widget,
.createAvail-modal .bootstrap-datetimepicker-widget {
    visibility: hidden;
}

.dp-custom .input-group-addon.disabled,
.dp-custom .input-group-addon.disabled:hover {
    background-color: var(--text-grey-color-90);
    cursor: default;
}

.treatment-course-availability .bootstrap-datetimepicker-widget table td.disabled,
.treatment-course-availability .bootstrap-datetimepicker-widget table td.disabled:hover {
    color: var(--text-grey-color) !important;
}

.treatment-course-availability .bootstrap-datetimepicker-widget table td.day {
    color: var(--main-hover-color-50);
    font-weight: bold;
}

    .treatment-course-availability .bootstrap-datetimepicker-widget table td.day.disabled {
        font-weight: normal;
    }

.treatment-course-availability .active.today {
    color: #fff !important;
}

.treatment-course-availability .today {
    color: var(--important-green-color-50) !important;
}

.sendConsultationMessage {
    background-color: #fff;
    color: var(--text-main-grey-color);
}

.submitReviewTitle,
.sendConsultationMessageTitle,
.sendPatientReplyTitle {
    padding: .5rem;
}

.sendConsultationMessageTitle,
.sendPatientReplyTitle {
    line-height: 1 !important;
}

.sendConsultationMessageSubtitle {
    color: var(--main-hover-color-dark);
    padding: 0 50px;
    font-size: 15px;
}

.areas-of-nutrition .topic-disclaimer {
    margin-top: 20px;
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    line-height: 19.13px;
    color: #747474;
    color: rgb(116, 116, 116);
}


#close-complaint-sent-modal,
#close-submitreview-modal,
.closeModalX {
    display: block;
    float: right;
    height: 20px;
}

.errorModalTitle,
.submitQuestionTitle,
.nutritional-Quesionconfirm,
.submitReviewTitle,
.sendConsultationMessageTitle,
.submitAskCustomerTitle,
.paramModalTitle {
    margin-left: auto;
    margin-right: auto;
    font-family: var(--main-font-title);
    font-size: 24px;
    margin-top: 8px;
    color: var(--main-hover-color-dark);
    font-weight: bold;
}

    .errorModalTitle span {
        font-family: var(--main-font-bodytext);
        font-size: 19px;
        line-height: 29.26px;
        color: var(--main-hover-color-50);
        display: block;
    }

    .submitQuestionTitle span,
    .nutritional-Quesionconfirm span {
        font-family: var(--main-font-bodytext);
        font-size: 19px;
        line-height: 29.26px;
        color: var(--main-color-50);
        display: block;
        margin-top: 8px;
    }

    .errorModalTitle span {
        color: #f00;
    }

.paramModalTitle {
    padding-bottom: 20px;
    padding-top: 10px;
}

.questionBodyClass #questionBody,
.reviewBodyClass #reviewBody,
.reviewMessage #reviewBody {
    padding: 10px;
    margin-top: 15px;
}

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

.consultationReviewContainer .consultationStepButton {
    margin-top: 15px !important;
}

#consultationReviewContainerOptions label {
    display: block;
    text-align: center;
}

.review-rating ul {
    text-align: center;
}

    .review-rating ul li {
        display: inline-block;
    }

    @media screen and (max-width:520px) {
        .consultationReviewContainer .consultationStepButton .buttonSubmitReview {
            margin-top: 15px;
        }
    }

.questionBodyClass .select-wrapper label {
    display: inline !important;
}

.questionSubjectClass #questionSubject {
    border-color: #13ab89;
}

.questionButtons .buttonCancelQuestionClass,
.reviewButtons .buttonCancelReviewClass,
.askCustomerButtons .buttonCancelAskCustomerClass {
    border: 0.2rem solid var(--text-grey-color);
    background-color: transparent;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    height: 100%;
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 28.2px;
    color: var(--text-grey-color);
}

.consultationMessageButtons,
.shareDocumentsButtons,
.changeEmailButtons {
    display: flex !important;
}

.changeEmailButtons {
    margin-top: 1.5rem !important;
}

.changeEmailModalPassword {
    margin-bottom: 0px !important;
}

    .shareDocumentsButtons #cancelShareDocument,
    .shareDocumentsButtons .shareDocument,
    .changeEmailButtons #cancelChangeEmail,
    .changeEmailButtons .changeEmail,
    #modalUploadMyDocuments #cancel_modalUploadMyDocuments,
    #modalUploadMyDocuments #save_modalUploadMyDocuments {
        width: 75% !important;
    }

    .consultationMessageButtons div,
    .shareDocumentsButtons div,
    .changeEmailButtons div {
        width: fit-content;
        flex: 1 1 230px;
        padding: 0 0.5rem;
    }


@media screen and (max-width: 485px) {
    .consultationMessageButtons,
    .shareDocumentsButtons,
    .changeEmailButtons {
        flex-wrap: wrap;
    }

        .consultationMessageButtons div:first-child,
        .shareDocumentsButtons div:first-child,
        .changeEmailButtons div:first-child {
            order: 2;
        }
}

.dashboard-send-message-to-specialist {
    cursor: pointer;
}

.dc_pending-consultations,
.dashboard-section,
.complete-consultation-questionnaire,
.appointments-container {
    position: relative;
}

#showScanGuide {
    float: right;
    margin-right: 0.5em;
}

#showConsGuide, 
#showScanGuide {
    width: 25px;
    height: 25px;
    background: var(--main-color-50);
    color: #fff;
    border-radius: 2rem;
    text-align: center;
    line-height: 25px;
    cursor: pointer;
    position: relative;
}

#showConsGuide:hover,
#showScanGuide:hover {
    background-color: var(--main-hover-color-50) !important;
    color: #fff !important;
}

#closeGuide,
#closeScanGuide {
    background: var(--main-color-50) !important;
    width: 30%;
}

#closeGuide:hover,
#closeScanGuide:hover {
    background-color: var(--main-hover-color-50) !important;
}

.faceScanRequest {
    border-radius: 0.5rem;
    background-color: var(--main-color-50);
    color: #fff;
    border: 0.2rem solid var(--main-color-50);
    width: auto;
    height: 35px;
    font-size: 17px;
    font-family: var(--main-font-bodytext);
    padding: 0 1.5rem;
}

.faceScanRequest:hover {
    background-color: var(--main-hover-color-50);
    border: 0.2rem solid var(--main-hover-color-50);
    transition: all .3s ease-in-out;
}

.faceScanRequest.disabled {
    background-color: #dfdfdf;
    border-color: #dfdfdf;
    color: #9f9f9f;
}

.requestScanSessionButtons,
.requestScanSessionFields .requestScanSessionInfo {
    display: flex !important;
}

.requestScanSessionFields .requestScanSessionInfo input {
    height: 35px;
}

.requestScanSessionFields .requestScanSessionInfo:last-child .select-wrapper ul {
    transform: translateY(-100%);
}

.requestScanSessionButtons button {
    width: 50%;
    margin: 10px;
    padding: 0.5rem;
    border-radius: 0.5rem;
    font-size: 18px;
}

.requestScanSessionButtons .requestSessionSubmit {
    background-color: var(--main-color-50);
    border: 0.2rem solid var(--main-color-50);
    color: #fff;
}

.requestScanSessionButtons .requestSessionSubmit:hover {
    background-color: var(--main-hover-color-50);
    border: 0.2rem solid var(--main-hover-color-50);
    transition: all .3s ease-in-out;
}

.requestScanSessionButtons .requestSessionCancel {
    background-color: #fff;
    color: var(--text-grey-color);
    border: 0.2rem solid var(--text-grey-color);
}

.requestScanSessionButtons .requestSessionCancel:hover {
    color: #fff;
    background-color: var(--text-grey-color);
}

.requestScanSessionFields .requestScanSessionInfo {
    align-items: baseline;
    margin: 0 10px !important;
}

.requestScanSessionFields .requestScanSessionInfo label {
    width: 50%;
    font-family: var(--main-font-subtitle);
    font-size: 17px;
    color: var(--main-hover-color-dark);
}

.requestScanSessionFields .requestScanSessionInfo .select-wrapper {
    width: 90%;
}

.requestScanSessionFields .requestScanSessionInfo .select-dropdown {
    border: 0.1rem solid var(--text-grey-color);
}

.scanSessionResultsTitle,
.scanSessionResultsCard {
    display: flex;
}

.scanSessionResultsTitle i {
    color: #f00;
    font-size: 65px;
}

.scanSessionResultsCard {
    flex-direction: column;
}

.scanSessionResultsCard .outOfRangeValue {
    font-weight: bold;
    color: var(--error-red);
}

.scanSessionResultsCard .normalValue {
    font-weight: bold;
    color: var(--important-green-color-50);
}

.scanSessionResultsCard .parameterName {
    font-weight: bold;
    font-size: 20px;
}

@media (min-width:420px) {
    .faceScanRequest {
        float: right;
    }
}

@media (max-width: 720px) {
    .requestScanSessionButtons {
        flex-direction: column-reverse;
    }

    .requestScanSessionButtons button {
        width: auto;
        margin: 5px;
    }

    .requestScanSessionFields .requestScanSessionInfo {
        flex-direction: column;
        margin: 0 5px !important;
    }

    .requestScanSessionFields .requestScanSessionInfo label {
        font-size: 15px;
        width: auto;
    }

    .requestScanSessionFields .requestScanSessionInfo input,
    .requestScanSessionFields .requestScanSessionInfo .select-wrapper {
        width: 100%;
    }
}

@media (min-width: 993px) {
    #faceScanSessionRequestInfoModal {
        width: 50% !important;
    }
}

@media screen and (min-width: 600px) and (max-width: 992px) {
    #faceScanSessionRequestInfoModal .modal-content {
        width: 80% !important;
    }
}

.highlightBtn {
    z-index: 9999;
    color: #fff !important;
    background-color: var(--main-color-50);
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    text-align: center;
    line-height: 2rem;
}

.highlightBtn i {
    color: #fff !important;
    line-height: 2rem;
}

.highlightBtn:hover,
.highlightBtn i:hover {
    color: var(--main-hover-color-50) !important;
}

.dashboard-send-message-to-specialist.highlightBtn {
    width: 35px;
}

.consGuideText {
    display: none;
    color: var(--main-hover-color-50);
    width: fit-content !important;
    z-index: 9999;
    min-width: 125px;
    font-weight: normal;
    white-space: normal;
}

.consGuideText .title {
    text-align: center;
    font-size: 1.4rem;
    font-family: var(--main-font-bodytext);
    white-space: normal !important;
}

#reviewGuideBubble {
    top: -70px;
    left: 70px;
}

#sendMsgBubble {
    top: 35px;
    right: 30px;
}

#sendDocsBubble {
    bottom: 32px;
    right: 0px;
}

#questionnairesBubble {
    bottom: 32px;
    left: 5px;
}

#consDetailsBubble {
    top: 35px;
    right: 15px;
}

#cancelBubble {
    top: 35px;
    left: 15px;
}

@media (max-width: 1000px) {
    #reviewGuideBubble {
        left: 95px;
    }

    #reviewGuideBubble::before {
        left: calc(50% - var(--width) / 2);
        clip-path: polygon(12.5% 0, 87.5% 0, 50% 100%)
    }
}

@media (max-width: 799px) {
    .consGuideText {
        display: none !important;
    }

    #showConsGuide,
    #showScanGuide {
        display: none;
    }

    .appointments-container .position-relative {
        display: inherit;
    }
}

/* Speech Bubble source: https://codepen.io/MarkBoots/pen/RwLPXgJ */
.speech-bubble, .speech-bubble * {
    box-sizing: border-box
}

.speech-bubble {
    --bbColor: #fff;
    --bbArrowSize: 1.5rem;
    --bbPadding: 0.5rem;
    background: var(--bbColor);
    border-radius: 1rem;
    padding: var(--bbPadding);
    position: absolute;
}

    .speech-bubble::before {
        content: '';
        position: absolute;
        background: var(--bbColor);
    }

    .speech-bubble.pbottom {
        margin-bottom: var(--bbArrowSize)
    }

    .speech-bubble.ptop {
        margin-top: var(--bbArrowSize);
    }

    .speech-bubble.pleft {
        margin-left: var(--bbArrowSize);
    }

    .speech-bubble.pright {
        margin-right: var(--bbArrowSize);
    }


    /* bottom and top  */
    .speech-bubble.pbottom::before,
    .speech-bubble.ptop::before {
        --width: calc(var(--bbArrowSize) / 2 * 3);
        height: var(--bbArrowSize);
        width: var(--width);
    }

    /* bottom */
    .speech-bubble.pbottom::before {
        top: calc(100% - 2px);
    }

    .speech-bubble.pbottom.aleft::before {
        left: 1rem;
        clip-path: polygon(25% 0, 100% 0, 0% 100%)
    }

    .speech-bubble.pbottom.acenter::before {
        left: calc(50% - var(--width) / 2);
        clip-path: polygon(12.5% 0, 87.5% 0, 50% 100%)
    }

    .speech-bubble.pbottom.aright::before {
        right: 1rem;
        clip-path: polygon(0 0, 75% 0, 100% 100%)
    }

    /* top */
    .speech-bubble.ptop::before {
        bottom: calc(100% - 2px);
    }

    .speech-bubble.ptop.aleft::before {
        left: var(--bbPadding);
        clip-path: polygon(0 0, 100% 100%, 25% 100%)
    }

    .speech-bubble.ptop.acenter::before {
        left: calc(50% - var(--width) / 2);
        clip-path: polygon(12.5% 100%, 50% 0, 87.5% 100%)
    }

    .speech-bubble.ptop.aright::before {
        right: var(--bbPadding);
        clip-path: polygon(0 100%, 100% 0, 75% 100%)
    }

    /* left and right  */
    .speech-bubble.pleft::before,
    .speech-bubble.pright::before {
        --height: calc(var(--bbArrowSize) / 2 * 3);
        width: var(--bbArrowSize);
        height: var(--height);
    }

    /* right */
    .speech-bubble.pright::before {
        left: calc(100% - 2px);
    }

    .speech-bubble.pright.atop::before {
        top: var(--bbPadding);
        clip-path: polygon(100% 0, 0 100%, 0 25%)
    }

    .speech-bubble.pright.acenter::before {
        top: calc(50% - var(--height) / 2);
        clip-path: polygon(0 12.5%, 100% 50%, 0 87.5%)
    }

    .speech-bubble.pright.abottom::before {
        bottom: var(--bbPadding);
        clip-path: polygon(0 0, 100% 100%, 0 75%)
    }

    /* left */
    .speech-bubble.pleft::before {
        right: calc(100% - 2px);
    }

    .speech-bubble.pleft.atop::before {
        top: var(--bbPadding);
        clip-path: polygon(0 0, 100% 25%, 100% 100%)
    }

    .speech-bubble.pleft.acenter::before {
        top: calc(50% - var(--height) / 2);
        clip-path: polygon(0 50%, 100% 12.5%, 100% 87.5%);
    }

    .speech-bubble.pleft.abottom::before {
        bottom: var(--bbPadding);
        clip-path: polygon(0 100%, 100% 0, 100% 75%)
    }

    /* flip */
    .speech-bubble.pbottom.flip::before,
    .speech-bubble.ptop.flip::before {
        transform: scaleX(-1)
    }

    .speech-bubble.pleft.flip::before,
    .speech-bubble.pright.flip::before {
        transform: scaleY(-1)
    }


.reviewButtons .buttonCancelReviewClass,
.consultationMessageButtons .sendMessageBtn,
.shareDocumentsButtons .shareDocument,
.changeEmailButtons .changeEmail,
.confirmModalBtn {
    background-color: #fff;
    border: 0.2rem solid var(--text-grey-color);
    color: var(--text-grey-color);
}

    .questionButtons .buttonCancelQuestionClass:hover,
    .reviewButtons .buttonCancelReviewClass:hover,
    .askCustomerButtons .buttonCancelAskCustomerClass:hover,
    .questionButtons .buttonCancelQuestionClass:active,
    .reviewButtons .buttonCancelReviewClass:active,
    .askCustomerButtons .buttonCancelAskCustomerClass:active {
        border: 0.2rem solid var(--text-grey-color);
        background-color: var(--text-grey-color);
        color: #fff;
    }

    .reviewButtons .buttonCancelReviewClass:hover,
    .reviewButtons .buttonCancelReviewClass:active {
        background-color: var(--text-grey-color);
    }

.questionButtons .buttonSubmitQuestionClass,
.reviewButtons .buttonSubmitReviewClass,
.consultationMessageButtons .sendMessageBtn,
.shareDocumentsButtons .shareDocument,
.changeEmailButtons .changeEmail,
.askCustomerButtons .buttonSubmitAskCustomerClass,
.confirmModalBtn {
    background: var(--main-color-50);
    color: #FFFFFF;
    color: rgb(255, 255, 255);
    border: 0.2rem solid var(--main-color-50);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    height: 100%;
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 28.2px;
}

.questionButtons .buttonSubmitQuestionClass.disabled,
.questionButtons .buttonCancelQuestionClass.disabled {
    border-color: #dfdfdf;
}

    .questionButtons .buttonSubmitQuestionClass:hover,
    .reviewButtons .buttonSubmitReviewClass:hover,
    .consultationMessageButtons .sendMessageBtn:hover,
    .shareDocumentsButtons .shareDocument:hover,
    .changeEmailButtons .changeEmail:hover,
    .askCustomerButtons .buttonSubmitAskCustomerClass:hover,
    .questionButtons .buttonSubmitQuestionClass:active,
    .reviewButtons .buttonSubmitReviewClass:active,
    .consultationMessageButtons .sendMessageBtn:active,
    .shareDocumentsButtons .shareDocument:active,
    .changeEmailButtons .changeEmail:active,
    .askCustomerButtons .buttonSubmitAskCustomerClass:active,
    .confirmModalBtn:hover, .confirmModalBtn:active {
        border: 0.2rem solid var(--main-hover-color-50);
        background-color: var(--main-hover-color-50);
        color: #FFFFFF;
    }

    .questionButtons .buttonSubmitQuestionClass:disabled,
    .reviewButtons .buttonSubmitReviewClass:disabled,
    .reviewButtons .buttonCancelReviewClass:disabled {
        background-color: #DFDFDF !important;
        box-shadow: none;
        color: #9F9F9F !important;
        cursor: default;
        border: none;
    }

.messageToNutritionist .error-message,
.reviewMessage .error-review-message,
.modal .error-message {
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    color: var(--error-red) !important;
}

.modal-error-message {
    font-family: var(--main-font-bodytext) !important;
    font-size: 14px !important;
    color: var(--error-red) !important;
}

.fileTitleError {
    font-family: var(--main-font-bodytext) !important;
    color: var(--text-grey-color);
    display: block;
    text-align: left;
    font-size: smaller;
}

.consultationStep,
.genericModal,
#viewConsultationChatHistory,
#viewConsultationUploadedFiles,
#consultationReasonModal,
#viewConsultationRecommendationsFiles,
#viewMessageFromPractitioner {
    overflow: hidden;
    width: 65%;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.consultationStep {
    width: 50%;
}

#cancelConsultationModal {
    width: 50%;
}

@media (min-width: 650px) and (max-width:992px) {
    #cancelConsultationModal {
        width: 70% !important;
    }
}

@media (min-width: 992px) and (max-width:1265px) {
    .confirmCancelConsultationButtonContainer,
    .goBackcancelPostponeConsultationModalContainer {
        width: 50% !important;
    }
}

.messageSentOKBtn {
    padding: 3px;
    height: 100%;
    width: 50%;
}

.consultationStep .modal-content {
    border-radius: 15px;
}

@media (min-width:1288px) {
    .consultationStep {
        width: 45%;
    }
}

.disabledBtn {
    background-color: var(--text-grey-color) !important;
}

#consultationReviewDoctor {
    width: 600px;
    max-width: 95%;
}

#customer-vital-parameter-history td,
#customer-vital-parameter-history th {
    text-align: right;
}

#customer-vital-parameter-history .valueDetailsCol,
#customer-vital-parameter-history .historyDetailsCol,
#customer-vital-parameter-history .historyFile {
    word-break: break-all;
}

#customer-vital-parameter-history .historyFile {
    white-space: nowrap !important;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

#customer-vital-parameter-history tbody .dtr-data:has(.historyFileLink) {
    display: inline-block;
    max-width: 500px;
    margin-bottom: -3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.historyDetailsCol, .valueDetailsCol {
    width: 35% !important;
}

.historyFile {
    width: 10% !important;
}

.paramHistoryContainer .generateVitalParameterChart {
    margin-top: 29px;
    height: 40px;
    line-height: 42px;
    border-radius: 4px;
}

.paramHistoryContainer .row.chartDateRange {
    margin-bottom: 20px !important;
}

@media (min-width:600px) and (max-width: 1100px) {
    .paramHistoryContainer .csm-input.l4 {
        width: 33.3333333333% !important;
    }
}

#documentsNotFinishedInfoModal,
#consultationFinished,
#consultationReviewDoctor {
    padding-bottom: 1rem;
}

#consultationFinished .consultationFinishedContainer {
    display: flex;
}

#consultationFinished .consultationFinishedContainer .consultationStepButton {
    display: flex;
    align-items: stretch;
}

@media (max-width: 500px) {
    #consultationFinished .consultationFinishedContainer {
        flex-direction: column;
    }
}
 
@media only screen and (min-width: 993px) {
    #consRoomTabs .menu-tab {
        width: 20%;
    }
}

#viewConsultationUploadedFiles,
#consultationReasonModal,
#viewConsultationRecommendationsFiles,
#viewConsultationChatHistory,
#viewMessageFromPractitioner {
    padding-top: 0;
}

    .consultationStep .modal-content,
    .genericModal .modal-content,
    #viewConsultationChatHistory .modal-content,
    #viewConsultationUploadedFiles .modal-content,
    #consultationReasonModal .modal-content,
    #viewConsultationRecommendationsFiles .modal-content,
    #viewMessageFromPractitioner .modal-content {
        padding: 0 !important;
        max-height: calc(90vh - 30px) !important;
    }

    #viewConsultationUploadedFiles .modal-content,
    #consultationReasonModal .modal-content,
    #viewConsultationRecommendationsFiles .modal-content,
    #viewConsultationChatHistory .modal-content,
    #viewMessageFromPractitioner .modal-content {
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
    }

#connectionMessage {
    top: 75% !important;
    left: 20% !important;
    width: 60% !important;
}

@media only screen and (min-width: 993px) {
    #connectionMessage {
        left: 40% !important;
        width: 30% !important;
    }
}

.genericModal.large {
    width: 80%;
}

@media only screen and (max-width: 992px) {
    .consultationStep, .genericModal {
        width: 95%;
        max-height: 100%;
    }
}

.main-reg-modal-review {
    width: 100%;
}

.consultationStep .consultationStepTitle {
    font-family: var(--main-font-title); /*Ex AntiSlab*/
    font-size: 23px;
    color: var(--main-color-50);
    font-weight: 400;
}

.consultationStep .consultationStepGreenText {
    font-family: var(--main-font-title); /*Ex AntiSlab*/
    font-size: 25px;
    color: var(--text-grey-color-10);
    font-weight: 400;
    display: block;
    margin-bottom: 0px;
}

.consultationStep .consultationStepTitleBlue,
.consultationStep .consultationStepTitleDarkBlue,
.consultationStep .consultationDetailsTextBlue {
    font-family: var(--main-font-title); /*Ex AntiSlab*/
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 0px;
}

.consultationStep .consultationStepTitleBlue {
    color: var(--main-color-inverted);
}

.consultationStep .consultationStepTitleDarkBlue {
    color: var(--main-hover-color-dark);
}

.consultationStep .consultationDescriptionSmallText {
    font-family: var(--main-font-bodytext);
    font-size: 18px;
    line-height: 28px;
    color: var(--main-hover-color-dark);
    margin-bottom: 0px;
}

.consultationStep .paymentRedirectMsg {
    padding: 0 10px;
}

.consultationStep .priceDetailsInfo {
    background-color: var(--text-grey-color-90);
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 4px;
    padding: 12px;
}

.consultationStep .priceDetailsInfo .costOfConsultationClass,
.consultationStep .priceDetailsInfo .durationConsultationClass {
    font-family: var(--main-font-bodytext);
    font-size: 25px;
    line-height: 25px;
    color: var(--main-hover-color-dark);
}

@media (min-width: 602px) {
    .costOfConsultationClass {
        border-right: 2px solid var(--main-hover-color-50);
    }
}

.consultationStep .discountArea .btnRemoveDiscount {
    border-style: Solid;
    border-color: var(--text-grey-color-10);
    border-width: 2px;
    background-color: transparent;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 6px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-right: 30px;
    height: 100%;
    font-family: var(--main-font-bodytext);
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    color: var(--text-grey-color-10);
}

.consultationStep .consultationStepButton .buttonCancelmall {
    border: 0.2rem solid var(--text-grey-color);
    background-color: #fff;
    border-radius: 6px;
    padding: 5px 30px;
    height: 100%;
    font-family: var(--main-font-subtitle);
    font-size: 18px;
    color: var(--text-grey-color);
}

    .consultationStep .consultationStepButton .buttonCancelmall:hover,
    .consultationStep .consultationStepButton .buttonCancelmall:active {
        border: 0.2rem solid var(--text-grey-color) !important;
        color: #fff !important;
        background-color: var(--text-grey-color) !important;
    }

.realConfirmButton3_2 {
    border: 0.2rem solid var(--main-color-50) !important;
    padding: 7px !important;
    font-family: var(--main-font-subtitle) !important;
}

    .realConfirmButton3_2:hover,
    .realConfirmButton3_2:active {
        border: 0.2rem solid var(--main-hover-color-50) !important;
    }

.patientFilesTitle {
    margin-top: 10px;
}

.consultationStep .consultationStepButton .buttonCancelmall:hover,
.consultationStep .consultationStepButton .buttonCancelmall:active,
.consultationStep .discountArea .btnRemoveDiscount:hover,
.consultationStep .discountArea .btnRemoveDiscount:active {
    border-color: var(--main-hover-color-50);
    background-color: var(--main-hover-color-50);
    color: #FFFFFF;
}

.consultationStep .confirmAppointment button:disabled:hover {
    cursor: not-allowed;
}

.consultationStep .confirmAppointment .buttonConfirmAppointment,
.consultationStep .discountArea .btnApplyDiscount,
.buttonAddParticipant,
.buttonConfirmParticipants {
    background: var(--main-color-50);
    font-family: var(--main-font-bodytext);
    font-size: 15px;
    letter-spacing: 1.97px;
    color: #FFFFFF;
    border: 2px solid var(--main-color-50);
    border-radius: 6px;
    padding: 5px 10px;
    white-space: nowrap;
    transition: all .3s ease-in-out;
}

.buttonAddParameter {
    background: var(--main-color-50);
    font-family: var(--main-font-bodytext);
    font-size: 15px;
    letter-spacing: 1.97px;
    color: #FFFFFF;
    border: 0.2rem solid var(--main-color-50);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 6px;
    white-space: nowrap;
}

.submitButtonDisabled,
.submitButtonDisabled:hover {
    border-color: #DFDFDF !important;
    background-color: #DFDFDF !important;
    color: #9F9F9F !important;
    cursor: not-allowed !important;
}

    .buttonAddParameter:hover:not([disabled]),
    .buttonAddParameter:active:not([disabled]) {
        background-color: var(--main-hover-color-50);
        border: 0.2rem solid var(--main-hover-color-50) !important;
    }

    .buttonAddParameter:disabled {
        border: 0.2rem solid #dfdfdf;
    }

.consultationStep .confirmAppointment .discardAddParameter {
    background: #fff;
    font-family: var(--main-font-bodytext);
    font-size: 15px;
    letter-spacing: 1.97px;
    color: var(--text-grey-color);
    border: 0.2rem solid var(--text-grey-color);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 6px;
    white-space: nowrap;
}

#addParticipant {
    background: var(--main-color-50);
    border: 2px solid var(--main-color-50);
}

    #addParticipant:hover {
        background-color: var(--main-hover-color-50);
        border-color: var(--main-hover-color-50);
    }

.consultationStep .confirmAppointment .buttonConfirmAppointment:hover,
.consultationStep .confirmAppointment .buttonConfirmAppointment:active,
.consultationStep .discountArea .btnApplyDiscount:active,
.buttonAddParticipant:hover,
.buttonConfirmParticipants:hover {
    background-color: var(--main-hover-color-50);
    border-color: var(--main-hover-color-50);
}

.consultationStep .confirmAppointment .discardAddParameter:hover {
    background-color: var(--text-grey-color);
    border: 0.2rem solid var(--text-grey-color);
    color: #fff;
}

.consultationStep .discountArea .btnApplyDiscount {
    background-color: var(--main-hover-color-inverted);
    border: 2px solid var(--main-hover-color-inverted);
}

    .consultationStep .discountArea .btnApplyDiscount:hover {
        background-color: var(--main-color-inverted);
        border-color: var(--main-color-inverted);
    }

.consultationStep .walletHasBeenDebited .buttonwalletHasBeenDebited {
    background: var(--main-hover-color-50);
    font-family: var(--main-font-bodytext);
    font-size: 18px;
    line-height: 22.01px;
    letter-spacing: 1.97px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
    border: 2px solid var(--main-hover-color-50);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 60%;
}

    .consultationStep .walletHasBeenDebited .buttonwalletHasBeenDebited:hover,
    .consultationStep .walletHasBeenDebited .buttonwalletHasBeenDebited:active {
        background-color: var(--text-grey-color-10);
        border-color: var(--text-grey-color-10);
    }

    .consultationStep .walletHasBeenDebited .buttonwalletHasBeenDebited:hover {
        transition: box-shadow .25s;
        box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }

.participantItemRemove {
    color: red;
}

    .participantItemRemove:hover {
        cursor: pointer;
        font-weight: bold;
    }

#pending-consultations td .cancel-consultation img {
    margin-top: 4px;
}

.angularMaterialOveride md-input-container.md-input-focused label:not(.md-no-float),
.angularMaterialOveride md-input-container.md-input-has-placeholder label:not(.md-no-float),
.angularMaterialOveride md-input-container.md-input-has-value label:not(.md-no-float) {
    font-family: var(--main-font-bodytext) !important;
    font-weight: bold !important;
    font-size: 15px !important;
    color: #787474 !important;
    color: rgb(120, 116, 116) !important;
}

.register-doctor-application label {
    font-family: var(--main-font-bodytext) !important;
    font-weight: bold !important;
    font-size: 12px !important;
    color: #787474 !important;
    color: rgb(120, 116, 116) !important;
}

.register-doctor-application i {
    cursor: pointer;
}

.angularMaterialOveride md-input-container label:not(.md-container-ignore).md-required:after {
    font-size: 15px !important;
    color: var(--button-red) !important;
}

.labelColorDoctor {
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    line-height: 29.26px;
    color: #787474;
    color: rgb(120, 116, 116);
}

.labelBigDoctor {
    font-weight: bold;
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    line-height: 29.26px;
    color: #787474;
    color: rgb(120, 116, 116);
}

.labelBigDoctorNoLineHieght {
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    color: #787474;
    color: rgb(120, 116, 116);
}

.short-sentence {
    margin-top: -65px;
    font-family: var(--main-font-bodytext);
    font-size: 12px;
    line-height: 14px;
    color: rgb(170, 169, 169);
}

.price-cost {
    font-family: var(--main-font-bodytext);
    font-size: 12px;
    color: #787474;
    color: rgb(120, 116, 116);
}

.angularMaterialOveride .md-select-value .md-select-icon:after {
    color: var(--text-grey-color-10);
}

.yehs-disclaimer {
    font-family: var(--main-font-bodytext);
    font-size: 12px;
    color: #787474;
    color: rgb(120, 116, 116);
    margin-bottom: 15px;
}

.angularMaterialOveride md-checkbox .md-label span {
    font-family: var(--main-font-bodytext);
    font-size: 12px;
    color: #787474;
    color: rgb(120, 116, 116);
}

.angularMaterialOveride md-checkbox {
    margin-bottom: 5px !important;
}

.angularMaterialOveride md-autocomplete md-autocomplete-wrap {
    height: 46px !important;
}

.calendar thead {
    border-bottom: none;
}

.cancelConsBtn {
    white-space: nowrap !important;
}

    .cancelConsBtn:hover {
        color: var(--button-red);
        cursor: pointer;
    }

.consultationStepBody .currentDate {
    font-family: var(--main-font-bodytext);
    font-size: 21px;
    line-height: 28px;
    color: #747474;
    color: rgb(116, 116, 116);
    text-align: left;
    margin-bottom: 10px;
}


@media screen and (max-width: 693px) {
    .consultationStepHours .listOfHours {
        padding-left: 0;
    }
}

@media screen and (max-width:600px) {
    .treatment-course-availability .csm-calendar.csm-input {
        padding: 0 !important
    }

    #aboutArea {
        display: none;
        margin-bottom: 20px;
    }

    .portion-title .fa {
        margin-left: 5px;
        cursor: pointer;
    }
}

@media screen and (min-width:601px) {
    .d-show-601px {
        display: none;
    }

    #aboutArea {
        display: block !important;
    }
}

@media (max-width: 480px) {
    .dp-custom ul.list-unstyled li {
        width: 270px !important;
    }
}

.hourIntervals .dropdown-content li.disabled {
    display: none;
}

.doctorsFilter .dropdown-content li.disabled {
    display: none;
}

.disabledSlot {
    color: var(--text-grey-color) !important;
}

.consNotBusy:hover {
    color: var(--main-hover-color-50) !important;
}

.consultationStepBody .listOfHours {
    border-bottom: 1px solid #13ab89;
    height: 310px;
    overflow-y: scroll;
}

#consultationStep3 .error-message {
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    color: red;
}

#consultationStep3 .success-message {
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    color: #13ab89;
}

#consultationStep3 .selectedAppHour,
.consultationStepHours .listOfHours .selectedAppHour {
    color: var(--main-hover-color-50);
}

@media screen and (max-width:1280px) {
    #consultationStep3 {
        top: 2% !important;
    }
}

.demo-landing-page .contentpage {
    margin-top: 20px;
    width: 50%;
}

.contentpage #button-login-demo {
    margin-top: 45px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.demo-landing-page .contentlogo {
    margin-top: 50px;
    width: 50%;
}

.demo-landing-page .demopage-title {
    margin-top: 20px;
    width: 50%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.contentlogo .header-logo {
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

@media only screen and (max-width: 340px) {
    .consult-room-video-options {
        width: 45px !important;
        height: 45px !important;
    }
}

@media only screen and (max-width: 546px) {
    .video-tab.mb-20 {
        margin-bottom: 40px !important;
    }
}

@media only screen and (max-width: 312px) {
    .video-tab.mb-20 {
        margin-bottom: 60px !important;
    }
}

.greysmall span {
    display: block;
}

.birthday-personaldetails .select-wrapper {
    display: inline-block;
    width: 28%;
    margin-right: 15px;
}

.noServiceAvailable {
    text-align: center;
    line-height: 2.5rem;
}

.personal-details-page {
    margin-top: 15px;
    padding-left: 10px;
}

    .personal-details-page .input-field label {
        font-family: var(--main-font-bodytext);
        font-size: 12px;
        color: #787474;
        color: rgb(120, 116, 116);
    }

    .personal-details-page [type="checkbox"] + label {
        font-family: var(--main-font-bodytext);
        font-size: 12px;
        color: #787474;
        color: rgb(120, 116, 116);
    }

    .personal-details-page input:not([type]),
    .personal-details-page input[type=text],
    .personal-details-page input[type=password],
    .personal-details-page input[type=email],
    .personal-details-page input[type=url],
    .personal-details-page input[type=time],
    .personal-details-page input[type=date],
    .personal-details-page input[type=datetime-local],
    .personal-details-page input[type=tel],
    .personal-details-page input[type=number],
    .personal-details-page input[type=search] {
        height: 39px !important;
        font-family: var(--main-font-bodytext);
        font-size: 14px !important;
        line-height: 22.97px !important;
        color: #AAA9A9 !important;
        color: rgb(170, 169, 169) !important;
    }

    .personal-details-page .dropdown-content li > a,
    .personal-details-page .dropdown-content li > span {
        height: 39px !important;
        font-family: var(--main-font-bodytext);
        font-size: 14px !important;
        line-height: 22.97px !important;
        color: #AAA9A9 !important;
        color: rgb(170, 169, 169) !important;
    }

    .personal-details-page .descriptionpersonaldetails {
        font-family: var(--main-font-bodytext);
        font-size: 12px;
        color: #787474;
        color: rgb(120, 116, 116);
    }

    .personal-details-page [type="checkbox"] + label:before {
        content: '';
        position: absolute;
        top: 5px;
        left: 6px;
        width: 14px;
        height: 14px;
        z-index: 0;
        border: 2px solid #bfb8b8;
        border-radius: 4px;
        margin-top: 2px;
        transition: .2s;
    }

    .personal-details-page [type="radio"]:not(:checked) + label:before {
        border-radius: 50%;
        border: 2px solid #d6d6d6;
    }

    .personal-details-page [type="checkbox"]:checked + label:before {
        top: -4px;
        left: -1px;
        width: 12px;
        height: 22px;
        border-top: 2px solid transparent;
        border-left: 2px solid transparent;
        border-right: 2px solid #13ab89;
        border-bottom: 2px solid #13ab89;
        -webkit-transform: rotate(40deg);
        transform: rotate(40deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
    }

#consultation-history [type="checkbox"]:checked + label:before {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

#consultation-history.dataTable tbody tr td {
    padding: 7px 5px !important;
}

    #consultation-history.dataTable tbody tr td .rateBtn,
    #consultation-history.dataTable tbody tr td .rateBtnDisabled {
        width: 100%;
        max-width: 45px;
    }

table#consultation-history.dataTable.nowrap td .dtr-data {
    white-space: normal;
}

table.dataTable.dtr-inline.collapsed > tbody > tr:not(.parent) > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    background-color: var(--main-hover-color-50) !important;
}

.personal-details-page .questionnaire-top-details {
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
    margin-bottom: 10px;
}

.gp-details-page {
    margin-top: 15px;
}

    .gp-details-page .input-field label {
        font-family: var(--main-font-bodytext);
        font-size: 12px;
        color: #787474;
        color: rgb(120, 116, 116);
    }

    .gp-details-page [type="checkbox"] + label {
        font-family: var(--main-font-bodytext);
        font-size: 12px;
        color: #787474;
        color: rgb(120, 116, 116);
    }

    .gp-details-page input:not([type]),
    .gp-details-page input[type=text],
    .gp-details-page input[type=password],
    .gp-details-page input[type=email],
    .gp-details-page input[type=url],
    .gp-details-page input[type=time],
    .gp-details-page input[type=date],
    .gp-details-page input[type=datetime-local],
    .gp-details-page input[type=tel],
    .gp-details-page input[type=number],
    .gp-details-page input[type=search] {
        height: 37px !important;
        font-family: var(--main-font-bodytext);
        font-size: 14px !important;
        line-height: 22.97px !important;
        color: #AAA9A9 !important;
        color: rgb(170, 169, 169) !important;
    }

    .gp-details-page textarea.materialize-textarea {
        font-family: var(--main-font-bodytext);
        font-size: 14px !important;
        color: #AAA9A9 !important;
        color: rgb(170, 169, 169) !important;
        padding: 0.6rem 0;
    }

    .gp-details-page .dropdown-content li > a,
    .personal-details-page .dropdown-content li > span {
        height: 39px !important;
        font-family: var(--main-font-bodytext);
        font-size: 14px !important;
        line-height: 22.97px !important;
        color: #AAA9A9 !important;
        color: rgb(170, 169, 169) !important;
    }

    .gp-details-page .descriptionpersonaldetails {
        font-family: var(--main-font-bodytext);
        font-size: 12px;
        color: #787474;
        color: rgb(120, 116, 116);
    }

    .gp-details-page .questionnaire-top-details {
        font-family: var(--main-font-bodytext);
        font-size: 13px;
        line-height: 21px;
        color: #747474;
        color: rgb(116, 116, 116);
        margin-bottom: 10px;
        padding-left: 22px;
    }

.question-answer-var span {
    font-family: var(--main-font-subtitle) !important;
}

.showMorediv {
    font-weight: normal;
}

.minimizediv, .fulltext {
    font-weight: normal;
}

.gp-details-page input[type=text] {
    margin: 0 !important;
}

@media (max-width: 600px) {
    .myaddrOverR2 {
        width: 100%;
    }

    .myaddrOverR {
        margin-top: 20px !important;
        width: 100%;
    }

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

    .inputmargRespOver {
        margin-top: -15px !important;
    }

    .padOverXs {
        padding-top: 50px !important;
    }

    .inputOverXs {
        width: 100% !important;
        margin-bottom: 12px !important;
        margin-top: -6px !important;
    }

    .prevSurnameOverR {
        margin-top: 23px !important;
    }

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

    .respFormOverR {
        display: block !important;
    }
}

@media (max-width: 600px) {
    .dataCurTCCostOver {
        margin-top: 25px !important;
    }

    .leftRowOverR {
        display: block !important;
    }

    .dqcountname {
        display: none !important;
    }

    .modalRespOver {
        display: block !important;
    }
}


@media (max-width: 959px) {
    .short-sentence {
        margin-top: 5px !important;
        margin-bottom: 40px;
    }

    .rightdivAlgn {
        margin-top: 70px !important;
        margin-bottom: 70px !important;
    }

    .profprofileOverR .md-errors-spacer {
        display: none !important;
    }
}

.bioOtherCor {
    border: 2px solid #E6E6E6 !important;
}

.dataCurTCCostOver {
    margin-top: 0px;
}

.buttonLoginIn {
    background: var(--main-color-50);
    font-family: var(--main-font-bodytext);
    font-size: 1.2rem;
    line-height: 22.01px;
    letter-spacing: .1rem;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
    border: 2px solid var(--main-color-50);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: .5rem;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    height: 100%;
}

    .buttonLoginIn:focus {
        background-color: var(--main-hover-color-50)
    }

.loginFieldsContainer {
    width: 80%;
}

@media (max-width: 1025px) {
    .loginFieldsContainer {
        width: 90%;
    }
}

#loginBtnContainer {
    margin-top: 20px !important;
    margin-bottom: 25px !important;
}

#createAccBtnContainer {
    margin-bottom: 15px !important;
}

#createAccTitle {
    font-family: var(--main-font-title);
    font-size: 20px;
    color: var(--main-hover-color-50);
    font-weight: 400;
    padding-top: 1.5rem;
    margin-bottom: 0.3rem;
}

.loginOptions a,
.loginOptions label {
    color: var(--main-color-50) !important;
}

    .loginOptions a:hover,
    .loginOptions label:hover {
        color: var(--main-hover-color-50) !important;
    }

.loginOptions label {
    margin-left: 0 !important;
}

.buttonLoginIn:hover {
    border-color: var(--main-hover-color-50-color-50);
    background-color: var(--main-hover-color-50);
    color: #FFFFFF;
}

#buttonSignUp {
    background: var(--main-hover-color-50);
    border-color: var(--main-hover-color-50);
    width: auto;
    min-width: 155px;
}

    #buttonSignUp:hover,
    #buttonSignUp:focus {
        background: var(--main-color-50);
        border-color: var(--main-color-50);
    }

.login-form-errors {
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    color: var(--button-red);
}

.modal .close-modal-icon,
#close2FACodeModal,
#closeLoginModal {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 23px;
    padding: 5px;
    cursor: pointer;
    transition: .3s all;
    color: var(--text-grey-color-10);
}

.participantsDropDownTitle {
    font-family: var(--main-font-title);
    font-weight: bold;
    font-size: 15px;
    color: var(--main-hover-color-50);
    text-align: left;
    line-height: 45px;
}

#consHistoryContainer {
    margin-bottom: 0;
}

#participantsDropDown {
    margin-top: 20px;
}

.historyConsultationSpecialistRoom {
    margin-top: 20px;
    background-color: #fff;
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important;
}

.back-to-participants {
    position: absolute;
    top: 12px;
    left: 12px;
    font-family: var(--main-font-subtitle);
    font-size: 17px;
    line-height: 20px;
    color: var(--main-hover-color-dark);
    cursor: pointer;
}

.modal .close-modal-icon:hover {
    color: var(--main-hover-color-50);
}

.close-modal-x {
    position: absolute;
    right: 5px;
    top: 4px;
    font-size: 23px;
    padding: 5px;
    cursor: pointer;
    transition: .3s all;
    color: white;
}

.color-x-icon {
    color: var(--text-grey-color-10) !important;
}

.close-note-details {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 23px;
    padding: 5px;
    cursor: pointer;
    transition: .3s all;
}

    .close-note-details:hover {
        color: var(--main-hover-color-75);
    }

.video-tab {
    position: relative;
    height: 60vh;
}

.video-tab video.mini-video,
.video-tab .camera-off-overlay.mini-video { 
    position: fixed;
    left: 15px;
    bottom: 15px;
    width: 250px !important;
    height: 200px !important;
    /* same z-index as modals */
    z-index: 99999999;
}

.video-tab .camera-off-overlay.mini-video { 
    height: 195px !important;
}

@media (min-width: 601px){
    .video-tab video.mini-video,
    .video-tab .camera-off-overlay.mini-video {
        width: 400px !important;
        height: 300px !important;
    }

    .toggleMiniVideo {
        bottom: 270px !important;
    }

    .video-tab .camera-off-overlay.mini-video {
        height: 295px !important;
    }
}

.video-tab video.screenSharingStream.mini-video { 
    border-radius: 1rem !important;
    border: 1px solid var(--text-main-grey-color);
}

.toggleMiniVideo {
    position: fixed;
    /* same z-index as modals */
    z-index: 99999999;
    left: 20px;
    bottom: 165px;
    width: 35px;
    height: 29px;
    text-align: center;
    line-height: 30px;
    color: var(--main-color-50);
    background-color: rgb(0,0,0, 0.4);
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid var(--main-color-35);
}

.maximizeVid {
    bottom: 25px !important;
    width: 45px;
    height: 40px;
    line-height: 40px;
    background-color: var(--main-hover-color-50);
}

.toggleMiniVideo:hover {
    color: #fff;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    content: var(--navigation-arrow-table) !important;
    position: initial !important;
    display: block;
    color: white;
    border: none !important;
    border-radius: initial;
    box-shadow: none !important;
    text-align: center;
    font-family: initial;
    line-height: initial;
    width: 100%;
    height: 100%;
    transform: rotate(180deg);
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
    background-color: initial !important;
    transform: none;
    content: var(--navigation-arrow-table) !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.show-collapsed:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.show-collapsed:before {
    margin-top: 0 !important;
    margin-left: 0 !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr:not(.parent) > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    background-color: initial !important;
}

.consRoomErrorMessage {
    color: var(--error-red);
}

.consRoomUploadDisclaimer {
    color: var(--main-hover-color-50);
}

.camera-off-overlay {
    display: flex;
    color: var(--text-grey-color-100);
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: inset -1px 0px 6px -2px var(--text-grey-color-100);
}

.virtual-waiting-room-containter .doctor-page-title {
    font-family: var(--main-font-title); /*Ex AntiSlab*/
    font-weight: 400;
    font-size: 19px;
    color: var(--main-hover-color-50);
    padding: 0 0.75rem;
}

.waiting-patients-container .boldTextTitle {
    font-family: var(--main-font-subtitle);
    font-size: 13px;
    line-height: 21px;
    color: var(--main-hover-color-50);
}

.menu-tab {
    background: var(--main-hover-color-50);
    padding: 10px !important;
    color: #fff;
    border-top: 1px solid var(--main-hover-color-50);
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    cursor: pointer;
    text-align: center;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

    .menu-tab.active {
        cursor: default;
    }

        .menu-tab.active:before {
            display: block !important;
            content: '';
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-top: 20px solid var(--main-color-50);
            position: absolute;
            top: 29px;
            left: 50%;
            transform: translate(-50%, 0);
            z-index: 5;
            -moz-transform: translate(-50%, 0);
            -webkit-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            -o-transform: translate(-50%, 0);
            transition: all .3s;
            -moz-transition: all .3s;
            -webkit-transition: all .3s;
            -ms-transition: all .3s;
            -o-transition: all .3s;
        }

    .menu-tab:hover {
        background: var(--main-color-50);
        border-top: 1px solid var(--main-color-50);
    }

    .menu-tab.active:hover:before {
        border-top: 20px solid var(--main-color-50);
    }

.consultationOverviewTab {
    background-color: #f5f5f563;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    overflow: auto;
}

    .consultationOverviewTab span {
        display: block;
        padding-bottom: 8px;
    }

        .consultationOverviewTab span.no-data,
        .normal-title.no-data {
            text-align: center;
            margin-left: 0.75rem;
        }

    .consultationOverviewTab .boldTitle {
        font-family: var(--main-font-title);
        font-weight: bold;
        font-size: 15px;
        line-height: 21px;
        color: #747474;
        color: rgb(116, 116, 116);
    }

    .consultationOverviewTab .green-title {
        font-family: var(--main-font-title);
        font-weight: bold;
        font-size: 15px;
        line-height: 21px;
        color: var(--main-color-50);
    }

    .consultationOverviewTab .normal-text {
        font-family: var(--main-font-title);
        font-size: 15px;
        line-height: 21px;
        color: #747474;
        color: rgb(116, 116, 116);
    }

.reports-container {
    overflow: auto;
    width: 100%;
    height: auto;
    margin-bottom: 7px;
}

.recommendationBody .normal-title {
    text-align: left !important;
    font-size: 15px !important;
}

.recommendation-container .createdOnRecomm,
.recommendation-container .noteCreatedBy {
    float: left;
    font-family: var(--main-font-title);
    font-size: 15px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
}

.recommendation-container .createdOnRecomm .green-title,
.recommendation-container .noteCreatedBy .green-title {
    color: var(--main-color-50);
    font-weight: bold;
}

.recommendation-container .updatedOnRecomm {
    float: right;
    font-family: var(--main-font-title);
    font-size: 15px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
}

.recommendation-container .recommendation-item,
.reports-container .reports-item {
    margin-top: 5px;
    border-bottom: 1px solid #E0DEDE;
    padding-bottom: 5px;
    margin-bottom: 5px !important;
    overflow: auto;
}

    .reports-container .reports-item .btn {
        min-height: 36px;
        height: auto;
    }

.recommendation-container > .recommendation-item:last-child,
.reports-container > .reports-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0 !important;
}

.editNoteSubmit,
.addnewnote {
    font-weight: normal;
    background-color: var(--main-color-50);
    color: #fff;
    padding: 6px 35px 6px 35px;
    border: 1px solid var(--text-grey-color-100);
}

.consultationNotesPartial .recommendation-container .recommendation-item {
    position: relative;
}

.consultationNotesPartial .normal-title {
    word-break: break-word;
}

.consultationNotesPartial .recommendation-container .recommendation-item,
.consultationNotesPartial .noNotesAdded,
.consultationOverviewTab-type2 .editNoteContainer,
.consultationOverviewTab-type2 .addnewnoteContainer {
    box-shadow: 1px 1px 5px var(--text-grey-color-35);
    padding: 10px;
    border-radius: 0.5rem;
    margin-bottom: 15px !important;
}

.consultationOverviewTab-type2 .addnewrecommendation {
    width: 150px;
    padding: 5px;
    margin-bottom: 10px;
}

.menu-tab img {
    margin-top: -2px;
    margin-left: -30px;
    position: absolute;
}

.cancelEditNote,
.cancelnewnote {
    font-weight: normal;
    background-color: var(--button-red);
    color: #fff;
    padding: 6px 35px 6px 35px;
    border: 1px solid var(--text-grey-color-100);
}

.noteActions {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: x-large;
    cursor: pointer;
}

.noteActions .removenote:hover {
    cursor: pointer;
    color: var(--error-red);
}

.noteActions .editNote:hover {
    cursor: pointer;
    color: var(--main-color-50);
}

.specialty-questionnaire-container {
    max-height: 65vh;
    overflow: auto;
}

.questionnaire-overflow-container {
    max-height: 65vh;
    overflow: auto;
    margin-bottom: 5px !important;
}

    .questionnaire-overflow-container .questionnaire-content-container {
        margin: 0 25px !important;
    }

.p-5-2rem {
    padding: 5px 2rem;
}

.addnewrecommendation,
.cancelnewrecommendation,
.removerecomm,
.editNoteSubmit,
.addnewnote,
.cancelEditNote,
.cancelnewnote,
.addCustomParam,
.medicalReportSaveBtn,
#saveQuestionnaireBtn {
    display: inline-block;
    font-weight: normal;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    padding: 8px 15px;
    width: 125px;
    max-width: 100%;
    height: 100%;
    text-align: center;
    border: 1px solid var(--text-grey-color-100);
    position: relative;
    text-decoration: none;
    cursor: pointer;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.addnewrecommendation,
.addCustomParam,
.medicalReportSaveBtn,
#saveQuestionnaireBtn {
    background-color: var(--main-color-50);
}

.cp-title .addCustomParam {
    text-transform: none !important;
}

.medicalReportSaveBtn,
#saveQuestionnaireBtn {
    letter-spacing: 0px;
    text-transform: none;
    width: auto;
    min-width: 215px;
    height: auto;
}

.cancelnewrecommendation {
    background-color: var(--button-red);
}

.removerecomm {
    float: right;
    background-color: var(--button-red);
}

.addnewrecommendation:hover,
.addnewrecommendation:focus,
.addCustomParam:hover,
.addCustomParam:focus,
.editNoteSubmit:hover,
.editNoteSubmit:focus,
.addnewnote:hover,
.addnewnote:focus,
.medicalReportSaveBtn:hover,
.medicalReportSaveBtn:focus,
#saveQuestionnaireBtn:hover,
#saveQuestionnaireBtn:focus {
    background-color: var(--main-hover-color-50);
}

.addnewrecommendation.disabled {
    background-color: #dfdfdf;
    color: #9f9f9f;
    cursor: not-allowed;
}

.cancelnewrecommendation:hover,
.cancelnewrecommendation:focus,
.removerecomm:hover,
.removerecomm:focus,
.cancelEditNote:hover,
.cancelEditNote:focus,
.cancelnewnote:hover,
.cancelnewnote:focus {
    background-color: var(--main-hover-color-50);
}

#newrecommendationtext {
    width: 100%;
    height: 100px;
    overflow: auto;
    background-color: #fff !important;
    border: 2px solid #e6e6e6;
    resize: vertical;
    padding: 10px;
    text-align: justify;
}

.questionnaireBody span {
    display: inline-block;
}

.questionnaireBody .questionnaireTitleLeftBold {
    width: 70%;
    float: left;
    font-family: var(--main-font-title);
    font-weight: bold;
    font-size: 13px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
}

#questionnaireAnsweresTab {
    margin-top: 25px;
    margin-bottom: 50px;
}

.questionnaire-Answers {
    background-color: #F2F2F2;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    overflow: auto;
}

.questionnaireBody .questionnaireTitleLeftPadded {
    padding-left: 15px;
    width: 70%;
    float: left;
    font-family: var(--main-font-title);
    font-size: 13px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
}

.questionnaireBody .questionnaireTitleRight {
    width: 10%;
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
    text-align: right;
}

    .questionnaireBody .questionnaireTitleRight text {
        text-decoration: underline;
        font-family: var(--main-font-bodytext);
        font-size: 12px;
        line-height: 21px;
        color: #13ab89;
        cursor: pointer;
    }

span.downloadUrl a {
    font-size: 19px;
}

    span.downloadUrl a:hover {
        font-weight: bolder;
        font-size: 19px;
        color: var(--main-color-50);
    }

.recommendation-item .normal-title, .consultationOverviewTab .normal-title {
    font-family: var(--main-font-title);
    font-size: 13px;
    line-height: 21px;
    color: var(--main-color-50);
}

.waiting-patients-container > [class*="col"] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.waiting-patients-container .div-section {
    padding: 10px 0 !important;
}

.div-section .blue-text-doctor {
    color: var(--main-color-50);
}

.div-section .normal-text {
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    font-weight: normal;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
}

.div-section .no-waiting-span {
    padding-left: 15px;
    line-height: 45px;
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    color: var(--main-hover-color-dark);
}

.div-section span {
    display: block;
    padding: 5px;
}

.div-section .time-of-consultation {
    text-align: center;
    font-family: var(--main-font-bodytext);
    font-weight: bold;
    font-size: 13px;
    line-height: 21px;
    color: #fff;
    padding-top: 10px;
    background-color: var(--main-hover-color-50);
}

.div-section .time-of-consultation-passed {
    background-color: var(--error-red);
}

.div-section {
    margin-right: 5px;
}

.paddingDoctorButtonsSmall {
    padding-top: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 5px !important;
}

.waiting-patients-container .container-flex {
    overflow: hidden;
    margin-bottom: 5px;
}

.div-section .consultation-details {
    padding: 5px 15px !important;
    width: 100% !important;
}

.div-section .remaining-time-date {
    text-align: center;
    background-color: var(--text-grey-color-35);
    font-family: var(--main-font-bodytext);
    font-size: 11px;
    line-height: 21px;
    color: #fff;
}

.div-section .remaining-time-blue {
    text-align: center;
    background-color: var(--main-color-50);
    font-family: var(--main-font-bodytext);
    font-size: 11px;
    line-height: 21px;
    color: #fff;
}

.topDocMenu .nav-wrapper ul li.active {
    background-color: var(--main-color-50);
}

.show-patient-details:hover {
    background-color: var(--main-color-50);
}

.show-patient-details,
.show-patient-details-disabled {
    background-color: var(--main-hover-color-50);
    color: #fff;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
    text-align: center;
    cursor: pointer;
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    line-height: 21px;
    display: inline-block;
}

.show-patient-details-disabled {
    background-color: #dfdfdf;
    color: #777;
    cursor: default;
}

.patients-messages-container {
    padding: 1rem;
    width: 100%;
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
}

.patient-message-subject {
    color: var(--main-hover-color-dark);
    font-size: 1.2rem;
    font-weight: 600;
    line-height: normal;
}

.patient-message-body {
    background-color: var(--text-grey-color-95);
    color: var(--main-hover-color-dark);
    width: 100%;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.patient-message-details-container,
.patient-message-subject-buttons {
    display:flex; 
    flex-direction: row; 
    justify-content:space-between;
}

.patient-messages-flex {
    display: flex; 
    flex-direction: row;
}

.patient-messages-from-date {
    margin-left: 0.2rem;
    color: var(--main-hover-color-dark);
    font-weight: 600;
}

.patient-messages-buttons-flex {
    display: flex; 
    flex-direction: row; 
}

.patient-message-answer {
    color: var(--main-color-50); 
    font-size: 1.5rem; 
    cursor: pointer;
}

.patient-message-noanswer {
    color: var(--button-red);
    font-size: 1.5rem;
    cursor: pointer;
}

    .patient-message-answer:hover,
    .patient-message-noanswer:hover {
        color: var(--main-hover-color-50);
    }

.patient-messages-text-buttons {
    display: none;
}

@media screen and (max-width: 600px) {
    .patient-messages-text-buttons {
        display: block;
    }

    .patient-message-subject-buttons {
        display: flex;
        flex-direction: column;
    }

    .patient-message-answer {
        display: flex;
        justify-content: center;
        font-size: 1rem;
        padding: 0.5rem;
        background-color: var(--main-color-50);
        border-radius: 0.5rem;
        color: #fff;
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
    }

    .patient-message-noanswer {
        display: flex;
        justify-content: center;
        font-size: 1rem;
        padding: 0.5rem;
        background-color: var(--button-red);
        border-radius: 0.5rem;
        color: #fff;
        margin-bottom: 0.5rem;
    }

    .patient-messages-buttons-flex {
        flex-direction: column;
    }
}

@media screen and (max-width: 600px) {
    .patient-message-details-container {
        display: block;
    }
}

.patient-message-card {
    background-color: #fff; 
    border-radius: 0.5rem; 
    padding: 1rem; 
    border: solid 1px var(--main-color-text-light); 
    width: 100%; margin-bottom:1rem;
}

.div-section-buttons .start-consultation,
.div-section-buttons .start-consultation-disabled {
    background: var(--main-color-50);
    text-align: center;
    min-height: 100px;
    width: 100%;
    font-family: var(--main-font-bodytext);
    font-size: 20px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    padding-top: 15%;
}

.div-section-buttons .consultation-sendMessage,
.div-section-buttons .consultation-sendMessage-disabled {
    text-align: center;
    min-height: 47px;
    background: var(--main-hover-color-50);
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    line-height: 22.01px;
    color: #FFFFFF;
    cursor: pointer;
    width: 100%;
    padding-top: 6%;
    padding-bottom: 5%;
}

@media screen and (max-width:600px) {
    .div-section-buttons {
        display: initial !important;
    }

    .div-section .no-waiting-span {
        line-height: 20px;
    }
}

.div-section-buttons .postpone-consultation,
.div-section-buttons .sendfile-consbtn,
.div-section-buttons .wr-sendfile-consbtn-disabled {
    margin-top: 5px;
    min-height: 48px;
    text-align: center;
    background: var(--main-hover-color-50);
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    line-height: 22.01px;
    color: #FFFFFF;
    cursor: pointer;
    width: 100%;
    padding-top: 6%;
    padding-bottom: 4%;
}

.sendFileContainer .sendfile-consbtn,
.pg-title .send-patient-info,
.sendFileContainer .sendfile-consbtn-disabled {
    margin-top: 5px;
    text-align: center;
    background: var(--main-hover-color-50);
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    line-height: 22.01px;
    color: #FFFFFF;
    cursor: pointer;
    width: 15%;
    min-width: 150px;
    min-height: 1px;
    padding: 15px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}

#sendPatientInfo {
    width: 30%;
}

    #sendPatientInfo label {
        font-size: 15px;
        color: var(--main-hover-color-dark);
        margin-bottom: 3px;
    }

    #sendPatientInfo select {
        display: block;
    }

.sendFileContainer .sendfile-consbtn-disabled {
    background-color: #dfdfdf;
    color: #9f9f9f;
}

.disableButtonClass {
    background-color: #dfdfdf !important;
    color: #9f9f9f !important;
}

.sendFileContainer .sendfile-consbtn:hover,
.pg-title .send-patient-info:hover {
    background: var(--main-color-50);
}

.pg-title .userInfo {
    margin: 0;
    font-family: var(--main-font-title);
    font-size: 36px;
    color: var(--main-hover-color-dark);
    line-height: 110%;
    font-weight: 400;
    display: flex;
    justify-content: space-between;
}

.userInfoContainer {
    margin-right: 10px;
}

#selectedCons {
    display: block;
}

#sendConsFile {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.vitalFormLabel,
.modalLabel {
    font-size: 16px;
    margin-top: 4px;
}

@media (max-width: 600px) {
    .vitalFormLabel,
    .modalLabel {
        margin-top: 0px;
    }
}

#assignRecurrenceModal,
#editRecurrenceModal {
    width: 35%;
}

    #assignRecurrenceModal select,
    #editRecurrenceModal select {
        display: block;
    }

.assignedQuestionnairesContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    background-color: var(--text-grey-color-95);
    border-radius: 5px;
    padding: 5px;
    color: var(--main-hover-color-50);
    margin-bottom: 5px;
}

.assignedInfoCol {
    padding: 9px;
    text-align: center;
    min-width: 95px;
    margin-top: auto;
    margin-bottom: auto;
}

.activeQuestionnaire {
    color: var(--important-green-color-50);
    font-weight: 600;
}

.inactiveQuestionnaire {
    color: var(--button-red);
    font-weight: 600;
}

.recQuestTitle {
    font-weight: 600;
    min-width: 200px;
    max-width: 200px;
}

#recurrentQuestionnaireName {
    text-align: left;
    font-weight: 600;
    font-size: 1.2rem;
}

@media (max-width: 600px) {
    .recQuestTitle {
        width: 100% !important;
        max-width: none;
    }

    .assignedInfoCol {
        width: 50%;
    }

    .editRecurrenceBtn {
        margin: auto;
    }
}

#customVitalParamModal.modal,
#editCustomVitalParamModal.modal {
    width: 520px;
    max-width: 95%;
}

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

.fileTitleInput {
    margin-top: 10px;
}

.fileUploadContainer div {
    margin-bottom: 0;
}

@media (max-width: 600px) {
    .pg-title .userInfo {
        display: initial;
    }

    .userInfoContainer {
        width: 100%;
    }

    .sharePatientContainer {
        width: 100%;
    }

    .send-patient-info {
        margin-left: auto;
        margin-right: auto;
    }
}

.div-section-buttons .postpone-consultation:hover,
.div-section-buttons .consultation-sendMessage:hover,
.div-section-buttons .sendfile-consbtn:hover {
    background: var(--main-color-50);
    color: #fff;
}

.div-section-buttons .start-consultation:hover {
    background: var(--main-hover-color-50);
}

.loginPopUp {
    width: 35vw;
}

.titleBlue {
    font-family: var(--main-font-title); /*Ex AntiSlab*/
    font-size: 30px;
    color: var(--main-color-50);
    font-weight: 400;
}

.rememberMeModal {
    float: left;
    margin-top: -25px;
}

    .rememberMeModal [type="checkbox"] + label {
        padding-left: 23px;
    }

#timeLeftWarning {
    display: block;
    left: initial;
}

.timeLeftContainer {
    display: none;
    justify-content: center;
}

.consRoomTop {
    display: flex;
    justify-content: space-between;
}

.header-bar-container .consRoomTop {
    margin-bottom: 0 !important;
}

@media (min-width: 800px) {
    .consultation-room-first-row {
        display: grid !important;
        grid-gap: 0.5rem;
        grid-template-columns: calc(60% - 0.25rem) calc(40% - 0.25rem);
    }
}

.admin-header-links + .master-wrapper-content .virtual-waiting-room-containter,
.master-wrapper-content .virtual-waiting-room-containter,
.master-column-wrapper .virtual-waiting-room-containter {
    margin-top: 25px !important;
}

.admin-header-links + .container.responsiveGrid .virtual-waiting-room-containter {
    margin-top: 25px !important;
}

@media (max-width: 375px) {
    .birthday-personaldetails .select-wrapper {
        width: 100%;
    }
}

.left-side-menu .meniu-active {
    color: #fff !important;
    background-color: #0f8a6f;
    height: 31%;
}

    .left-side-menu .meniu-active::after {
        content: "";
        width: 0;
        height: 0;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
        border-left: 15px solid #0f8a6f;
        position: absolute;
        right: -15px;
        top: 0;
    }

.consultationReviewContainer .consultationStepButton .buttonSubmitReview {
    background: var(--main-color-50);
    font-family: var(--main-font-bodytext);
    font-size: 18px;
    line-height: 22.01px;
    letter-spacing: 1.97px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
    border: 0.2rem solid var(--main-color-50);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    border-radius: 4px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.consultationReviewContainer .consultationStepButton .buttonMaybeLater {
    border: 0.2rem solid var(--text-grey-color);
    background-color: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 100%;
    font-family: var(--main-font-bodytext);
    font-size: 18px;
    line-height: 22.01px;
    color: var(--text-grey-color);
    width: 100%;
    border-radius: 4px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.consultationFinishedContainer .consultationStepButton .buttonBookAnotherConsultaton {
    border-style: Solid;
    border-color: var(--main-hover-color-50);
    border-width: 3px;
    background-color: #FFFFFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 35px;
    padding-right: 35px;
    height: 100%;
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 28.2px;
    color: var(--main-hover-color-50);
    width: 50%;
    border-radius: 4px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
}

.consultationFinishedContainer .consultationStepButton .buttonBookAnotherConsultaton:hover,
.consultationReviewContainer .consultationStepButton .buttonSubmitReview:hover {
    border: 0.2rem solid var(--main-hover-color-50);
    background-color: var(--main-hover-color-50);
    color: #FFFFFF;
}

.consultationReviewContainer .consultationStepButton .buttonMaybeLater:hover {
    border: 0.2rem solid var(--text-grey-color);
    background-color: var(--text-grey-color);
    color: #fff;
}

.rating-descriptions {
    margin-top: 15px;
}

.consultationFinishedContainer .consultationStepButton .endConsultationButton {
    background: var(--main-color-50);
    font-family: var(--main-font-bodytext);
    font-size: 18px;
    line-height: 22.01px;
    letter-spacing: 1.97px;
    color: #FFFFFF;
    border: 2px solid var(--main-color-50);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 45%;
    display: inline-block;
}

.consultationFinishedContainer .consultationStepButton .endConsultationButton:hover {
    background-color: var(--main-hover-color-50);
    border-color: var(--main-hover-color-50);
}

.rating-options .stars {
    background: var(--review-stars) repeat-x 0 0;
    width: 150px;
    margin: 0 0 0 -6px !important;
}

    .rating-options .stars input[type="radio"] {
        position: absolute;
        opacity: 0;
        filter: alpha(opacity=0);
    }

        .rating-options .stars input[type="radio"].star-5:checked ~ span {
            width: 100%;
        }

        .rating-options .stars input[type="radio"].star-4:checked ~ span {
            width: 80%;
        }

        .rating-options .stars input[type="radio"].star-3:checked ~ span {
            width: 60%;
        }

        .rating-options .stars input[type="radio"].star-2:checked ~ span {
            width: 40%;
        }

        .rating-options .stars input[type="radio"].star-1:checked ~ span {
            width: 20%;
        }

    .rating-options .stars label {
        display: block;
        width: 30px;
        height: 30px;
        margin: 0 !important;
        padding: 0 !important;
        text-indent: -999em;
        float: left;
        position: relative;
        z-index: 10;
        background: transparent !important;
        cursor: pointer;
    }

        .rating-options .stars label:hover ~ span {
            background-position: 0 -30px;
        }

        .rating-options .stars label.star-5:hover ~ span {
            width: 100% !important;
        }

        .rating-options .stars label.star-4:hover ~ span {
            width: 80% !important;
        }

        .rating-options .stars label.star-3:hover ~ span {
            width: 60% !important;
        }

        .rating-options .stars label.star-2:hover ~ span {
            width: 40% !important;
        }

        .rating-options .stars label.star-1:hover ~ span {
            width: 20% !important;
        }

    .rating-options .stars span {
        display: block;
        width: 0;
        position: relative;
        top: 0;
        left: 0;
        height: 30px;
        background: var(--review-stars) repeat-x 0 -60px;
        -webkit-transition: -webkit-width 0.5s;
        -moz-transition: -moz-width 0.5s;
        -ms-transition: -ms-width 0.5s;
        -o-transition: -o-width 0.5s;
        transition: width 0.5s;
    }

    .rating-options .stars [type="radio"] + label:before, .rating-options .stars [type="radio"] + label:after {
        display: none;
    }

.customerRegisterPg .fieldset-title {
    padding-left: 0 !important;
    border-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.customerRegisterPg .register-container .input-field {
    padding: 0 !important;
}


.customerRegisterPg .register-container input.valid {
    border-bottom: 1px solid var(--main-color-50);
    box-shadow: 0 1px 0 0 var(--main-color-50);
}

.customerRegisterPg .register-container .select-wrapper .initialized,
.customer-details-page .personal-details .select-wrapper .initialized {
    height: 37px;
    border: none;
    border-radius: 3px;
}

.commonDropdownSelector .select-wrapper {
    width: 100%;
    border-radius: 3px;
    border-bottom: 0.1rem solid #b0b0b0;
}

select:focus {
    outline: none;
}

.regNewsForm .fieldset {
    margin-left: 7px;
}

.customerRegisterPg .register-container > div .input-field:nth-child(4) .select-wrapper {
    width: 91% !important;
    border: 1px solid #E0DEDE;
    border-radius: 3px;
}

.customerRegisterPg .input-field {
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}

.customerRegisterPg .register-container {
    padding-left: 0px !important;
    margin-left: 0px !important;
    margin-right: 0 !important;
    display: flex;
    flex-direction: column;
}

.account-activation .gdpr-container {
    padding-left: 0px !important;
    margin-left: 0px !important;
    margin-right: 0 !important;
    margin-bottom: 15px;
    min-height: 80px;
}

    .account-activation .gdpr-container .fieldset,
    .account-activation .gdpr-container .gdpr-label {
        margin-left: 0px;
    }

    .account-activation .gdpr-container .form-fields {
        padding: 0px;
    }

.customerPasswordDetails .register-container.custompassfield {
    margin-bottom: 0;
}

#passwordValidation span {
    display: block;
}

.custompassfield .passStrengthSec {
    padding: 0;
}

.custompassfield .passStregthContainer {
    margin-top: 0px !important;
}

.custompassfield .passStrengthSec .custompassStr {
    height: 30px;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 5px;
}

.change-password-formular .passStrengthSec .custompassStr,
.password-recovery-confirm-input .passStrengthSec .custompassStr {
    width: 100%;
}

.password-recovery-confirm-input label {
    font-size: 18px;
    line-height: 45px;
    float: right;
}

.password-recovery-confirm-input input {
    height: 45px;
    width: 100%;
}

@media screen and (min-width: 1000px) and (max-width: 1350px) {
    .recover-password-button {
        margin-left: 7px !important;
    }
}

@media screen and (min-width: 1351px) {
    .recover-password-button {
        margin-left: 9px !important;
    }
}

@media screen and (min-width: 1049px) and (max-width: 1219px) {
    .password-recovery-confirm-input label {
        font-size: 16px;
    }

    .reset-padding {
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 600px) {
    .password-recovery-confirm-input label {
        float: none;
    }
}

@media screen and (max-width: 774px) and (min-width: 600px) {
    .password-recovery-confirm-input .col {
        width: 100% !important;
    }

    .password-recovery-confirm-input label {
        float: none;
    }
}

.custompassfield .passStrengthSec .custompassStr .low {
    width: 32%;
    background-color: var(--text-grey-color-10);
    display: inline-block;
    height: 25px;
    float: left;
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px;
    border: 0px solid #f0f5f9;
}

.custompassfield .passStrengthSec .custompassStr p {
    text-align: center;
    /*padding-top: 7px;*/
    color: #fff;
    font-weight: bold;
    /*letter-spacing: 2px;*/
}

.custompassfield .passStrengthSec .custompassStr .medium {
    width: 36%;
    background-color: var(--text-grey-color-10);
    border-right: 2px solid #f0f5f9;
    border-left: 2px solid #f0f5f9;
    display: inline-block;
    height: 25px;
}

.custompassfield .passStrengthSec .custompassStr .excelent {
    width: 32%;
    background-color: var(--text-grey-color-10);
    display: inline-block;
    height: 25px;
    float: right;
    border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -webkit-border-radius: 0px 3px 3px 0px;
    border: 0px solid #f0f5f9;
}

.customerPasswordDetails .register-container {
    margin-bottom: 15px;
    min-height: 80px;
}

    .customerPasswordDetails .register-container.regNewsForm .fieldset {
        margin: 0;
    }

        .customerPasswordDetails .register-container.regNewsForm .fieldset [type="checkbox"] + label {
            margin-left: 0;
            padding-left: 30px;
        }

@media (max-width: 480px) {
    .customerPasswordDetails .register-container.regNewsForm .fieldset [type="checkbox"] + label {
        padding-left: 25px;
    }
}

.customerPasswordDetails .register-container.regNewsForm .fieldset .show-error[type="checkbox"] + label:after {
    border-color: #F44336 !important;
}

.customerPasswordDetails .register-container.regNewsForm .fieldset .filled-in.show-error[type="checkbox"]:checked + label:after {
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
}

.customerPasswordDetails .register-container.regNewsForm .form-fields {
    padding: 0;
}

.regNewsForm .input-field label {
    font-size: 13px;
    text-align: justify;
    text-indent: 0px !important;
    padding-right: 12px;
    line-height: 15px;
    color: #787474;
}

@media only screen and (min-width: 0px) and (max-width: 800px) {
    .customerPersonalDetails {
        width: 100% !important;
    }

    .customerPasswordDetails {
        width: 100% !important;
    }
}

    .customerPasswordDetails .register-acc-buttons .btn {
        width: 50%;
        font-size: 1.2rem;
        padding: 5px 0;
        height: 100%;
        text-transform: capitalize;
        border-radius: 0.5rem;
    }

@media only screen and (max-width: 500px) {
    .customerPasswordDetails .register-acc-buttons .btn {
        width: 100%;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1289px) {
    .regNewsForm .input-field {
        margin-top: -13px !important;
        padding-bottom: 27px;
        padding-left: 0px !important;
    }
}

@media (min-width: 991px) {
    .container .page .shopping-cart-left {
        width: 30%;
        min-height: 1px;
        min-width: 1px;
        display: inline-block;
    }

    .container .page .shopping-cart-right {
        width: 70%;
        display: inline-block;
        float: right;
    }
}

.topDocMenu {
    width: 100%;
}

    .topDocMenu .nav-wrapper {
        display: flex;
        width: 100%;
        justify-content: center;
    }

nav .nav-wrapper {
    overflow: visible;
}

.topDocMenu .nav-wrapper .insideDocMenuCont {
    margin-top: 20px;
    margin-bottom: 20px;
}

.waitRoomImg {
    background-image: url('../images/wait-room-icon.png');
}

.consultRoomImg {
    background-image: url('../images/consult-room-icon.png');
}

.appointmentsImg {
    background-image: url('../images/appointments-icon.png');
}

.patientsImg {
    background-image: url('../images/patients-icon.png');
}

.reviewsImg {
    background-image: url('../images/reviews-icon.png');
}

.notificationImg {
    background-image: url('../images/notifications-icon.png');
}

.waitRoomImg,
.consultRoomImg,
.appointmentsImg,
.patientsImg,
.reviewsImg,
.notificationImg {
    background-size: 30px;
    height: 30px !important;
    width: 30px;
    margin-bottom: 5px;
    display: block;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

.sendMessageImg,
.sendMessageDisabledImg {
    background-image: url('../images/send-message-patient.png');
    background-size: 20px;
    height: 20px !important;
    width: 20px;
    margin-top: -3px;
    margin-right: 5px;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: middle;
}

.sendMessageDisabledImg {
    background-image: url('../images/send-message-patient-black.png');
}

.topDocMenu .nav-wrapper ul li {
    float: left;
    height: 92px;
    width: 135px;
    border-radius: 5px;
}

@media(max-width: 1350px) {
    .topDocMenu .nav-wrapper ul li {
        height: 100px;
    }
}

.topDocMenu .nav-wrapper ul li:hover, .topDocMenu .nav-wrapper ul li:active {
    background-color: var(--text-grey-color-35);
}

.topDocMenu p {
    font-family: var(--main-font-title); /*Ex AntiSlab*/
    font-size: 13px;
    color: #fff;
}

@media only screen and (min-width: 600px) and (max-width: 700px) {
    .topDocMenu .nav-wrapper ul li {
        height: 79px;
        padding-left: 5px;
        padding-right: 5px;
        margin: 0;
    }

    .waitRoomImg,
    .consultRoomImg,
    .appointmentsImg,
    .notificationImg {
        background-size: 25px;
        height: 30px !important;
        width: 30px;
        margin-top: 15px;
        margin-bottom: 5px;
        display: block;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
    }
}

.topDocMenu .sideDocMenu .button-collapse,
.topDocMenu .sideDocMenu .mobile-trigger {
    display: block;
    padding-top: 25px;
    padding-left: 30px;
}

    .topDocMenu .sideDocMenu .button-collapse i,
    .topDocMenu .sideDocMenu .mobile-trigger i {
        font-size: 30px;
        color: #fff;
    }

@media (min-width: 993px) {
    .topDocMenu .sideDocMenu {
        display: none !important;
    }
}

@media (min-width: 1256px) {
    .div-section .consultation-details {
        padding-bottom: 23px;
    }
}

@media (max-width: 992px) {
    .scndTblO {
        margin-right: 0px;
    }

    .frsttblO {
        margin-right: 0px;
    }

    .consultovercor {
        padding-top: 5px !important;
    }
}

@media only screen and (min-width: 970px) and (max-width: 992px) {
    #waitingPatients .container-flex .consultation-details {
        padding-bottom: 21px;
    }
}


@media only screen and (min-width: 600px) and (max-width: 992px) {
    .div-section-buttons .start-consultation, 
    .div-section-buttons .start-consultation-disabled {
        min-height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

@media only screen and (min-width: 601px) and (max-width: 624px) {
    .frsttblO {
        min-height: 140px;
    }
}

@media only screen and (min-width: 624px) and (max-width: 789px) {
    .frsttblO {
        min-height: 119px;
    }
}

@media (max-width: 600px) {
    .div-section-buttons .start-consultation,
    .div-section-buttons .start-consultation-disabled {
        padding-top: 15px;
        padding-bottom: 15px;
        min-height: auto;
    }

    .paddingDoctorButtonsSmall {
        padding-left: 0px !important;
    }
}

@media (max-width: 600px) {
    .frsttblO {
        padding-bottom: 25px !important;
    }
}

@media only screen and (min-width: 389px) and (max-width: 407px) {
    .frsttblO {
        padding-bottom: 46px !important;
    }
}

@media only screen and (min-width: 441px) and (max-width: 512px) {
    .frsttblO {
        padding-bottom: 46px !important;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1014px) {
    .div-section-buttons .start-consultation, 
    .div-section-buttons .start-consultation-disabled {
        min-height: 113px;
        padding-top: 43%;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1054px) {
    .upcominagappO {
        min-height: 119px;
    }
}

@media only screen and (min-width: 1055px) and (max-width: 1256px) {
    .upcominagappO {
        padding-bottom: 22px !important;
    }
}

@media only screen and (min-width: 600px) and (max-width: 623px) {
    .upcominagappO {
        padding-bottom: 52px !important;
    }
}

@media only screen and (min-width: 322px) and (max-width: 350px) {
    .upcominagappO {
        padding-bottom: 21px !important;
    }
}

@media only screen and (min-width: 389px) and (max-width: 509px) {
    .upcominagappO {
        padding-bottom: 21px !important;
    }
}

@media only screen and (min-width: 624px) and (max-width: 789px) {
    .upcominagappO {
        padding-bottom: 31px !important;
    }
}

@media only screen and (min-width: 790px) and (max-width: 992px) {
    .upcominagappO {
        padding-bottom: 10px !important;
    }
}

@media only screen and (min-width: 951px) and (max-width: 992px) {
    .upcominagappO {
        padding-bottom: 21px !important;
    }
}

@media (max-width: 993px) {
    #waitingPatients .container-flex {
        padding-bottom: 20px !important;
    }
}

@media screen and (min-width:860px) and (max-width: 1020px) {
    .start-consultation,
    .start-consultation-disabled {
        justify-content: center;
        font-size: 19px !important;
    }

    .waiting-patients-container .pc-buttons {
        margin-left: 0px !important;
    }
}

.closeConnectionContainer {
    cursor: pointer;
    display: inline;
    float: right;
}

.closeConnContainer {
    display: flex;
    align-items: center;
    color: var(--main-hover-color-50);
}

.consRoomTitle {
    display: inline;
}

.closeConnTitle {
    width: 30vw;
    text-align: right;
    line-height: 25px;
    margin-right: 10px;
}

@media (max-width: 600px){
    .closeConnIcon {
        margin-top: 5px;
    }
}

.closeConnBtn {
    font-size: 35px;
    color: var(--button-red);
}

.btn {
    box-shadow: none !important;
    background-color: var(--main-color-50);
}

    .btn:hover, .btn:focus {
        background-color: var(--main-hover-color-50);
    }

.notifmedright {
    margin-bottom: 0px;
}

.datataboverr .dataTables_wrapper .dataTables_filter {
    margin-top: -40px !important;
    padding-right: 10px;
}

.datataboverr .messageRow .squaredThree [type="checkbox"]:checked + label:before {
    transform: none;
}

.datataboverr .messageRow .squaredThree .notification-table .squaredThree [type="checkbox"]:not(:checked) + label:after,
.notification-table [type="checkbox"]:checked + label:after {
    top: -6px;
    left: 2px;
}

.datataboverr .dataTable {
    border-bottom: 1px solid var(--main-hover-color-50) !important;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 15px;
}

.table.dataTable.stripe tbody tr, table.dataTable.display tbody tr,
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #fff !important;
}

    table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover,
    table.dataTable.hover tbody tr.odd:hover, table.dataTable.display tbody tr.odd:hover {
        background-color: #f6f6f6;
    }

.table.dataTable.hover tbody tr:hover {
    background-color: #fff !important;
}

.messageRow:hover td a:not(.actionmarkasRead):not(.actionDeleteMessage) {
    color: var(--main-color-50) !important;
}

.datataboverr .messageRow:hover td:not(.par-tblmsgoverr2) {
    color: var(--main-color-50);
}

.datataboverr .menuareaoverr:hover {
    color: #444;
}

.datataboverr .menuareaoverr {
    color: var(--text-main-grey-color);
}

@media (max-width: 580px) {
    .datataboverr .menuareaoverr:not(.menuareaoverr-internalMessages) {
        display: none !important;
    }
}

@media (max-width: 455px) {
    .datataboverr .menuareaoverr-internalMessages {
        display: none !important;
    }
}

@media (min-width: 581px) {
    .datataboverr .mobile-menuareaoverr {
        display: none !important;
    }
}

@media (min-width: 455px) {
    .datataboverr .mobile-menuareaoverr-internalMessages {
        display: none !important;
    }
}

.datataboverr .notificationType img {
    margin-top: -20px !important;
    margin-left: 30px;
}

label[for=select-all-checkbox],
label[for=actions-filters-checkbox] {
    text-transform: uppercase;
    color: #000 !important;
}

.tblmsgoverr {
    float: right;
}

.datataboverr .dataTables_info {
    font-size: 14px !important;
    color: var(--text-main-grey-color) !important;
}

.datataboverr .dataTables_paginate {
    font-size: 14px;
    color: var(--text-main-grey-color);
}

.notificationListBody .dataTables_paginate {
    font-size: 14px;
    color: var(--text-main-grey-color);
}

.datataboverr .deleteMessagesButton {
    width: initial;
    font-weight: normal;
    background-color: #ed1c24 !important;
    color: #fff;
    padding: 6px 35px 6px 35px;
    border: 1px solid var(--text-grey-color-100);
    display: inline-block;
    height: auto;
}

.datataboverr .restoreMessagesButton {
    font-weight: normal;
    background-color: var(--main-color-50);
    color: #fff;
    padding: 6px 35px 6px 35px;
    border: 1px solid var(--text-grey-color-100);
    display: inline-block;
    height: auto;
    border-radius: 5px;
}

    .datataboverr .restoreMessagesButton:hover,
    .datataboverr .restoreMessagesButton:focus {
        background-color: var(--main-hover-color-50);
    }

    .datataboverr .deleteMessagesButton:hover,
    .datataboverr .deleteMessagesButton:focus {
        background-color: #82090d !important;
    }

.msgdetdateover {
    float: right;
    font-family: var(--main-font-title);
    font-weight: normal;
    font-size: 13px;
}

.msgitemboxover {
    box-shadow: none !important;
}

    .msgitemboxover .oneMessageText {
        vertical-align: initial !important;
        font-weight: normal;
    }

.msgdettitleover {
    font-family: var(--main-font-bodytext);
    font-weight: 100;
    font-size: 14px;
}

@media (max-width: 601px) {
    .msgdetdateover {
        float: left;
    }
}

.msgitemboxover .notification-details hr {
    border: 1px solid var(--text-grey-color-100);
    margin-top: 5px;
    margin-bottom: 5px;
}

.sendReplyButton {
    width: 80px;
    font-size: 1.2em;
    font-weight: bold;
    color: white;
    background-color: var(--main-color-50);
    border: none;
    letter-spacing: 1.2px;
}

.deleteMessagesButton {
    float: left;
}

.squaredThree [type="checkbox"]:not(:checked) + label:before,
.squaredThree [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -10px;
    width: 17px;
    height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}

.deleteMessagesButton, .restoreMessagesButton {
    /* width: 80px; */
    padding: 5px;
    font-size: 1.2em;
    font-weight: bold;
    color: white;
    background-color: #108e75;
    border: none;
    letter-spacing: 1.2px;
    text-align: center;
}

.messageBodyParagraph {
    width: 70%;
    height: auto;
    border: 2px groove rgba(239, 239, 239, 0.53);
    border-radius: 5px;
    padding: 10px;
    font-size: 1.2em;
    margin-bottom: 20px;
}

.messageReplyButton,
.sendReplyButton,
.cancelReplyButton,
.message-details-action-buttons .messageDeleteButton {
    cursor: pointer;
    font-weight: bold;
    font-size: 1.2em;
    margin-right: 10px;
    width: 100%;
    border-radius: 5px;
}

.msgitemboxover .message-details-action-buttons a {
    padding-top: 0px;
}

.msgitemboxover .message-details-action-buttons .messageReplyButton,
.msgitemboxover .replyMessageContainer .replyMessageButtonsContainer .cancelReplyButton {
    font-weight: normal;
    background-color: var(--main-color-50);
    color: #fff;
    padding: 6px 35px 6px 35px;
    border: 1px solid var(--main-color-50);
    display: inline-block;
}

.msgitemboxover .replyMessageContainer .replyMessageButtonsContainer .sendReplyButton {
    font-weight: normal;
    background-color: var(--main-color-50);
    color: #fff;
    padding: 6px 35px 6px 35px;
    border: 0.2rem solid var(--main-color-50);
    display: inline-block;
}

.msgitemboxover .replyMessageContainer .replyMessageButtonsContainer .sendReplyButton.disabled,
.msgitemboxover .replyMessageContainer .replyMessageButtonsContainer .cancelReplyButton.disabled,
.msgitemboxover .replyMessageContainer .replyMessageButtonsContainer .cancelReplyButton.disabled:hover {
    height: auto;
    line-height: inherit;
    border: #DFDFDF;
}

.msgitemboxover .replyMessageContainer .replyMessageButtonsContainer .cancelReplyButton {
    background-color: var(--main-hover-color-50);
    border: 1px solid var(--main-hover-color-50);
}

.msgitemboxover .message-details-action-buttons .messageReplyButton:hover,
.msgitemboxover .message-details-action-buttons .messageReplyButton:active {
    background-color: var(--main-hover-color-50);
    border: 1px solid var(--main-hover-color-50);
}

.msgitemboxover .replyMessageContainer .replyMessageButtonsContainer .sendReplyButton:hover,
.msgitemboxover .replyMessageContainer .replyMessageButtonsContainer .sendReplyButton:active {
    border-color: var(--main-hover-color-50);
    background-color: var(--main-hover-color-50);
}

.msgitemboxover .replyMessageContainer .replyMessageButtonsContainer .cancelReplyButton:hover,
.msgitemboxover .replyMessageContainer .replyMessageButtonsContainer .cancelReplyButton:active {
    background-color: var(--main--color-50);
    border: 1px solid var(--main--color-50);
}

.msgitemboxover .message-details-action-buttons .messageDeleteButton {
    font-weight: normal;
    background-color: var(--button-red);
    color: #fff;
    padding: 6px 35px 6px 35px;
    border: 1px solid var(--button-red);
    display: inline-block;
}

    .msgitemboxover .message-details-action-buttons .messageDeleteButton:hover,
    .msgitemboxover .message-details-action-buttons .messageDeleteButton:active {
        background-color: var(--main-hover-color-50) !important;
        border: 1px solid var(--main-hover-color-50);
    }

.msgitemboxover .replyMessageContainer {
    margin-top: 35px;
    padding: 0 !important;
}

.msgitemboxover .replyMessageInputSubject,
.msgitemboxover .replyMessageTextArea {
    width: 100%;
}

.msgitemboxover textarea {
    resize: vertical;
    border: 1px solid #e6e6e6;
    padding: 10px;
}

.msgitemboxover .replyMessageContainer .replyMessageButtonsContainer .cnclbtn {
    background-color: #fff;
    border: 0.2rem solid var(--text-grey-color);
    color: var(--text-grey-color);
}

    .msgitemboxover .replyMessageContainer .replyMessageButtonsContainer .cnclbtn:hover,
    .msgitemboxover .replyMessageContainer .replyMessageButtonsContainer .cnclbtn:active {
        background-color: var(--text-grey-color);
        border: 0.2rem solid var(--text-grey-color);
        color: #fff;
    }

.msgitemboxover .messageBodyParagraph {
    border: 1px solid #e6e6e6;
    font-size: 14px;
}

.msgitemboxover .replyMessageContainer .replyMessageButtonsContainer .waves-button-input {
    font-weight: normal;
    text-transform: capitalize;
}

.previousmessageclass {
    cursor: pointer;
}

@-moz-document url-prefix() {
    .onlinenutri-overview .doctor-small-details {
        overflow: visible;
    }
}

@media only screen and (min-width: 1360px) and (max-width: 1378px) {
    .nav-wrapper .top-menu li a {
        font-family: var(--main-font-bodytext);
        font-size: 16px;
    }
}

@media only screen and (min-width: 1244px) and (max-width: 1296px) {
    .nav-wrapper .top-menu li a {
        font-size: 13.5px;
    }
}

@media only screen and (min-width: 1001px) and (max-width: 1155px) {
    .nav-wrapper .top-menu li a {
        padding-left: 7px;
        padding-right: 7px;
    }
}

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

#editNoteTab #editNoteTitle,
#newnoteTabAdd #NoteTitle {
    background-color: #fff;
    border: 2px solid #e6e6e6;
}

#editNoteTab #editNotetext
#newnoteTabAdd #newnotetext {
    background-color: #fff;
    border: 2px solid #e6e6e6;
    resize: vertical;
    padding: 10px;
    text-align: justify;
}

#editNoteTab .input-field label,
#newnoteTabAdd .input-field label {
    top: 0.6rem;
}

#editNoteTabAdd .input-field label.active,
#newnoteTabAdd .input-field label.active {
    left: 0;
}

@media (max-width:350px){
    .consRoom-editNotes,
    .consRoom-addNotes {
        display: flex;
        flex-direction: column-reverse;
    }

    .addnewnote, .cancelnewnote, .editNoteSubmit, .cancelEditNote {
        width: 100%;
    }
}

@media (min-width: 350px) {
    #addnewnote,
    .addnewrecommendation.disabled {
        float: right;
    }
}

#questionnaireAnsweresTab .squaredThree [type="checkbox"]:not(:checked) + label:after,
#questionnaireAnsweresTab .squaredThree [type="checkbox"]:checked + label:after {
    top: 4px !important;
    left: 0 !important;
}

#questionnaireAnsweresTab .gp-details-page [type="checkbox"] + label {
    color: #3a3939;
}

#questionnaireAnsweresTab [type="checkbox"]:not(:checked):disabled + label:before {
    background-color: #fff !important;
    border: 1px solid #e6e6e6 !important;
}

#questionnaireAnsweresTab .squaredThree [type="checkbox"]:disabled:not(:checked) + label:before,
#questionnaireAnsweresTab .squaredThree [type="checkbox"]:disabled:checked + label:before {
    border: 1px solid #e6e6e6 !important;
    background-color: #fff !important;
    border-radius: 0;
    box-shadow: none;
    width: 18px;
    height: 18px;
}

#questionnaireAnsweresTab .gp-details-page textarea.materialize-textarea {
    border: 2px solid #e6e6e6;
    background-color: #fff;
    text-align: justify;
}

#questionnaireAnsweresTab .gp-details-page input[type=text] {
    border: 2px solid #e6e6e6;
    background-color: #fff;
    text-align: justify;
}

#questionnaireAnsweresTab [type="radio"].with-gap:disabled:checked + label:before {
    border: 2px solid #13ab89;
}

#questionnaireAnsweresTab [type="radio"].with-gap:disabled:checked + label:after {
    border-color: #13ab89;
    background-color: #13ab89;
}

#questionnaireAnsweresTab [type="radio"]:disabled:not(:checked) + label:before {
    border-color: #5a5a5a;
}

.personal-details-page input[type=url], 
.personal-details-page input[type=datetime-local] {
    background-color: #fff;
    border: 2px solid #e6e6e6;
}

.impError {
    color: var(--error-red) !important;
}

#medicalReportPartial input[type=text]:disabled {
    color: rgba(0, 0, 0, 0.26) !important;
}

.patient-consent-label {
    position: relative !important;
}

.questionnaireConsentError {
    margin-top: 10px;
    left: 0.7rem;
    position: relative;
    color: var(--error-red);
}

@media (max-width: 350px) {
    .menu-tab img {
        display: none;
    }
}

@media only screen and (min-width: 1314px) and (max-width: 1369px) {
    .profileButton a span:nth-child(2) {
        margin-right: -2px;
    }
}

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

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid var(--main-color-50);
}

.angularMaterialOveride md-autocomplete button {
    margin-top: 4px !important;
}

.files-container .files-item div {
    padding: 0;
}

.docUploadIcon {
    color: #fff !important;
    font-size: 1.3rem;
    line-height: inherit;
}

.uploadIconContainer {
    margin-left: 5px;
}

.myDocsUploader {
    display: flex !important;
    align-items: baseline;
    height: initial;
}

    .myDocsUploader.disabled {
        background-color: #DFDFDF !important;
        cursor: default;
    }

#uploadRoundBtnMed {
    background: url("/Themes/GrandNodeTheme/Content/images/uploadRoundBtnMed-hover.png");
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 23px;
    width: 23px;
    height: 23px;
    vertical-align: middle;
    margin-top: 2px;
}

    #uploadRoundBtnMed:hover {
        background: url("/Themes/GrandNodeTheme/Content/images/uploadRoundBtnMed.png");
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 23px;
        width: 23px;
        height: 23px;
        vertical-align: middle;
    }

.inuploadFileZoneMed p {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    color: #787474;
}

#uploadFile .qq-uploader-selector:before,
#uploadFile .qq-uploader-selector:after {
    content: '';
    display: table;
}

#uploadFile .qq-uploader-selector:after {
    clear: both;
}

#uploadFile .qq-upload-button {
    color: #787474 !important;
    text-transform: none !important;
    font-size: 14px;
    float: right !important;
    line-height: 1.2;
    padding: 10px !important;
}

#uploadFile2 .qq-upload-button {
    color: #787474 !important;
    text-transform: none !important;
    font-size: 14px;
    float: right !important;
    line-height: 1.2;
    padding: 10px !important;
}

#uploadFile2 .qq-uploader-selector {
    height: 25px;
}

@media only screen and (min-width: 993px) and (max-width: 1399px) {
    .consultationStep .consultationStepTitleBlue,
    .consultationStep .consultationStepTitleDarkBlue,
    .consultationStep .consultationDetailsTextBlue {
        font-size: 21px;
    }

    .consultationStep .priceDetailsInfo .costOfConsultationClass,
    .consultationStep .priceDetailsInfo .durationConsultationClass {
        font-size: 22px;
    }

    .main-reg-modal {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .consultationStepButton {
        margin-bottom: 0px;
    }

    .priceDetailsInfo {
        margin-bottom: 0px;
    }
}

@media only screen and (min-width: 630px) and (max-width: 800px) {
    .consultationStep .consultationStepTitleBlue,
    .consultationStep .consultationStepTitleDarkBlue,
    .consultationStep .consultationDetailsTextBlue {
        font-size: 19px;
    }

    .consultationStep .priceDetailsInfo .costOfConsultationClass,
    .consultationStep .priceDetailsInfo .durationConsultationClass {
        font-size: 19px;
    }

    .main-reg-modal {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .consultationStepButton {
        margin-bottom: 0px;
    }

    .priceDetailsInfo {
        margin-bottom: 0px;
    }
}

#consultationReasonBooked,
#consultationGroupReasonBooked {
    margin-top: 10px !important;
}

@media (max-width: 630px) {
    .consultationStep .consultationStepTitleBlue,
    .consultationStep .consultationStepTitleDarkBlue,
    .consultationStep .consultationDetailsTextBlue {
        font-size: 19px;
    }

    .consultationStep .consultationStepTitleDarkBlue {
        padding: 0 6px;
    }

    .consultationStep .priceDetailsInfo .costOfConsultationClass,
    .consultationStep .priceDetailsInfo .durationConsultationClass {
        font-size: 19px;
    }
}

.consultationStep .confirmAppointment .buttonConfirmAppointment:hover,
.consultationStep .walletHasBeenDebited .buttonwalletHasBeenDebited:hover
.consultationStep .confirmParticipants .buttonConfirmParticipants:hover {
    box-shadow: none;
    background: var(--main-hover-color-50);
    border: 2px solid var(--main-hover-color-50);
}

.qq-upload-button {
    cursor: pointer;
}

.poweredByHtss {
    text-align: center;
    color: #13ab89;
}

    .poweredByHtss span, .poweredByHtss img {
        display: block;
        margin: auto;
    }

.change-password-page .form-fields,
.change-password-page .form-fields * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .change-password-page .form-fields input {
        background-color: #f8f8f8;
        border: 1px solid #e6e6e6;
        padding-left: 10px;
        padding-right: 10px;
    }

    .change-password-page .form-fields .eye-password input {
        padding-right: 55px;
        font-size: 14px;
        line-height: 45px;
        height: 45px;
    }

    .change-password-page .form-fields .eye-password .eye {
        right: 0;
        width: 52px;
        padding: 0;
    }

        .change-password-page .form-fields .eye-password .eye img {
            width: 24px;
            height: auto;
        }

    .change-password-page .form-fields .input-field label {
        left: 15px;
    }

        .change-password-page .form-fields .input-field label.active {
            left: 0;
        }

.password-recovery-page .form-fields input {
    background-color: #f8f8f8;
    border: 1px solid #e6e6e6;
    padding-left: 10px;
    padding-right: 10px;
}

.password-recovery-page input[type=search],
.password-recovery-page input[type=text]:not(.validate),
.password-recovery-page input[type=text]:not(#SearchKeyword) {
    height: 45px !important;
    width: 100%;
    box-sizing: unset !important;
}

.eyeTop {
    top: 20px !important;
}

.input-field-custom input[type=search],
.input-field-custom input[type=text]:not(.validate),
.input-field-custom input[type=text]:not(#SearchKeyword) {
    box-sizing: revert;
}

.customer-info-page .input-field input,
.customer-info-page .input-field textarea.materialize-textarea {
    background-color: #f8f8f8;
    border: 1px solid #e6e6e6;
    padding-left: 5px;
}

.customer-info-page .consultation-history .table.dataTable.row-border tbody th,
.customer-info-page .consultation-history table.dataTable.row-border tbody td,
.customer-info-page .consultation-history table.dataTable.display tbody th,
.customer-info-page .consultation-history table.dataTable.display tbody td {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}

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

#valueError {
    color: var(--text-grey-color-10);
}

.searchConsField {
    margin-top: 30px !important;
    height: 39px !important;
    padding: 0px !important;
    margin-right: 0.75rem !important;
    border: 10px solid red;
}

.filterConsRadius {
    border-radius: 0.5rem !important;
}

.calendarRadius {
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}

@media (min-width: 993px) {
    .searchConsField {
        width: 32% !important;
    }

    .customer-consultations .buttonRemoveFiltersTab {
        margin-top: 30px;
    }
}

@media (min-width: 601px) and (max-width: 1235px) {
    .customer-consultations .filterConsBtn {
        margin-right: 0.75rem;
    }
}

.searchConsError {
    color: var(--error-red);
    padding: 0 !important;
    margin-bottom: 0.5rem;
}

.customer-consultations .buttonRemoveFilters {
    margin-top: 0;
    width: 75%;
    min-width: 125px;
}

.customer-consultations .buttonRemoveFiltersTab {
    padding: 0;
    display: none;
}

.showHideFilters {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1.5px;
    color: #fff;
    border: none;
    background-color: var(--main-color-inverted);
    padding: 0.5rem;
    border-radius: 0.5rem;
    width: 160px;
}

@media (max-width: 599px) {
    #showHideButton {
        display: none !important;
    }

    #consultationFilters {
        display: block !important;
    }
}

@media (max-width: 992px) {
    .customer-consultations .buttonRemoveFiltersTab {
        float: left;
    }

    .clearSearchContainer {
        top: 20rem;
    }

    .searchConsField, .filterConsBtn {
        margin-top: 0 !important;
    }
}

@media (min-width: 601px) {
    .customer-consultations .csm-input.csm-calendar {
        padding-right: 0.75rem !important;
        padding-left: 0 !important;
    }

    .searchConsFilters {
        display: block !important;
        border: none;
    }
}

@media (max-width: 599px) {
    .customer-consultations .buttonRemoveFilters {
        width: 100%;
    }

    .customer-consultations .buttonRemoveFiltersTab {
        margin-top: 15px;
    }

    .searchConsFilters {
        display: none;
        border-top: none;
        border: 1px solid var(--text-grey-color-90);
        width: 100%;
        padding: 0.5rem;
    }

    .customer-consultations .containerRow {
        padding: 0 0.75rem !important;
    }

    .customer-consultations .clearSearchContainer {
        padding: 0 0.75rem !important;
        text-align: center;
        margin-bottom: 10px;
        position: initial;
    }
}

.customer-info-page .dataTables_info {
    font-size: 14px;
}

.customer-info-page .dataTables_paginate {
    font-size: 14px;
}

.select-wrapper input.select-dropdown {
    box-shadow: none;
    line-height: 0;
}

.customer-wrapper,
.specialist-wrapper {
    background-color: var(--text-grey-color-95);
}

.master-wrapper-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

    .master-wrapper-page .select-wrapper span.caret {
        top: 15px;
    }

@media only screen and (min-width: 601px) and (max-width: 992px) {
    #waitingPatients .frsttblO {
        min-height: 140px;
    }
}

#searchForm ::-webkit-scrollbar {
    width: 8px;
}

#searchForm ::-webkit-scrollbar-track {
    background: transparent;
}

#searchForm ::-webkit-scrollbar-thumb {
    background: #0d1d3e;
}

#searchForm::-webkit-scrollbar-thumb:hover {
    background: rgba(13, 29, 62, 0.9);
}

.white-background {
    background-color: white !important;
}

.rounded-05 {
    border-radius: 0.5rem !important;
}

.rounded-top-05 {
    border-radius: 0.5rem 0.5rem 0 0;
}

.rounded-bottom-05 {
    border-radius: 0 0 0.5rem 0.5rem;
}

.top-left-no-radius {
    border-top-left-radius: 0rem !important;
}

@media (max-width: 600px) {
    .top-right-no-radius-max-600 {
        border-top-right-radius: 0rem !important;
    }
}

@media (min-width: 601px) {
    .top-right-no-radius-min-601 {
        border-top-right-radius: 0rem !important;
    }
}

@media (max-width: 992px) {
    .top-right-no-radius-max-992 {
        border-top-right-radius: 0rem !important;
    }
}

#searchForm .findnutritionist-row input {
    background-color: white;
}

.listbox ::-webkit-scrollbar {
    width: 12px;
}

.listbox ::-webkit-scrollbar-track {
    background-color: #fff;
}

.listbox ::-webkit-scrollbar-thumb {
    background-color: #c7141a;
}

#faqTitle {
    background-color: #13ab89;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    padding-top: 10px;
    height: 40px;
}

#faqTitleArrow {
    width: 100%;
    margin-top: 7px;
}

    #faqTitleArrow span {
        background-image: url(/Themes/GrandNodeTheme/Content/css/images/triangle.png);
        background-repeat: no-repeat;
        width: 29px;
        height: 15px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

.faqQuestionFullContent {
    padding-top: 30px !important;
}

#faqTitle p {
    text-align: center;
}

#faqListItems li {
    list-style: none;
    padding-bottom: 25px;
}

#faqListItems {
    min-height: 350px;
    border-right: 1px solid #E6E6E6;
}

    #faqListItems li a::before {
        content: url(/Themes/GrandNodeTheme/Content/css/images/right-arrow.png);
        width: 8px;
        height: 15px;
        padding-right: 15px;
        vertical-align: middle;
    }

    #faqListItems li a {
        color: #747474;
        font-weight: bold;
    }

.faq-active {
    color: var(--main-color-50) !important;
}

#faqListItems li a:hover {
    color: var(--main-color-50);
}

#faqContentSide {
    padding-left: 20px;
}

.faqContentTitle {
    font-size: 21px;
    color: #2C3F4E;
}

.faqContentDescription {
    color: #747474;
    padding-top: 20px;
    text-align: justify;
    font-size: 14px;
}

.findWhatYouLook {
    padding-top: 8px !important;
}

    .findWhatYouLook p:first-child {
        font-size: 20px;
        color: #2C3F4E;
    }

    .findWhatYouLook p:last-child {
        font-weight: bold;
        font-size: 20px;
    }

    .findWhatYouLook p span {
        color: #13ab89;
    }

    .findWhatYouLook p:last-child::before {
        content: url(/Themes/GrandNodeTheme/Content/css/images/right-arrow.png);
        background-repeat: no-repeat;
        width: 8px;
        height: 15px;
        padding-right: 5px;
    }

.chatWithOurTeam {
    background: #E6E6E6 url(/Themes/GrandNodeTheme/Content/images/chat-with-our-team.png) 17px 13px;
    background-repeat: no-repeat;
    background-position: 25px 20px;
    height: 80px;
}

    .chatWithOurTeam p {
        font-size: 22px;
        color: #2C3F4E;
        padding-left: 80px;
        padding-top: 23px;
        display: inline-block;
        float: left;
    }

    .chatWithOurTeam input {
        background-color: #fff;
        color: var(--text-main-grey-color);
        padding-left: 10px;
    }

        .chatWithOurTeam input:focus {
            border: none;
            box-shadow: none;
        }

    .chatWithOurTeam .input-field {
        margin-top: 18px !important;
    }

.chatWithOurTeamBtn {
    height: 45px;
    background-color: #13ab89;
}

@media (max-width: 600px) {
    .chatWithOurTeam {
        height: 200px;
    }

    #faqListItems {
        border: none;
    }

    .findWhatYouLook {
        padding-bottom: 30px !important;
    }
}

@media only screen and (min-width: 601px) and (max-width: 992px) {
    .chatWithOurTeam {
        height: 200px;
    }

    .findWhatYouLook {
        padding-top: 45px !important;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1183px) {
    .chatWithOurTeam {
        background-position: 10px 20px;
    }

        .chatWithOurTeam p {
            padding-left: 57px;
        }

        .chatWithOurTeam .input-field {
            width: 54% !important;
        }

    .chatWithOurTeamBtn {
        font-size: 14px;
        overflow: hidden;
        padding-top: 4px !important;
    }
}

#UploadedFileTitle {
    margin-left: auto;
    margin-right: auto;
}

#modalupload .upload-file-body {
    display: inherit;
}

#modalupload {
    width: 45%;
}

#walletLeftMenu [type="checkbox"].filled-in:not(:checked) + label:after {
    height: 17px;
    width: 17px;
    border: 2px solid #BCBEC0;
}

#walletLeftMenu [type="checkbox"] + label {
    line-height: 19px;
    color: #747474;
}

#walletLeftMenu [type="checkbox"].filled-in:checked + label:after {
    width: 17px;
    height: 17px;
    border: 2px solid #0f8a6f;
    background-color: var(--text-grey-color-10);
}

#walletLeftMenu [type="checkbox"].filled-in:checked + label:before {
    top: -1px;
    left: 0px;
    width: 8px;
    height: 13px;
}

#walletLeftMenu .customer-info-page .consultation-history .table.dataTable.row-border tbody th,
#walletLeftMenu .customer-info-page .consultation-history table.dataTable.row-border tbody td,
#walletLeftMenu .customer-info-page .consultation-history table.dataTable.display tbody th,
#walletLeftMenu .customer-info-page .consultation-history table.dataTable.display tbody td {
    padding: 0;
}

#walletLeftMenu .datataboverr .dataTable {
    padding-top: 0px !important;
}

.consultationStepButton .cancelAppointmentBtn,
.consultationStepButton .deleteFileBtn,
.consultationStepButton .cancelAppointmentBtn-closeModal,
.consultationStepButton .deleteFileBtn-closeModal {
    width: 100%;
}

.consultationStepButton .cancelAppointmentBtn,
.consultationStepButton .deleteFileBtn,
.consultationStepButton .deleteFileBtn-closeModal {
    background-color: var(--button-red);
    border-style: Solid;
    border-color: var(--button-red);
    border-width: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 30px;
    padding-right: 30px;
    height: 100%;
    font-family: var(--main-font-bodytext);
    font-size: 18px;
    line-height: 25px;
}

    .consultationStepButton .cancelAppointmentBtn:hover {
        background-color: var(--main-hover-color-50);
        border-color: var(--main-hover-color-50);
    }

.consultationStepButton .deleteFileBtn-closeModal {
    background-color: var(--main-hover-color-50);
    border-color: var(--main-hover-color-50);
}

    .consultationStepButton .deleteFileBtn-closeModal:hover {
        background-color: var(--main-color-50);
        border-color: var(--main-color-50);
    }

.consultationStepButton .deleteFileBtn:hover {
    background-color: var(--main-hover-color-50);
    border-color: var(--main-hover-color-50);
}

.customer-info-page .input-field button {
    height: 44px;
    background-color: var(--button-red);
    width: 300px;
    max-width: 100%;
    margin-right: 10px;
    margin-bottom: 10px;
    border: none;
    color: #fff;
    height: 50px;
    padding: 10px;
    line-height: 1.2;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

    .customer-info-page .input-field button:hover {
        background-color: var(--main-hover-color-50);
    }

.notificationListBody #inbox-messages_filter {
    display: none;
}

.notificationListBody #deleted-messages_filter {
    display: none;
}

.actionRestoreMessage:hover {
    color: var(--main-color-50);
}

@media (min-width: 600px) {
    #noMessageSelectedModal {
        width: 50% !important;
    }
}

@media (min-width: 970px) {
    #noMessageSelectedModal {
        width: 30% !important;
    }
}

.notificationListBody input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]),
textarea:focus:not([readonly]) {
    border: 2px solid #a1a1a1;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.notificationListBody .messageRow td a {
    color: var(--text-grey-color-10);
}

.notificationListBody table.dataTable.row-border tbody th,
.notificationListBody table.dataTable.row-border tbody td,
.notificationListBody table.dataTable.display tbody th,
.notificationListBody table.dataTable.display tbody td {
    border-bottom: 2px solid #E0DEDE !important;
    transition: all .3s;
    border-top: none;
}

.notificationListBody table.dataTable thead th,
.notificationListBody table.dataTable thead td {
    border: none !important;
    border-bottom: 2px solid #E0DEDE !important;
}

.notificationListBody table.dataTable thead th,
.notificationListBody table.dataTable tfoot th {
    font-weight: normal !important;
}

#sent-messages_wrapper table tbody th,
#sent-messages_wrapper table tbody td,
#deleted-messages_wrapper table tbody th,
#deleted-messages_wrapper table tbody td,
#customerDocuments_wrapper table tbody th,
#customerDocuments_wrapper table tbody td,
.customer-uploaded-files-container #striped_wrapper table tbody th,
.customer-uploaded-files-container #striped_wrapper table tbody td,
.represented-customers-table-container #striped_wrapper table tbody th,
.represented-customers-table-container #striped_wrapper table tbody td {
    border-bottom: 1px solid #E0DEDE !important;
    border-top: none;
}

.customer-info-page .input-field {
    margin-top: 10px;
}

.categoryChipNotifications {
    margin: 4px 0 5px;
}

    .categoryChipNotifications:before,
    .categoryChipNotifications:after {
        content: '';
        display: table;
    }

    .categoryChipNotifications:after {
        clear: both;
    }

    .categoryChipNotifications > .chip {
        float: left;
        margin-bottom: 2px;
        border-radius: 3px;
        background-color: #F2F2F2;
        color: #747474;
    }

    .customer-info-page .categoryChipNotifications  > .chip {
        background-color: #fff;
    }

        .categoryChipNotifications > .chip:not(:last-child) {
            margin-right: 7px;
        }

#searchNotificationsInput #MessageInboxListModel_SearchKeyword {
    width: 300px !important;
    max-width: 100% !important;
}

@media (max-width: 600px) {
    #searchNotificationsInput #MessageInboxListModel_SearchKeyword {
        width: 100% !important;
    }
}

.categoryChipNotifications .chip i {
    background: url(/Themes/GrandNodeTheme/Content/images/remove-chip-icon.png) no-repeat;
    display: inline-block;
    width: 15px;
    height: 14px;
    vertical-align: text-top;
    margin-left: 10px;
    margin-top: 1px;
    cursor: pointer;
}

#walletLeftMenu .categoriesTitle {
    width: 100%;
    background: #fff;
    color: var(--text-main-grey-color);
    border: 1px solid #ccc;
    padding: 20px 20px 16px 20px;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0 0 20px;
}

@media (max-width: 600px) {
    .topDocMenu {
        height: 40px;
    }

        .topDocMenu .sideDocMenu .button-collapse,
        .topDocMenu .sideDocMenu .mobile-trigger {
            padding-top: 5px;
        }
}

.customer-list .view-button {
    text-align: left;
}

#customer-row:hover td:not(.view-button) {
    background-color: var(--main-hover-color-75) !important;
}

.custom-scroll::-webkit-scrollbar,
.customer-list td div::-webkit-scrollbar,
table .child ul li .dtr-data div::-webkit-scrollbar {
    width: 4px;
}

.custom-scroll::-webkit-scrollbar-track,
.customer-list td div::-webkit-scrollbar-track,
table .child ul li .dtr-data div::-webkit-scrollbar-track {
    background: var(--scrollbar-track-color);
}

.custom-scroll::-webkit-scrollbar-thumb,
.customer-list td div::-webkit-scrollbar-thumb,
table .child ul li .dtr-data div::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb-color);
    border-radius: 5px;
}

.custom-scroll::-webkit-scrollbar-thumb:hover,
.customer-list td div::-webkit-scrollbar-thumb:hover,
table .child ul li .dtr-data div::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover-color);
}

@media only screen and (min-width: 320px) and (max-width: 350px) {
    .onlinenutri-overview .doctor-small-details .buttonViewProfile {
        font-size: 12px;
        width: 92px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 420px) {
    .btn-continue-shopping {
        margin-bottom: 0px;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1199px) {
    .btn-continue-shopping {
        margin-bottom: 8px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .btn-continue-shopping {
        margin-bottom: 8px;
    }
}

#createAvailabilitesChangeViewModes,
#viewAppointmentsChangeViewModes {
    margin-top: 29px;
}

@media (max-width: 600px) {
    #createAvailabilitesChangeViewModes,
    #viewAppointmentsChangeViewModes {
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
    }
}

#createAvailabilitesChangeViewModes a,
#viewAppointmentsChangeViewModes a {
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
    float: right;
    margin-right: 10px;
}

    #createAvailabilitesChangeViewModes a.active,
    #viewAppointmentsChangeViewModes a.active {
        font-family: var(--main-font-bodytext);
        font-weight: bold;
        font-size: 13px;
        line-height: 21px;
        color: var(--main-color-50);
    }

#createAvailabilitiesRegion .currentMonth,
#viewAppointmentsRegion .currentMonth {
    font-size: 29px;
    font-family: var(--main-font-bodytext);
    color: var(--text-grey-color-10);
}

.hourforstarttop {
    width: 12.2%;
    display: block;
    float: left;
    text-align: center;
    padding: 3px;
    margin-right: 5px;
}

.appointmentweekcolumnname {
    width: 12.2%;
    display: block;
    float: left;
    text-align: center;
    padding: 3px;
    min-height: 30px;
    padding: 3px;
    border-style: Solid;
    border-color: #f5f5f5;
    border-bottom: 1px solid #B9B9B9;
    border-width: 1px;
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    color: var(--main-color-50);
}

.appointmentweekcolumnnameNoSch {
    width: 12.2%;
    display: block;
    float: left;
    text-align: center;
    padding: 3px;
    min-height: 30px;
    padding: 3px;
    border-style: Solid;
    border-color: #f5f5f5;
    border-bottom: 1px solid #B9B9B9;
    border-width: 1px;
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    color: var(--main-color-50);
}

.boldToday {
    font-weight: bold;
    border: 1px solid black;
}

.dayitems {
    width: 12.2%;
    display: block;
    float: left;
    text-align: center;
    margin: 0px;
}

.dayitemsHour {
    width: 12.2%;
    display: block;
    float: left;
    text-align: center;
    margin-top: -15px;
    margin-right: 5px;
}

.appointmentweekhourcolumn,
.appointmentweekhourcolumnNoSch {
    width: 100%;
    display: block;
    float: left;
    min-height: 30px;
    text-align: right;
    padding: 3px;
    font-family: var(--main-font-bodytext);
    font-size: 15px;
    color: var(--main-color-50);
}

.appointmentintervalcolumn,
.appointmentintervalcolumnDisabled,
.appointmentintervalcolumnActiveAppointment {
    width: 100%;
    display: block;
    float: left;
    min-height: 30px;
    padding: 5px 3px 3px 3px;
    border-style: Solid;
    border-color: #f5f5f5;
    border-width: 1px;
    margin: 0px;
    font-size: 13px;
}

.appointmentintervalcolumnNoSch {
    width: 100%;
    display: block;
    float: left;
    min-height: 30px;
    padding: 5px 3px 3px 3px;
    border-style: Solid;
    border-color: #f5f5f5;
    border-width: 1px;
    margin: 0px;
    font-size: 13px;
}

.dayitems li.busyslot {
    background-color: #FDE8CA;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #a08080;
}

.dayitems li:not(.appointmentintervalcolumnDisabled) .availableslot:hover,
.dayitems li:not(.appointmentintervalcolumnDisabled) .busyslot:hover {
    background-color: #fafafa;
    color: #EF7F1A;
}

.dayitems li.availableslot {
    background-color: #eaf4c5;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #a08080;
}

.createAvailability {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    background-color: #fafafa;
    padding: 0;
    max-height: 70%;
    width: 30%;
    margin: auto;
    overflow-y: visible;
    border-radius: 2px;
    will-change: top, opacity;
    border-radius: 1em;
}

    .createAvailability input:not([type]),
    .createAvailability input[type=text],
    .createAvailability input[type=password],
    .createAvailability input[type=email],
    .createAvailability input[type=url],
    .createAvailability input[type=time],
    .createAvailability input[type=date],
    .createAvailability input[type=datetime-local],
    .createAvailability input[type=tel],
    .createAvailability input[type=number],
    .createAvailability input[type=search],
    .createAvailability textarea.materialize-textarea {
        height: 2rem;
    }

    .createAvailability .input-field label {
        text-indent: 0px;
    }

@media screen and (max-width: 600px) {
    .createAvail-modal .modal-content .row {
        margin: 0px !important;
    }
}

.createAvailability .modal-content {
    border-radius: 1em;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

@media screen and (min-width: 350px) {
    .createAvailability .modal-content {
        overflow-y: hidden !important;
    }
}

#createAvailability .error-message {
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    color: red;
}

@media screen and (min-width: 600px) {
    .createAvail-modal .availabilityModalLabel {
        line-height: 3.5;
        text-align: right;
        padding-right: 1rem;
        min-width: 5rem;
    }
}

.createAvail-modal .availability-container {
    padding: 0 2rem;
}

    .createAvail-modal .availability-container .input-field {
        padding: 0 .2rem;
        width: 100%;
    }

.createAvail-modal .availabilityModalTitle {
    font-family: var(--main-font-bodytext);
    font-size: 18px;
    color: var(--main-color-50);
}

.createAvail-modal label {
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    color: #B9B9B9;
    color: rgb(185, 185, 185);
}

.createAvail-modal input {
    font-family: var(--main-font-bodytext);
    font-size: 15px;
    color: var(--main-color-50);
    border-radius: 5px;
    border: 2px solid #CCCCCC;
    width: 100%;
}

.createAvail-modal .select-wrapper .dropdown-content li span {
    font-family: var(--main-font-bodytext);
    font-size: 15px;
    color: var(--main-color-50);
}

#createAvailabilitiesRegion .appointPickDate .prevDateP,
#viewAppointmentsRegion .prevDateP {
    border: 1px solid var(--main-color-50);
    border-radius: 5px;
    text-align: center;
    float: left;
    margin-top: 9px;
    color: var(--main-color-50);
}

#createAvailabilitiesRegion .appointPickDate .nextDateP,
#viewAppointmentsRegion .nextDateP {
    border: 1px solid var(--main-color-50);
    border-radius: 5px;
    text-align: center;
    margin-top: 9px;
    color: var(--main-color-50);
}

#createAvailabilitiesRegion .datepicker,
#viewAppointmentsRegion .datepicker {
    border: none;
    text-align: center;
}

.weekAvailabilityInterval,
#datepickerDayAppointment {
    padding-top: 10px !important;
    min-width: 135px;
    height: 31px !important;
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    line-height: 21px;
    color: var(--main-color-50);
    text-align: center;
    margin-bottom: 26px;
}

#datepickerDayAppointment {
    width: 45px !important;
    min-width: 45px !important;
}

@media only screen and (min-width: 350px) and (max-width: 394px) {
    #createAvailabilitiesRegion .datepicker,
    #viewAppointmentsRegion .datepicker {
        max-width: 82%;
    }
}

@media (max-width: 349px) {
    #createAvailabilitiesRegion .datepicker,
    #viewAppointmentsRegion .datepicker {
        max-width: 75%;
    }
}

.createAvail-modal .select-dropdown {
    border: 2px solid #CCCCCC !important;
}

.createAvail-modal .select-wrapper + label {
    top: -20px;
    left: 0px;
}

.createAvail-modal .input-field label {
    left: 0px;
}

.createAvail-modal .select-wrapper span.caret {
    color: #B1B1B1;
    top: 10px !important;
    right: 5px !important;
}

.createAvail-modal .modal-content .row {
    margin-bottom: 5px;
}

@media only screen and (min-width: 1500px) and (max-width: 1844px) {
    .createAvailability {
        width: 35%;
    }
}

@media only screen and (min-width: 1300px) and (max-width: 1499px) {
    .createAvailability {
        width: 30%;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1299px) {
    .createAvailability {
        width: 35%;
    }
}

@media only screen and (min-width: 900px) and (max-width: 1099px) {
    .createAvailability {
        width: 40%;
    }
}

@media only screen and (min-width: 600px) and (max-width: 899px) {
    .createAvailability {
        width: 70%;
    }
}

@media(max-width: 599px) {
    .createAvailability {
        width: 90%;
    }
}

.today.active, .defaultDate.active {
    font-weight: bold;
}

.today:not(.active),
.defaultDate:not(.active) {
    color: var(--important-green-color-50) !important;
    font-weight: bold;
    display: block;
    text-align: center;
    margin-bottom: 10px;
}

.virtual-waiting-room-containter .item-consultation {
    overflow: hidden;
    min-height: 19px;
}

.virtual-waiting-room-containter .consultationConfirmed {
    background: var(--main-hover-color-50);
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
}

.virtual-waiting-room-containter .consultationPending {
    background: var(--main-color-50);
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
}

.virtual-waiting-room-containter .consultationCancelled {
    background: #ED1C24;
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
}

.consultationCancelled .consultationHour,
.consultationPending .consultationHour,
.consultationConfirmed .consultationHour {
    display: block;
    text-align: center;
}

.date-of-review {
    font-family: var(--main-font-bodytext);
    font-size: 11px;
    line-height: 21px;
    color: var(--text-grey-color-35);
}

.review-customer-name {
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    line-height: 21px;
    color: var(--main-color-50);
}

.review-customer-verified {
    font-family: var(--main-font-bodytext);
    font-size: 11px;
    line-height: 21px;
    color: var(--main-color-50);
}

.review-content p, .review-content {
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    line-height: 21px;
    color: var(--main-hover-color-dark);
    padding-left: 5px;
}

#createAvailabilitiesRegion .dayitems li:not(.appointmentintervalcolumnDisabled):hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #f2f8da;
    border-color: #f2f8da;
    color: var(--text-main-grey-color);
}

.appointmentintervalcolumnDisabled {
    cursor: not-allowed;
}

.noServices {
    text-align: center;
}

.appStatusBar {
    margin-top: 78px;
    text-align: center;
}

    .appStatusBar p {
        display: inline-block;
        padding-left: 10px;
        padding-right: 25px;
        font-size: 15px;
    }

    .appStatusBar div {
        display: inline-block;
    }

.appointmentsApprovedBtn {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: var(--main-hover-color-50);
}

.appointmentsPendingBtn {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: var(--main-color-50);
}

@media (max-width: 992px) {
    .appStatusBar {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    #viewAppointmentsChangeViewModes,
    #createAvailabilitesChangeViewModes {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 1081px) and (max-width: 1256px) {
    .appStatusBar p {
        padding-left: 5px;
        padding-right: 10px;
    }
}

@media only screen and (min-width: 997px) and (max-width: 1080px) {
    .appStatusBar p {
        padding-left: 2px;
        padding-right: 3px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 996px) {
    .appStatusBar p {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (min-width: 762px) and (max-width: 993px) {
    .appStatusBar p {
        padding-left: 5px;
        padding-right: 10px;
    }
}

@media (max-width: 700px) {
    .appStatusBar {
        width: 100% !important;
        text-align: center;
    }

    #viewAppointmentsChangeViewModes,
    #createAvailabilitesChangeViewModes {
        width: 100% !important;
        float: right;
    }
}

.appConsStatConfirmedBg {
    background-color: var(--main-hover-color-50);
    border: 1px solid var(--main-hover-color-50) !important;
}

.appConsStatPendingBg {
    background-color: var(--main-color-50);
    border: 1px solid var(--main-color-50) !important;
}

.appConsStatCanceledBg {
    background-color: #ED1C24;
    border: 1px solid #ED1C24 !important;
}

.appConsStatConfirmedBg:hover {
    background-color: var(--main-hover-color-50) !important;
    border: 1px solid var(--main-hover-color-50) !important;
}

.appConsStatPendingBg:hover {
    background-color: var(--main-color-50) !important;
    border: 1px solid var(--main-color-50) !important;
}

.appConsStatCanceledBg:hover {
    background-color: #ED1C24 !important;
    border: 1px solid #ED1C24 !important;
}

.edAvWeekView .dayitems li:nth-child(odd) {
    border-bottom: 1px dotted #B9B9B9;
}

.edAvWeekView .dayitems li:nth-child(even) {
    border-bottom: 1px solid #B9B9B9;
}

#datepickerDayAvailability {
    padding-top: 0 !important;
    min-width: 135px;
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    color: #13ab89;
    text-align: center;
    margin-top: -3px;
}

.consultationCancelledDouble {
    background-color: transparent !important;
    color: #a9111d;
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    text-align: left;
}

.customer-info-page .fieldset .form-fields {
    padding-top: 0px;
}

.customer-info-page .select-wrapper + label {
    top: -19px;
}

.consultationCancelledDoubleWeek {
    background-color: #ED1C24;
    padding: 5px;
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
}

.overall-rating div {
    background: url('../images/full_star.png') repeat-x;
    height: 17px;
}

.overall-rating {
    background: url('../images/star.png') repeat-x;
    width: 95px;
    height: 17px;
}

.overall-raiting-title {
    background: var(--main-color-50);
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
    padding-bottom: 2px;
    padding-top: 2px;
    display: block;
    text-align: center;
    width: 100%;
}

.box-border {
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-color: rgba(204, 204, 204, 1);
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.overall-rating-box {
    display: inline-block;
}

.overall-rating.stars-right-top {
    margin-top: 7px;
}

.item-raiting {
    vertical-align: sub;
}

.overall-raiting-box {
    float: right;
    width: 13%;
}

.stars-rating-value {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

@media (max-width: 992px) {
    #waitingPatients > .col > .col {
        width: 100%;
        margin: 0;
    }
}

@media (max-width: 767px) {
    .waiting-patients-container > [class*="col"] .scndTblO {
        width: 100%;
        min-height: 1px;
        margin-bottom: 3px;
    }

    .waiting-patients-container .review-content {
        display: block;
    }

    .virtual-waiting-room-containter .doctor-page-title {
        display: block;
        padding: 0;
        text-align: center;
    }
}

#doctorReviews .container-flex {
    display: flex;
}

.scndTblO {
    width: 100%;
}

.filtersContainer {
    margin-bottom: 15px;
}

@media (max-width: 601px) {
    .filtersContainer {
        margin-top: 10px;
    }
}

.waiting-patients-container > [class*="col"] .scndTblO .col {
    width: calc(100% - 85px);
}

.virtual-waiting-room-containter .overall-raiting-box {
    float: right;
}

@media only screen and (max-width: 501px) {
    .right-top-raiting {
        width: 100%;
    }

    .stars-right-top {
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width: 660px) {
    .overall-raiting-box {
        width: auto;
        float: none !important;
        clear: both;
    }

    .right-top-raiting {
        width: 100%;
    }

    .stars-right-top {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 992px) {
    .overall-raiting-box {
        width: auto;
        float: none !important;
        clear: both;
        padding: 0 0.75rem !important;
    }

        .overall-raiting-box .box-border {
            display: inline-block;
        }

            .overall-raiting-box .box-border .overall-raiting-title {
                padding: 3px 30px;
                white-space: nowrap;
            }
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
    .right-top-raiting {
        width: 100%;
    }

    .stars-right-top {
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width:993px) {
    .overall-raiting-box {
        width: 15%;
    }

    .right-top-raiting {
        width: 100%;
    }

    .stars-right-top {
        margin-left: auto;
        margin-right: auto;
    }
}

.shopping-cart-text {
    width: 260px;
}

.ellipsisContainer {
    text-overflow: ellipsis;
    max-width: 115px;
    white-space: nowrap !important;
    overflow: hidden;
    overflow-y: hidden !important;
}

#consultationsTable th {
    white-space: normal;
    max-width: 60px;
}

#consultationsTable i.specialists-board-info {
    color: var(--main-color-50);
}

.z-depth-1,
nav,
.card-panel,
.card,
.toast,
.btn,
.btn-large,
.btn-floating,
.dropdown-content,
.collapsible {
    box-shadow: none;
}

@media only screen and (min-width: 993px) and (max-width: 1300px) {
    .container .page .shopping-cart-right {
        width: 100%;
    }

    .container .page .shopping-cart-left {
        width: 100%;
    }
}

.menuActive:hover {
    border-right: 3px solid #13ab89 !important;
    color: #13ab89 !important;
    background-color: white !important;
}

.not-found-page {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem !important;
}

.not-found-page .page-title h1 {
    color: #000;
    margin-bottom: 0px;
}

.not-found-page p,
.not-found-page ul {
    text-align: center;
    padding-left: 0 !important;
}

.txt-bold {
    font-weight: bold !important;
}

.customer-list td {
    background: #F2F2F2 !important;
    background: rgba(242, 242, 242, 1) !important;
    border-color: white !important;
    border-width: 2px !important;
    border-style: solid !important;
    padding-left: 7px !important;
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
}

#customersTable .child td li div {
    white-space: normal;
    overflow-y: auto;
    max-height: 70px;
    display: block;
}

.customer-list td div, .appointment-row td div {
    white-space: normal;
    max-height: 70px;
}

    .customer-list td div::-webkit-scrollbar,
    .appointment-row td div::-webkit-scrollbar,
    .waiting-room-cons-reason::-webkit-scrollbar {
        width: 4px;
    }

    .customer-list td div::-webkit-scrollbar-track,
    .appointment-row td div::-webkit-scrollbar-track,
    .waiting-room-cons-reason::-webkit-scrollbar-track {
        background: #e0e0e0;
    }

    .customer-list td div::-webkit-scrollbar-thumb,
    .appointment-row td div::-webkit-scrollbar-thumb,
    .waiting-room-cons-reason::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 5px;
    }

        .customer-list td div::-webkit-scrollbar-thumb:hover,
        .appointment-row td div::-webkit-scrollbar-thumb:hover,
        .waiting-room-cons-reason::-webkit-scrollbar-thumb:hover {
            background: #555;
        }


.customer-list label {
    padding-bottom: 23px;
    padding-left: 0px;
}

.all-customers-table.datataboverr .dataTables_wrapper .dataTables_filter {
    width: 23%;
    margin-top: -100px;
}

.all-customers-table .customer-list .viewConsultationReason,
.all-customers-table .customer-list .noConsultationReasonAvailable {
    white-space: nowrap;
}

.customer-consultations .find-button {
    background-color: var(--main-color-50);
}

    .customer-consultations .find-button:hover,
    .customer-consultations .find-button:focus {
        background-color: var(--main-hover-color-50);
    }

.showMedicalReport {
    display: block;
}

.search-patient-button {
    height: 35px !important;
    width: 80% !important;
    border-radius: 0.5rem;
    float: left !important;
}

@media (max-width:600px) {
    #searchDocument {
        margin-top: 10px;
    }
}

@media screen and (min-width:600px) and (max-width:993px) {
    .search-patient-button-container {
        padding-left: 0 !important;
    }

    .search-patient-input-container {
        padding: 0 !important;
    }
}

.find-button {
    height: 44px;
    background-color: var(--main-color-inverted);
    font-size: 14px;
    line-height: 22.01px;
    letter-spacing: 1.97px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
    width: 117px;
    border: none;
    float: right;
}

    .find-button:hover,
    .find-button:focus {
        background-color: var(--main-hover-color-inverted);
    }

.all-customers-table.datataboverr .dataTable {
    border: none;
    border-bottom: none !important;
    margin-top: -20px;
}

.all-customers-table table.dataTable thead .sorting {
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
}

.customer-list td {
    border-top: 0px !important;
    border-bottom-width: 4px;
}

.customer-list .view-button {
    font-family: var(--main-font-bodytext);
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    color: #13ab89;
}

.all-customers-table .dataTables_wrapper .dataTables_filter input {
    display: none;
}

.all-customers-table .dataTables_wrapper .dataTables_filter {
    display: none;
}

.all-customers-table table.dataTable thead th {
    border-bottom: none;
}

.all-customers-table table.dataTable tbody td {
    padding-top: 7px;
    padding-bottom: 7px;
}

.all-customers-table [type="checkbox"] + label:before {
    border-style: Solid;
    border-color: #BCBEC0;
    border-color: rgba(188, 190, 192, 1);
    border-width: 2px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}

.all-customers-table table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
.all-customers-table table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    margin-top: -8.5px !important;
    margin-left: -9px !important;
}

.consReason {
    word-break: break-word;
    overflow-y: auto;
    white-space: normal;
    max-width: 100vw;
    max-height: 80px;
}

.waiting-room-cons-reason {
    max-height: 90px;
    overflow: auto;
}

.find-customer-button .search-customer {
    border-radius: 0.5rem;
}

@media only screen and (min-width: 320px) and (max-width: 600px) {
    .find-customer-button .search-customer {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 600px) {
    .search-patient-button {
        width: 100% !important;
    }
}

@media only screen and (min-width: 601px) and (max-width: 992px) {
    .find-customer-button .find-button {
        margin-top: 0px;
        height: 42px;
        margin-left: 10px;
    }
}

@media only screen and (min-width: 601px) and (max-width: 700px) {
    .find-customer-button #searchCustomer {
        width: 80px;
    }
}

.view-button-mobile {
    font-family: var(--main-font-bodytext);
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
    color: var(--main-color-50);
}

.finishReport {
    color: var(--error-red);
    font-family: var(--main-font-bodytext);
    font-size: 15px;
    font-weight: bold;
    line-height: 21px;
}

.customerOnlineNutritionistFile .normal-text {
    font-weight: 100;
    font-family: Myriad Pro;
    font-size: 13px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
}

.customerOnlineNutritionistFile .boldTitle {
    font-family: Myriad Pro;
    font-size: 13px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
}

.customerOnlineNutritionistFile {
    min-height: 250px;
}

table.dataTable.display tbody tr.customer-list:hover {
    background: #E1F4DC !important;
    cursor: pointer;
}

table.dataTable.display tbody tr.customer-list-active {
    background: #E1F4DC !important;
}

    table.dataTable.display tbody tr.customer-list-active td.customer-list-cell {
        background: var(--main-hover-color-75) !important;
        cursor: pointer;
    }

table.dataTable.display tbody tr.customer-list:hover td.customer-list-cell {
    background: var(--main-hover-color-75) !important;
    cursor: default;
}

.all-customers-table {
    margin-bottom: 25px;
}

.blueStatus {
    color: var(--main-color-50);
}

.customerConsultationDetailsTab {
    display: block;
}

.simditor .simditor-body, .editor-style {
    background-color: white;
    min-height: 400px;
    line-height: 21px !important;
    padding-top: 10px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    font-family: pt_sansregular !important;
    font-size: 14px !important;
    color: #787474 !important;
    color: rgb(120, 116, 116);
    resize: none !important;
}

    .simditor .simditor-body p, .simditor .simditor-body div, .editor-style p, .editor-style div {
        margin: 0px !important;
    }

    .simditor .simditor-body img, .editor-style img {
        margin: 0px !important;
    }

.NotesList .consultationNoteItem {
    cursor: pointer;
}

    .NotesList .consultationNoteItem span {
        display: inline-block;
    }

    .NotesList .consultationNoteItem .consultationNoteTitle {
        font-family: pt_sansbold;
        font-size: 15px;
        color: var(--main-color-50);
        transition: all .3s;
    }

        .NotesList .consultationNoteItem .consultationNoteTitle:hover {
            color: var(--main-hover-color-50);
        }

.notificationListBody .dataTables_paginate .paginate_button.current,
.notificationListBody .paginate_button.current:hover {
    color: #13ab89 !important;
}

.find-customer-button input[type=text]:not([readonly]) {
    color: rgb(116, 116, 116);
}

table.dataTable thead .no-arrow.sorting,
table.dataTable thead .noArrow.sorting,
table.dataTable thead .no-arrow.sorting_asc,
table.dataTable thead .noArrow.sorting_asc,
table.dataTable thead .no-arrow.sorting_desc,
table.dataTable thead .noArrow.sorting_desc {
    background-image: none !important;
}

table.dataTable .show-collapsed {
    display: none !important;
}

table.dataTable.collapsed .show-collapsed {
    display: table-cell !important;
    width: 0 !important;
    padding: 0 23px !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.show-collapsed:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.show-collapsed:before {
    top: 50% !important;
    left: 50% !important;
    margin-top: -9px;
    margin-left: -9px;
}

#viewConsultationChatHistory {
    width: 45%;
}

#consultationChatHistory .consultationChatHistory span {
    display: block;
    text-align: center;
}

#consultationChatHistory span.ChatHistoryFirstTitle {
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 19.13px;
}

#consultationChatHistory span.ChatHistorySecondTitle {
    margin-top: 10px;
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 19.13px;
}

#consultationChatHistory span.ChatHistorySecondTitleNoMargin {
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 19.13px;
}

#consultationChatHistory text.ChatHistoryConsultationIdTitle {
    font-family: var(--main-font-bodytext);
    font-size: 19px;
    line-height: 29.26px;
    color: var(--main-color-50);
}

#consultationChatHistory .consultationChatHistory {
    height: 100%;
    width: 100%;
}

#consultationChatHistory .consultationChatHistory .chatmessages-history {
    overflow: auto;
    width: 100%;
    word-break: break-word;
}

#consultationChatHistory .consultationChatHistory .chatmessages-history span {
    display: inline-block;
}

#consultationChatHistory .consultationChatHistory .chatmessages-history .sp + .messageDateFloatLeft,
#consultationChatHistory .consultationChatHistory .chatmessages-history .fp + .messageDateFloatRight {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 5px;
}

#consultationChatHistory .consultationChatHistory > .chatmessages-history > :last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

#consultationChatHistory .consultationChatHistory .chatmessages-history .sp + .messageDateFloatLeft:after,
#consultationChatHistory .consultationChatHistory .chatmessages-history .fp + .messageDateFloatRight:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 125%;
    height: 1px;
    background: #e0dede;
}

#consultationChatHistory .consultationChatHistory .chatmessages-history .sp + .messageDateFloatLeft:after {
    right: -25%;
}

#consultationChatHistory .consultationChatHistory .chatmessages-history .fp + .messageDateFloatRight:after {
    left: -25%;
}

#consultationChatHistory .consultationChatHistory > .chatmessages-history > :last-child:after {
    display: none !important;
}

#consultationChatHistory .consultationChatHistory .chatmessages-history .fp {
    float: right;
    width: 100%;
    text-align: right;
    font-family: var(--main-font-bodytext);
    font-size: 18px;
    line-height: 22px;
    color: var(--main-color-50);
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    width: 80%;
}

#consultationChatHistory .consultationChatHistory .chatmessages-history .sp {
    float: left;
    width: 100%;
    font-family: var(--main-font-bodytext);
    font-size: 18px;
    line-height: 22px;
    color: var(--main-color-35);
    padding-top: 5px;
    padding-left: 5px;
    width: 80%;
}

#consultationChatHistory .consultationChatHistory .chatmessages-history .messageDateFloatRight {
    float: right;
    width: 100%;
    text-align: right;
    font-family: var(--main-font-bodytext);
    font-size: 12px;
    color: #787474;
    color: rgb(120, 116, 116);
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    width: 80%;
}

#consultationChatHistory .consultationChatHistory .chatmessages-history .messageDateFloatLeft {
    float: left;
    width: 100%;
    font-family: var(--main-font-bodytext);
    font-size: 12px;
    color: #787474;
    color: rgb(120, 116, 116);
    padding-left: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    width: 80%;
}

#viewConsultationRecommendations .consultationChatHistory span {
    display: block;
    text-align: center;
}

#viewConsultationRecommendations span.ChatHistoryFirstTitle {
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 19.13px;
}

#viewConsultationRecommendations span.ChatHistorySecondTitle {
    margin-top: 10px;
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 19.13px;
}

#viewConsultationRecommendations span.ChatHistorySecondTitleNoMargin {
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 19.13px;
}

#viewConsultationRecommendations text.ChatHistoryConsultationIdTitle {
    font-family: var(--main-font-bodytext);
    font-size: 19px;
    line-height: 29.26px;
    color: #13ab89;
    color: rgb(170, 205, 6);
}

.consultationChatHistory .recommendation-container {
    overflow: auto;
    width: 100%;
    border-top: 1px solid #E0DEDE;
    padding-top: 5px;
    margin-top: 5px;
}

#viewConsultationRecommendations .consultationChatHistory .recommendation-container span.boldTitle {
    text-align: left;
    font-family: Myriad Pro;
    font-size: 13px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
}

#viewConsultationRecommendations .consultationChatHistory .recommendation-container span.normal-title {
    text-align: left;
    font-family: var(--main-font-title);
    font-size: 13px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
}

#viewConsultationRecommendations .consultationChatHistory .recommendation-container .green-title {
    font-family: var(--main-font-title);
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
    color: #13ab89;
}

.consultationChatHistory .recommendation-container .row {
    margin-left: 0px;
    margin-right: 0px;
}

.consultationChatHistory .recommendation-container div {
    margin-bottom: 5px;
}

.ChatHistoryFirstTitle {
    font-size: 15px !important;
    line-height: normal;
}

.ChatHistoryConsultationIdTitle {
    color: var(--main-color-50);
}

#viewConsultationRecommendationsFiles .consultationChatHistory span,
#viewConsultationUploadedFiles .consultationChatHistory span {
    display: block;
    text-align: center;
}

#viewConsultationUploadedFiles .consultationChatHistory span + .files-container {
    margin-top: 15px;
}

#viewConsultationRecommendationsFiles .consultationChatHistory .txt-align-init,
#viewConsultationUploadedFiles .consultationChatHistory .txt-align-init {
    text-align: initial;
}

#viewConsultationHistoryReccomendFiles .consultationChatHistory span {
    display: block;
    text-align: center;
}

#viewConsultationHistoryReccomendFiles .consultationChatHistory span + .recommendation-container {
    margin-top: 15px;
}

#viewConsultationUploadedFiles span.ChatHistoryFirstTitle {
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 19.13px;
}

#viewConsultationHistoryReccomendFiles span.ChatHistoryFirstTitle {
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 19.13px;
}

.consultationChatHistory span.ChatHistorySecondTitle {
    margin-top: 10px;
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 19.13px;
}

.consultationChatHistory span.ChatHistorySecondTitleNoMargin {
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 19.13px;
}

.consultationChatHistory text.ChatHistoryConsultationIdTitle {
    font-family: var(--main-font-bodytext);
    font-size: 19px;
    line-height: 29.26px;
    color: var(--main-color-50);
}

.consultationChatHistory .files-container {
    overflow: auto;
    width: 100%;
    margin-top: 15px !important;
    word-break:break-word;
}

.consultationChatHistory .files-container > .files-item,
#customerFiles-tab-type2 .files-container > .files-item {
    padding-bottom: 5px !important;
    margin-bottom: 5px !important;
    border-bottom: solid 1px #e0dede;
}

.consultationChatHistory .files-container > .files-item:last-child,
#customerFiles-tab-type2 .files-container > .files-item:last-child {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: none;
}

#customerFiles-tab-type2 .files-container > .files-item {
    padding-bottom: 0px !important;
}

#customerFiles-tab-type2 .files-container {
    width: 100%;
    overflow: auto;
}

#customerFiles-tab-type2 .files-container .files-item div {
    padding: 0 0.75rem;
}

#viewConsultationUploadedFiles .consultationChatHistory .files-container span.boldTitle {
    text-align: left;
    font-family: Myriad Pro;
    font-size: 13px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
}

#viewConsultationHistoryReccomendFiles .consultationChatHistory .files-container span.boldTitle,
#customerFiles-tab-type2 span.boldTitle {
    text-align: left;
    font-family: Myriad Pro;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
    font-weight: normal;
}

#viewConsultationUploadedFiles .consultationChatHistory .files-container span.normal-title {
    text-align: left;
    font-family: var(--main-font-title);
    font-size: 13px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
}

#viewConsultationHistoryReccomendFiles .consultationChatHistory .files-container span.normal-title {
    text-align: left;
    font-family: var(--main-font-title);
    font-size: 13px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
}

#viewConsultationUploadedFiles .consultationChatHistory .files-container span.downloadUrl,
#viewConsultationRecommendationsFiles .consultationChatHistory .files-container span.downloadUrl,
#customerFiles-tab-type2 span.downloadUrl {
    text-align: left;
    font-family: var(--main-font-title);
    font-size: 13px;
    line-height: 21px;
    color: var(--main-color-50);
    word-break: break-word;
}

#customerFiles-tab-type2 span.downloadUrlDisabled {
    text-align: left;
    font-family: var(--main-font-title);
    font-size: 13px;
    line-height: 21px;
    color: var(--main-color-50);
    word-break: break-word;
    font-size: 19px;
    cursor: not-allowed;
}

.consultationOverviewTab-type2 span.downloadUrlDisabled {
    display: inline-block !important;
}

#viewConsultationHistoryReccomendFiles .consultationChatHistory .files-container span.downloadUrl {
    text-align: left;
    font-family: var(--main-font-title);
    font-size: 13px;
    line-height: 21px;
    color: var(--main-color-50);
}

#viewConsultationRecommendationsFiles .consultationChatHistory .files-container .green-title,
#viewConsultationUploadedFiles .consultationChatHistory .files-container .green-title {
    font-family: var(--main-font-title);
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
    color: var(--main-color-50);
}

#viewConsultationHistoryReccomendFiles .consultationChatHistory .files-container .green-title {
    font-family: var(--main-font-title);
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
    color: var(--main-color-50);
}

.viewConsultationUploadedFiles .files-container .row {
    margin-left: 0px;
    margin-right: 0px;
}

.viewConsultationUploadedFiles .files-container div {
    margin-bottom: 5px;
}

#consultationUploadedFiles,
#consultationRecommendations,
#consultationChatHistory {
    overflow-y: auto;
    max-height: 70vh;
}

.viewConsultationHistoryReccomendFiles .files-container .row {
    margin-left: 0px;
    margin-right: 0px;
}

.viewConsultationHistoryReccomendFiles .files-container div {
    margin-bottom: 5px;
}

#submitReview,
#reviewReplySentModal,
#viewConsultationChatHistory,
#submit-ask-customer,
#askCustomerSentModal,
#viewConsultationRecommendations,
#viewConsultationUploadedFiles,
#consultationReasonModal,
#viewConsultationHistoryReccomendFiles,
#viewMessageFromPractitioner {
    overflow: visible;
}

#reviewReplyBody,
#askCustomerBody {
    border-color: #dfdddd;
    resize: none;
    padding-left: 10px;
    padding-top: 4px;
}

#reviewReplyBody:focus,
#askCustomerBody:focus {
    border-color: #a1a1a1;
}

#toCustomerReplyName,
#toAskCustomerName,
.title-customer-name,
.titleWordHighlight {
    color: var(--main-color-50);
}

.close-registration-modal-image {
    overflow: visible;
}

.notificationListBody .dataTables_paginate .paginate_button:hover {
    border: 1px solid #EF7F1A;
    background: #EF7F1A;
}

#close-submitaskcustomer-modal,
#close-askCustomer-sent-modal,
#close-viewConsultationRecommendations-modal {
    display: block;
    float: right;
    position: fixed;
    top: -10px;
    right: -10px;
    height: 20px;
}

#askCustomer-validation-errors {
    color: red;
}

.all-customers-table #consultationsTable_wrapper table.dataTable thead .noArrow.sorting_asc,
.all-customers-table #consultationsTable_wrapper table.dataTable thead .noArrow.sorting {
    background-image: none;
}

@media only screen and (min-width: 320px) and (max-width: 526px) {
    .questionnaireBody .questionnaireTitleLeftBold {
        width: 100% !important;
    }

    .questionnaireBody .questionnaireTitleRight {
        width: 28% !important;
    }

    .questionnaireBody .questionnaireTitleLeftPadded {
        width: 100% !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 406px) {
    .questionnaireTitleRight {
        padding-left: 55px;
        padding-right: 57px;
    }
}

.all-customers-table .customer-list td.follow-up-today {
    text-align: center;
    background-color: #13ab89 !important;
    color: #fff;
}

.all-customers-table .customer-list td.follow-up-schedule {
    text-align: left;
    background-color: var(--main-hover-color-75) !important;
}

@media only screen and (min-width: 320px) and (max-width: 366px) {
    .personal-details-page [type="checkbox"] + label {
        height: 40px;
    }
}

@media only screen and (min-width: 425px) and (max-width: 480px) {
    [type="checkbox"] + label {
        height: 30px;
        line-height: none;
    }
}

.customer-details-page .input-field input {
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    line-height: 22.97px;
    color: var(--main-color-text-dark);
}

.customer-details-page .input-field .gender label {
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    color: var(--main-color-50);
}

.customer-details-page .form-fields .row label,
.legalSupervisorFields label {
    font-family: var(--main-font-bodytext);
    font-size: 16px;
}

.customer-details-page .personal-details label.dateofbirth-label-top {
    font-family: var(--main-font-bodytext);
    font-size: 14px;
}

.customer-details-page .title > strong {
    font-family: var(--main-font-bodytext);
    font-size: 20px;
    line-height: 1.3;
    color: #13ab89;
}

.customer-details-page .style-bday .input-field .select-wrapper {
    display: inline-block;
    margin-right: 21px;
}

@media only screen and (min-width: 993px) {
    .customer-details-page .style-bday .input-field .select-wrapper {
        margin-right: 22px;
    }
}

.customer-details-page .style-bday .input-field .select-wrapper input {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.customer-details-page .style-bday .input-field .select-wrapper:first-child {
    width: 40%;
}

.customer-details-page .style-bday .input-field .select-wrapper:nth-child(2) {
    width: 18%;
}

.customer-details-page .style-bday .input-field .select-wrapper:nth-child(3) {
    width: calc(42% - 44px);
    margin-right: 0px;
}

.customer-details-page .row.title-bday, .row.email-class, .row.name-class {
    margin-bottom: 0px;
}

.customer-details-page .row.title-bday > .col {
    padding: 0px;
}

.customer-details-page .caret {
    z-index: 100;
}

.search-document {
    margin-bottom: 0px;
}

@media screen and (max-width:600px) {
    .search-document {
        width: 70%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

.customer-details-page label.required-star:after {
    content: "*";
    margin-left: 0.25em;
    color: var(--main-color-50);
}

.customer-details-page label.dateofbirth-label-top.required-star:after {
    content: "*";
    margin-left: 0.25em;
    color: var(--main-color-50);
}

.gdprHistory {
    position: relative;
    padding-right: 45px;
}

.gdprHistory .fa {
    position: absolute;
    top: 50%;
    right: 0;
    width: 45px;
    text-align: center;
    font-size: 20px;
    transform: translate(0, -50%);
}

.gdpr-history {
    height: 500px;
    overflow-y: auto;
}

.buttonDeleteMessage,
.buttonCloseVideo,
.deleteFileBtn {
    background-color: var(--button-red);
    width: 130px;
}

#endConsultationYesButton {
    background-color: var(--important-green-color-50);
}

#endConsultationYesButton:hover {
    background-color: var(--main-hover-color-50);
}

.cancelBtn,
#confirm-delete-invalid,
#buttonCancelConsultation {
    background-color: var(--main-hover-color-50);
}

.cancelBtn:focus,
.cancelBtn:hover,
#confirm-delete-invalid:focus,
#confirm-delete-invalid:hover,
#buttonCancelConsultation:focus,
#buttonCancelConsultation:hover {
    background-color: var(--main-color-50);
}

.cancelModal,
#modal-delete-validation {
    width: 40%;
}

.redWarning {
    color: var(--button-red) !important;
}

.titleBigBlack,
.titleMediumBlack,
.titleSmallBlack {
    font-family: Antic Slab;
    color: var(--text-grey-color-15);
}

.titleBigBlack {
    font-size: 30px;
}

.titleMediumBlack {
    font-size: 20px;
}

.titleSmallBlack {
    font-size: 15px;
    font-family: var(--main-font-bodytext);
}

.noValuesWarning {
    font-size: 13px;
    color: var(--error-red) !important;
}

.buttonConfirmation {
    border-radius: 5px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    height: 100%;
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 28.2px;
}

.btn-assign-questionnaire {
    border: 0.2rem solid var(--main-color-50) !important;
}

.btn-assign-questionnaire:hover,
.btn-assign-questionnaire:focus {
    border: 0.2rem solid var(--main-hover-color-50) !important;
}

#unfinishedMedicalDocumentsWarningModal {
    max-height: 90% !important;
    overflow: hidden auto !important;
}

select[name=SelectedParticipantId] {
    display: block;
}

.gdprHistory.active .gdprHistory:hover {
    color: #4f622a !important;
}

.gdprHistory {
    text-align: center;
    background: #b3d4fc;
    border-radius: 10px;
    margin-top: 10px !important;
    padding: 10px 45px 10px 15px;
    background: #fff;
    color: var(--main-color-50);
    position: relative;
    cursor: pointer;
    border: solid 1px #e7e7e7;
    margin-bottom: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 8%);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 5px 0px rgb(0 0 0 / 8%);
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

@media screen and (min-width: 601px) {
    .pt-5-601px {
        padding-top: 5px !important;
    }
}

.customAttr .select-wrapper input.select-dropdown {
    width: 90%;
}

.legalSupervisorFields .form-fields-style .row {
    margin-bottom: 0;
}

.personal-details,
.myAccount-legalSup {
    width: 450px;
    max-width: 100%;
}

.customer-details-page .form-fields.personal-details {
    padding: 0px;
}

.select-wrapper .caret {
    right: 1px;
}

.customer-details-page .dropdown-content {
    min-width: 50px;
}

#createAvailability .dropdown-content {
    max-height: 145px;
}

.customer-details-page .mycheckbox [type="radio"] + label:before,
.customer-details-page .consentCheckbox [type="radio"] + label:before {
    border: 2px solid var(--main-color-50);
}

.customer-details-page .mycheckbox [type="radio"]:checked + label:before,
.customer-details-page .consentCheckbox [type="radio"]:checked + label:before {
    border: 2px solid var(--main-color-50);
}

.customer-details-page .input-field .my-save-button {
    background: var(--main-color-50);
    font-family: var(--main-font-bodytext);
    font-size: 1.2rem;
    letter-spacing: 1.97px;
    color: #FFFFFF;
    border: 0.2rem solid var(--main-color-50);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 6px;
    padding: 0.2rem;
    white-space: nowrap;
}

.questionnaire-title p {
    font-family: var(--main-font-bodytext);
    font-weight: bold;
    font-size: 24px;
    color: #2C3F4E;
    color: var(--text-grey-color-15);
}

.questionnaire-title {
    width: 100%;
}

.questionnaire-description {
    padding-left: 0.75rem;
}

.completedDate {
    padding-left: 0.75rem;
    margin-bottom: 10px;
}

.question-title {
    font-weight: bold;
    display: inline !important;
}

.question-title p {
    display: inline;
}

.question-title span {
    display: inline !important;
}

.section-title {
    font-size: 20px;
    margin-top: 10px;
    color: var(--main-hover-color-50);
}

.section-description {
    margin-bottom: 15px;
    padding-left: 0.75rem;
}

#patientQuestionnaire hr {
    margin-bottom: 5px;
}

#patientQuestionnaire select,
#medicalReportPartial select {
    display: initial !important;
}

#patientQuestionnaire select[disabled] {
    color: inherit;
}

#patientQuestionnaire input[disabled] + label {
    cursor: default;
}

#patientQuestionnaire input[disabled] + .patient-consent-label {
    color: var(--text-grey-color-35);
}

#patientQuestionnaire .form-fields.personal-details {
    padding: 20px 0px;
}

#patientQuestionnaire input,
#patientQuestionnaire textarea,
[type="checkbox"]:not(:checked) + label::before,
[type="radio"] + label::before,
[type="checkbox"].filled-in:not(:checked) + label:after {
    background-color: white;
}

[type="checkbox"]:not(:checked):disabled + label:before {
    border: 2px solid rgba(0, 0, 0, 0.26);
    background-color: #fff;
}

#questionnaireTab #patientQuestionnaire {
    position: relative;
}

.questionnaireConsultations {
    margin-bottom: 10px !important;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.questionnaireConsultations label {
    font-weight: bold;
    font-size: 15px;
}

#unassignedQuestionnaireModal .questionnaireContent .questionnaire-section {
    margin-top: 2rem;
}

#unassignedQuestionnaireModal .questionnaireContent .questionnaire-section:first-child {
    margin-top: 0;
}

#unassignedQuestionnaireModal .questionnaire-section .section-question {
    margin-top: 2rem;
}

#unassignedQuestionnaireModal .questionnaire-section .section-question:first-child {
    margin-top: 1rem;
}

.patient-consent-label {
    width: 100% !important;
}

.customer-details-page .bkg-card-panel {
    background-color: #fff !important;
}

#consultationStep2_1PriceText {
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: var(--main-font-bodytext);
    font-size: 25px;
    color: var(--main-hover-color-50);
}

#consultationEndedDoctorSide .consultationStepTitleBlue,
#consultationEndedDoctorSide .consultationStepTitleDarkBlue {
    font-family: var(--main-font-bodytext);
    font-size: 30px;
}

#consultationEndedDoctorSide .consultationStepTitleBlue {
    font-weight: bolder;
}

#consultationEndedDoctorSide .consultationStepTitleBlue {
    color: var(--main-color-50);
}

#consultationEndedDoctorSide .consultationStepTitleDarkBlue {
    color: var(--main-hover-color-50);
}

#consultationEndedDoctorSide .consultationStepGreenText {
    font-family: Antic Slab;
    font-size: 30px;
    color: #13ab89;
    color: rgb(170, 205, 6);
}

#consultationEndedDoctorSide .endConsultationButton {
    font-family: var(--main-font-bodytext);
    font-size: 18px;
    line-height: 24.53px;
    color: #FFFFFF;
    width: 50%;
}

#consultationEndedDoctorSide .buttonBookAnotherConsultaton {
    font-family: var(--main-font-bodytext);
    font-size: 18px;
    line-height: 24.53px;
    color: var(--main-hover-color-50);
    border-color: var(--main-hover-color-50);
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 50%;
}

#consultationEndedDoctorSide .buttonBookAnotherConsultaton:hover {
    color: #FFFFFF;
    border-color: var(--main-hover-color-50);
    background-color: var(--main-hover-color-50);
}

.consultationFollowUpIntervals span {
    display: inline-block;
    border: 1px solid var(--main-color-50);
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: var(--main-color-50);
    font-family: var(--main-font-bodytext);
    font-size: 18px;
    line-height: 24.53px;
    color: #FFFFFF;
    cursor: pointer;
    margin: 5px;
    border-radius: 2px;
}

.consultationFollowUpIntervals span:hover,
.consultationFollowUpIntervals span.active {
    border: 1px solid var(--main-hover-color-50);
    background: var(--main-hover-color-50);
}

#validation-errors-followUpCreate {
    color: red;
}

.validationResult {
    background-color: #3e7708 !important;
}

.validationDefault {
    background-color: #0c3f61 !important;
}

.change-password-info-page .subtitle p {
    font-family: var(--main-font-bodytext);
}

.change-password-info-page .form-fields .row {
    margin: 0px;
}

.change-password-info-page .fieldset {
    background-color: transparent !important;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.eye-password {
    position: relative;
}

.eye-password .eye {
    position: absolute;
    right: 11px;
    top: 3px;
    height: 43px;
    width: 51px;
    background: none;
}

.eye-password #eye-confirm {
    position: absolute;
    right: 11px;
    top: 3px;
    height: 43px;
    width: 51px;
    background: none;
}

.register-container .eye-password .eye {
    right: 8px;
    width: 52px;
    top: 2rem !important;
    height: 2.5rem;
}

.password-recovery-page .form-fields .eye-password .eye {
    right: 0;
    width: 52px;
    padding: 0;
}

.change-password-info-page input[type="password"] {
    font-family: caption;
    color: var(--text-grey-color-10);
    font-size: 14px;
    width: 100%;
}

.change-password-info-page .button-change-password,
.account-activation .activate-account-btn {
    background-color: var(--main-color-50);
    height: 45px;
    line-height: 45px;
    border-radius: 0.5rem;
}

.pass-change-success .btn{
    border-radius: 0.5rem;
}

.account-activation .activate-account-btn:hover {
    background-color: var(--main-hover-color-50);
}

.account-activation .form-fields .password {
    background-color: #fff;
}

.change-password-info-page .subtitle {
    margin-bottom: 0px;
    margin-top: 25px;
    font-family: var(--main-font-bodytext);
    font-weight: bold;
    font-size: 18px;
    color: #13ab89;
}

.change-password-info-page .subtitle .col {
    padding: 0px;
} 

.consultationFinishedContainer .buttonReminderSentOk {
    background: var(--main-color-50);
    letter-spacing: 1.97px;
    color: #FFFFFF;
    border: 2px solid var(--main-color-50);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: pt_sansbold;
    font-size: 18px;
    line-height: 24.53px;
    text-transform: uppercase;
    width: 64%;
}

.consultationFinishedContainer .buttonReminderSentOk:hover {
    border: 2px solid var(--main-hover-color-50);
    background: var(--main-hover-color-50);
}

.consultationFinishedContainer .calendar {
    border: none;
    width: 55%;
}

.consultationFinishedContainer .calendar header {
    background: var(--main-color-50);
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    padding: 10px;
}

.consultationFinishedContainer .calendar .color-green {
    font-family: var(--main-font-bodytext);
    font-size: 18px;
    line-height: 24.53px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
}

.consultationFinishedContainer .calendar thead {
    font-family: var(--main-font-bodytext);
    font-size: 16px;
    line-height: 24.53px;
    color: #FFFFFF;
    border-left: 1px solid var(--text-grey-color-35);
    border-right: 1px solid var(--text-grey-color-35);
    text-transform: uppercase;
}

.consultationFinishedContainer .calendar thead td {
    border: none;
    border-radius: 0%;
    text-align: center;
    width: 48px;
    padding: 5px;
}

.consultationFinishedContainer .calendar .button-nextnew {
    background-image: url(../images/arrow-right.png);
    background-repeat: no-repeat;
    right: 0;
    top: 20px;
    height: 32px;
    position: absolute;
    width: 32px;
}

.consultationFinishedContainer .calendar .button-previousnew {
    background-image: url(../images/arrow-left.png);
    background-repeat: no-repeat;
    left: 20px;
    top: 20px;
    height: 32px;
    position: absolute;
    width: 32px;
}

.consultationFinishedContainer .calendar tbody td div {
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 24.53px;
    background: #FFFFFF;
    background: rgba(255, 255, 255, 1);
}

.consultationFinishedContainer .calendar tbody td {
    border: 1px solid;
    border-radius: 0%;
    text-align: center;
    width: 48px;
    padding: 5px;
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 24.53px;
    background: #FFFFFF;
    background: rgba(255, 255, 255, 1);
    color: var(--text-main-grey-color);
    color: rgb(119, 119, 119);
    cursor: pointer;
}

.consultationFinishedContainer .calendar .current-day div {
    background: #F5F5F5;
    background: rgba(245, 245, 245, 1);
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 24.53px;
    border: none;
    border-radius: 0;
    color: var(--text-main-grey-color);
    color: rgb(119, 119, 119);
    opacity: 0.4;
    filter: alpha(opacity=40) progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

.consultationFinishedContainer .calendar .cantBeSelected,
.consultationFinishedContainer .calendar .cantBeSelectedOld {
    background: #F5F5F5;
    background: rgba(245, 245, 245, 1);
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 24.53px;
    border: none;
    border-radius: 0;
    color: var(--text-main-grey-color);
    color: rgb(119, 119, 119);
    opacity: 0.4;
    filter: alpha(opacity=40) progid:DXImageTransform.Microsoft.Alpha(opacity=40);
}

.consultationFinishedContainer .calendar .cantBeSelectedOld {
    display: none;
}

.consultationFinishedContainer .calendar tbody td:hover div {
    border: none;
    border-radius: 0;
    border-color: var(--main-color-50);
    background-color: var(--main-color-50);
    color: #FFFFFF;
}

.consultationFinishedContainer .calendar tbody td.active div {
    border: none;
    border-radius: 0;
    border-color: #13ab89;
    background-color: #13ab89;
    color: #FFFFFF;
}

#consultationEndedDoctorSide .main-reg-modal {
    margin-top: 2%;
    margin-bottom: 2%;
}

#consultationEndedDoctorSide_CalendarDate {
    margin-bottom: 0px;
}

.consultationFollowUpIntervals {
    margin-bottom: 0px !important;
}

#questionsHistoryAnsweresContent .input-field label {
    color: #3a3939;
}

#questionsHistoryAnsweresContent .select-wrapper + label {
    top: -20px;
}

#questionsHistoryAnsweresContent input:not([type]),
#questionsHistoryAnsweresContent input[type=text],
#questionsHistoryAnsweresContent input[type=password],
#questionsHistoryAnsweresContent input[type=email],
input[type=url],
#questionsHistoryAnsweresContent input[type=time],
#questionsHistoryAnsweresContent input[type=date],
input[type=datetime-local],
#questionsHistoryAnsweresContent input[type=tel],
#questionsHistoryAnsweresContent input[type=number],
#questionsHistoryAnsweresContent input[type=search] {
    background-color: #fff;
    border: 2px solid #e6e6e6;
}

#questionsHistoryAnsweresContent .required {
    display: none;
}

.notification-details .messageBodyParagraph {
    padding-top: 10px;
    padding-bottom: 10px;
}

.genericModal .titleBigBlack {
    font-family: Antic Slab;
    font-size: 30px;
    color: var(--text-grey-color-15);
}

.genericModal .titleBigRed {
    font-family: var(--main-font-bodytext);
    font-size: 30px;
    color: #ED1C24;
    color: rgb(237, 28, 36);
}

.genericModal .textUppercase {
    text-transform: uppercase;
}

.genericModal button.modalGreenBig {
    background: #13ab89;
    background: rgba(170, 205, 6, 1);
    font-family: var(--main-font-bodytext);
    font-size: 18px;
    line-height: 24.53px;
    color: #FFFFFF;
    border: 1px solid #13ab89;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 70%;
}

.genericModal button.modalGreenBig:hover {
    transition: box-shadow .25s;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.genericModal button.modalRedBig {
    background-color: var(--button-red);
    font-family: Myriad Pro;
    font-size: 18px;
    line-height: 24.53px;
    color: #fff;
    border: 1px solid var(--button-red);
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 100%;
}

.genericModal button.modalRedBig:hover {
    background-color: var(--main-hover-color-50);
    border: 1px solid var(--main-hover-color-50);
}

.genericModal button.modalGreySmall {
    border: 0.2rem solid;
    border-radius: 0.5rem;
    padding: 0.5rem 0.7rem;
    font-size: 1.2rem;
    transition: all .3s ease-in-out;
    border-color: var(--text-grey-color);
    background-color: #fff;
    color: var(--text-grey-color);
}

.genericModal button.modalGreySmall:hover {
    background-color: var(--text-grey-color);
    color: #FFFFFF;
}

.genericModal .genericModalContent {
    width: 95%;
}

.genericModal button.modalRedBigFull {
    background-color: var(--button-red);
    font-family: var(--main-font-bodytext);
    font-size: 18px;
    line-height: 24.53px;
    border: 1px solid var(--button-red);
    color: #FFFFFF;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 100%;
    border-radius: 5px;
}

.genericModal button.modalRedBigFull:hover {
    background-color: var(--main-hover-color-50);
    border-color: var(--main-hover-color-50);
}

.genericModal .textAreaDanger {
    resize: none;
    padding: 15px;
    border: 1px solid #ED1C24;
}

.genericModal textarea.textAreaDanger::placeholder {
    font-family: pt_sansregular;
    font-size: 14px;
    line-height: 22.97px;
    color: #AAA9A9;
    color: rgb(170, 169, 169);
}

.genericModal .error-genericModal {
    font-family: var(--main-font-bodytext);
    font-size: 14px;
    color: var(--error-red) !important;
    text-align: left;
}

.blueDetails {
    color: var(--main-hover-color-dark) !important;
}

.clear-all-filters {
    color: black;
    float: right;
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 21px;
    color: #13ab89;
    padding-left: 10px;
    cursor: pointer;
}

.actions-filters {
    font-family: var(--main-font-bodytext);
    font-size: 17px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
    display: inline-block;
}

.actions-filters-image {
    padding-left: 10px;
}

.actions-filters label {
    vertical-align: middle;
    font-size: 1rem;
    color: #747474;
}

#inbox-messages_wrapper > .row {
    margin: 0 !important;
}

.actions-link-general {
    z-index: 1000;
    position: absolute;
    display: none;
    min-width: 160px;
    padding: 5px 0;
    padding-left: 10px;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #F3F3F3;
    border: 1px solid #ccc;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    font-weight: normal !important;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -webkit-box-shadow: '' 0 6px 12px rgba(0,0,0,.175) 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: '' 0 6px 12px rgba(0,0,0,.175) 1px 2px rgba(0,0,0,.1);
    -o-box-shadow: '' 0 6px 12px rgba(0,0,0,.175) 1px 2px rgba(0,0,0,.1);
    box-shadow: '' 0 6px 12px rgba(0,0,0,.175) 1px 2px rgba(0,0,0,.1);
    background-clip: padding-box;
}

.actions-filters li {
    color: #000;
}

#close-review-sent-modal {
    display: block;
    float: right;
    position: fixed;
    top: 0px;
    right: 0px;
    height: 20px;
}

#submitMessage {
    overflow: visible;
}

.loading-ajaxGif {
    display: none;
}

.loading-ajaxGif p {
    margin-top: 22rem;
    padding: 0 0.5rem;
    text-align: center;
}

.loading-availabilities-ajaxGif {
    background-image: url(../images/loading.gif);
    background-repeat: no-repeat;
    background-position: center;
    height: 150px;
}

.loading-ajaxGif.show {
    display: flex;
    position: fixed;
    z-index: 999999999;
    background-image: url(../images/loading-gray.gif);
    background-color: #fff;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    font-weight: bold;
    font-size: 28px;
    align-items: center;
    justify-content: center;
}

.modal-content .consultationPanelModal {
    margin-top: -15px;
    background-color: #F2F2F2;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.modal-content.bkg-transparent .consultationPanelModal {
    background: transparent;
}

.modal-content .clearMarginTopBottom {
    margin-bottom: 0px;
}

.customer-list.odd .no-switch,
.customer-list.even .no-switch {
    position: inherit;
}

@media only screen and (min-width: 320px) and (max-width: 706px) {
    #viewConsultationChatHistory {
        width: 299px;
    }

    .container-absolute .modal {
        max-height: 80%;
        width: 95%;
    }

    .container-absolute .loginPopUp {
        width: 450px;
        max-width: 95%;
    }

    .container-absolute .modal.mw-600px {
        width: 600px;
        max-width: 95%;
    }

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

    .consultationDetailsLeft {
        height: 600px;
    }

    #consultationChatHistory text.ChatHistoryConsultationIdTitle,
    #consultationChatHistory span.ChatHistorySecondTitle,
    #consultationChatHistory span.ChatHistorySecondTitleNoMargin,
    #consultationChatHistory span.ChatHistoryFirstTitle,
    #consultationChatHistory span.ChatHistoryFirstTitle,
    #consultationChatHistory .consultationChatHistory .chatmessages-history .fp,
    #viewConsultationUploadedFiles span.ChatHistoryFirstTitle,
    #viewConsultationHistoryReccomendFiles span.ChatHistoryFirstTitle,
    .consultationChatHistory text.ChatHistoryConsultationIdTitle,
    #viewConsultationUploadedFiles span.ChatHistoryFirstTitle,
    .consultationChatHistory span.ChatHistorySecondTitle,
    .consultationChatHistory span.ChatHistorySecondTitleNoMargin {
        font-size: 15px;
    }
}

@media only screen and (min-width: 375px) and (max-width: 814px) {
    .personal-details-page [type="checkbox"] + label {
        height: 36px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 425px) {
    #consultationDetailsQuestionnaire {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }
}

.NotesList {
    overflow: auto;
    width: 100%;
    max-height: 330px;
    margin-top: 2%;
    padding: 10px;
}

.input-field label.required-star:after {
    content: "*";
    margin-left: 0.25em;
    color: red;
}

.row.email-class, .row.name-class {
    margin-bottom: 0px;
}

.customer-details-page .input-field .my-save-button {
    background-color: var(--main-color-50);
}

.paginate_button.previous img {
    transform: scaleX(-1);
}

@media (max-width: 500px) {
    .customer-details-page .form-fields label {
        width: auto;
    }
}

.smallLabel {
    width: 30% !important;
}

.customer-details-page .form-fields:first-child {
    margin-bottom: 20px;
}

.bullet > li::before {
    content: "• ";
    color: var(--button-red);
    margin-right: 10px;
}

.customer-info-page .notification-page {
    display: inline-block;
}

.customer-info-page .wallet-cart-left#walletLeftMenu {
    display: inline-block;
    width: 100% !important;
}

.customer-info-page #SearchKeyword {
    width: 86%;
}

.messagesActions #searchNotificationsInput #searchMessages {
    position: absolute;
    margin: 0;
    right: 0;
    height: 100%;
    width: 50px;
    opacity: 0;
}

#SearchKeyword {
    background-image: url('../css/images/search.png');
    background-repeat: no-repeat;
    background-position: 95%;
}

#appointments-list-history_filter input,
#consultation-list-history_filter input,
#specialistsTable_filter input {
    background-image: url('../css/images/search.png');
    background-repeat: no-repeat;
    background-position: 95%;
}

#specialistsTable_filter input {
    border-radius: 0.5rem;
    height: 38px;
    background-color: #fff;
}

@media screen and (min-width: 641px) {
    #appointments-list-history_filter input,
    #consultation-list-history_filter input,
    #specialistsTable_filter input {
        width: 300px;
    }
}

.notificationListBody .for-all-customers td a {
    font-weight: 600;
}

.notification-page .page-title {
    width: 20%;
    float: left;
}

.customer-info-page .datataboverr .dataTables_wrapper .dataTables_filter {
    display: none;
}

.notificationListBody .dataTables_paginate {
    text-align: right;
}

.customer-info-page .dataTables_paginate.paging_simple_numbers {
    margin-top: 20px;
}

.customer-info-page .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    background-color: white;
    box-shadow: none;
}

.customer-info-page .notificationListBody .paginate_button:active {
    background-color: white;
    box-shadow: none;
}

.customer-info-page .bottom .dataTables_info {
    margin-top: 20px;
}

.customer-info-page .page-body #inbox-messages_wrapper row:first-child {
    display: none;
}

.customer-notification .customer-info-top {
    margin-bottom: 30px;
}

input.validate.col.offset-l2 {
    margin-left: 0px;
}

.no-margin-bottom {
    margin-bottom: 0px;
}

@media (max-width:992px) {
    input.validate.col.offset-l2 {
        width: 100% !important;
        margin-left: auto;
        left: auto;
        right: auto;
        margin-top: 0px !important;
    }
}

@media (max-width:424px) {
    input.validate.col.offset-l2 {
        width: 95% !important;
        margin-right: 10px;
        margin-left: 10px;
    }
}

.notificationListBody .select-all-filters [type="checkbox"]:not(:checked),
.notificationListBody [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

/* checked mark aspect */
.select-all-filters [type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    /*border: 2px solid #5a5a5a !important;*/
    width: 18px;
    height: 18px;
    z-index: 1;
    top: 0 !important;
    left: 0 !important;
    transition: none !important;
    -webkit-transition: none !important;
    -moz-transition: none !important;
}
/* disabled checkbox */
.notificationListBody .select-all-filters [type="checkbox"]:disabled:not(:checked) + label:before,
.notificationListBody [type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}

.notificationListBody .select-all-filters [type="checkbox"]:disabled:checked + label:after {
    color: #999;
}

.notificationListBody .select-all-filters [type="checkbox"]:disabled + label {
    color: #aaa;
}
/* accessibility */
.notificationListBody .select-all-filters [type="checkbox"]:checked:focus + label:before,
.notificationListBody [type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
}

/* hover style just for information */
.select-all-filters label:hover:before {
    border: 1px solid #4778d9 !important;
}

.notificationListBody .select-all-filters [type="checkbox"]:checked + label:before {
    transform: none;
}

.notificationListBody .select-all-filters [type="checkbox"]:not(:checked) + label:after,
.notification-table [type="checkbox"]:checked + label:after {
    top: -6px;
    left: 2px;
}

.notificationListBody [type="checkbox"]:not(:checked) + label:before,
.select-all-filters [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -10px;
    width: 17px;
    height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}

.select-all-filters [type="checkbox"]:not(:checked) + label:after {
    top: 0 !important;
    left: 0 !important;
}

.select-all-filters [type="checkbox"]:checked + label:after {
    top: -5px !important;
    left: 0 !important;
}

.select-all-filters [type="checkbox"]:disabled:not(:checked) + label:before,
.select-all-filters [type="checkbox"]:disabled:checked + label:before {
    border: 1px solid #e6e6e6 !important;
    background-color: #fff !important;
    border-radius: 0;
    box-shadow: none;
    width: 18px;
    height: 18px;
}

.notificationListBody .select-all-filters label:before {
    top: 0px !important;
}

.notificationListBody .select-all-filters {
    display: inline-block;
    margin-right: 2px;
    padding-left: 14px;
}

.notificationListBody .select-all-filters label {
    margin-top: 0px !important;
}

.customer-notification .dataTables_info {
    display: none;
}

.customer-notification .dataTables_length {
    display: block;
}

.customer-notification .bottom .dataTables_length .select-wrapper {
    width: 41%;
    margin-right: 13px;
    margin-left: 10px;
}

.customer-notification .dataTables_length {
    margin-top: 20px;
}

.customer-notification .select-wrapper {
    display: inline-block;
}

.customer-notification .select-wrapper select.initialized {
    border: 1px solid #9e9e9e;
    height: 30px;
}

.customer-notification select.initialized .caret {
    line-height: 3px;
    margin-right: 3px;
}

.customer-notification .dataTables_length .initialized {
    min-width: 73px !important;
}

.customer-notification .dataTables_length .initialized option {
    text-align: center;
}

.customer-notification .dataTables_length .select-wrapper {
    position: relative !important;
}

@media (max-width:640px) {
    .customer-notification .notificationListBody .dataTables_paginate {
        text-align: center;
    }
}

.notificationListBody .bottom .dataTables_length label select {
    display: inline-block !important;
}

.customer-notification .select-wrapper input.select-dropdown {
    display: none;
}

.customer-notification .select-wrapper span.caret {
    top: 8px;
    right: 6px;
}

.notificationListBody .bottom .dataTables_length {
    display: inline-block;
    width: 30% !important;
}

.dataTables_wrapper .bottom .dataTables_length {
    display: inline-block;
    width: 30% !important;
}

@media (max-width:675px) {
    .customer-notification .bottom .dataTables_length .select-wrapper {
        width: 44% !important;
    }
}

@media (max-width:640px) {
    .customer-notification .bottom .dataTables_length {
        width: 100% !important;
    }

    .customer-notification .bottom .dataTables_length .select-wrapper {
        width: 25% !important;
    }
}

.customer-notification .dataTables_wrapper .action-links-menu ul > li:last-child,
.customer-notification .dataTables_wrapper .mobile-action-links-menu ul > li:last-child {
    border-bottom: none;
}

.customer-notification .dataTables_wrapper .action-links-menu,
.customer-notification .dataTables_wrapper .mobile-action-links-menu {
    background-color: var(--text-grey-color-100);
}

.customer-consultations .page-title span {
    font-family: var(--main-font-bodytext);
    font-weight: 400;
    font-size: 22px;
    color: #2C3F4E;
    color: var(--text-grey-color-15);
}

.customer-consultations .page-title {
    width: 23%;
    float: left;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    top: 4px !important;
}

.customer-consultations .consultations-table table th,
.consultations-table table td {
    text-align: center;
}

.consultations-table table td.child {
    text-align: left;
}

.customer-consultations .consultations-table table thead {
    font-family: var(--main-font-bodytext);
    font-weight: normal !important;
    font-size: 13px;
    line-height: 1.3;
    color: #747474;
    color: rgb(116, 116, 116);
}

.customer-consultations .consultations-table table tbody {
    font-family: var(--main-font-bodytext);
    font-size: 13px;
    line-height: 1.3;
    color: #747474;
    color: rgb(116, 116, 116);
}

.customer-consultations .consultations-table tbody td {
    padding: 1px;
}

/* hover style just for information */
.select-all-filters label:hover:before {
    border: 1px solid #4778d9 !important;
}

.consultations-table [type="checkbox"]:checked + label:after {
    top: 6px;
    left: 2px;
}

.select-all-filters [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    top: 2px;
    width: 17px;
    height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
    margin-top: -10px;
    display: none;
}

.customer-consultations .consultations-table table th:first-child {
    background-image: none;
}

.customer-consultations .consultations-table table th:last-child {
    background-image: none;
}

.customer-consultations .consultations-table table td,
.vital-params .consultations-table table td,
.customer-consultations .notification-table table td:not(.child) {
    background: var(--text-grey-color-95) !important;
    border: 2px solid white;
    color: rgb(116, 116, 116);
    border-top: none;
}

.customer-consultations .consultations-table table.dataTable.display tbody td {
    border-top: none;
}

.customer-consultations .consultations-table table td .buttons-cell {
    background-color: transparent !important;
}

.customer-consultations .consultations-table table td:first-child:not(.show-collapsed) {
    background-color: transparent;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before {
    background-color: var(--main-hover-color-50);
}

.customer-consultations .datataboverr .dataTable,
#pending-consultations {
    border-top: none;
    border-bottom: none !important;
}

.customer-consultations table.dataTable thead th {
    border-bottom: none;
}

.customer-consultations .consultations-table .dataTables_wrapper .dataTables_info {
    display: none;
}

.customer-consultations .consultations-table .select-wrapper input.select-dropdown {
    display: none;
}

.customer-consultations .consultations-table .select-wrapper select.initialized {
    display: inline-block !important;
}

.customer-consultations .bottom .dataTables_length .select-wrapper {
    width: 41%;
    margin-right: 13px;
    margin-left: 10px;
}

.customer-consultations .dataTables_length .select-wrapper {
    position: relative !important;
}

.customer-consultations .select-wrapper {
    display: inline-block;
}

.customer-consultations .dataTables_length {
    margin-top: 20px;
}

.customer-consultations .select-wrapper span.caret {
    top: 8px;
    right: 6px;
}

.customer-consultations .select-wrapper select.initialized {
    border: 1px solid #9e9e9e;
    height: 30px;
}

.customer-consultations .color-solve {
    background: var(--text-grey-color-95) !important;
}

@media (max-width:675px) {
    .customer-consultations .bottom .dataTables_length .select-wrapper {
        width: 44% !important;
    }
}

@media (max-width:640px) {
    .customer-consultations .bottom .dataTables_length {
        width: 100% !important;
    }

    .customer-consultations .bottom .dataTables_length .select-wrapper {
        width: 25% !important;
    }
}

.customer-consultations .datataboverr .squaredThree [type="checkbox"]:checked + label:before {
    transform: none !important;
}

@media(max-width:1305px) {
    .customer-consultations .page-title {
        width: 25%;
    }
}

@media(max-width:1200px) {
    .customer-consultations .page-title {
        width: 29%;
    }
}

@media(max-width:1040px) {
    .customer-consultations .page-title {
        width: 31%;
    }
}

@media(max-width:990px) {
    .customer-consultations .page-title {
        width: 24%;
    }
}

@media(max-width:875px) {
    .customer-consultations .page-title {
        width: 27%;
    }
}

@media(max-width:767px) {
    .customer-consultations .dataTables_wrapper .dataTables_paginate {
        float: right;
    }
}

@media(max-width:770px) {
    .customer-consultations .page-title {
        width: 30%;
    }
}

@media(max-width:700px) {
    .customer-consultations .page-title {
        width: 32%;
    }
}

@media(max-width:690px) {
    .customer-consultations .page-title {
        width: 31%;
    }
}

@media(max-width:670px) {
    .customer-consultations .page-title {
        width: 35%;
    }
}

@media(max-width:640px) {
    .customer-consultations .bottom .dataTables_length {
        width: 100% !important;
    }
}

@media(max-width:565px) {
    .customer-consultations .page-title {
        width: 38%;
    }
}

@media(max-width:520px) {
    .customer-consultations .page-title {
        width: 41%;
    }
}

@media(max-width:480px) {
    .customer-consultations .page-title {
        width: 44%;
    }
}

@media(max-width:450px) {
    .customer-consultations .page-title {
        width: 47%;
    }
}

@media(max-width:420px) {
    .customer-consultations .page-title {
        width: 50%;
    }
}

@media(max-width:400px) {
    .customer-consultations .page-title {
        width: 100%;
    }
}

.customer-consultations .wallet-cart-right .row.select-all-filters {
    padding-left: 9px;
}

.pg-title {
    font-family: var(--main-font-bodytext);
    font-weight: 400;
    font-size: 22px;
    color: #2C3F4E;
    color: var(--text-grey-color-15);
    padding: 0px;
    margin-bottom: 20px !important;
}

.scanSessionResultsTitle h1,
.pg-title > h1,
.pg-title > h2 {
    margin: 0;
    font-family: var(--main-font-title);
    font-size: 36px;
    color: #2C3F4E;
}

@media (max-width: 767px) {
    .scanSessionResultsTitle h1,
    .pg-title > h1,
    .pg-title > h2 {
        font-size: calc(18px + 2.3vw) !important;
    }
}

.row > .pg-title {
    margin-bottom: 0;
}

.customer-consultations table.dataTable.display tbody tr.customer-all-list:hover {
    background: var(--main-hover-color-75);
    cursor: pointer;
}

.customer-consultations table.dataTable.display tbody tr.customer-all-list:hover td.customer-list-cell {
    background: var(--main-hover-color-75) !important;
    cursor: pointer;
}

.all-customers-table .patientNotArrived,
#consultation-list-history .patientNotArrived,
#consultation-history .patientNotArrived {
    color: var(--button-red);
}

#consultation-history .patientNotArrivedStatusBtn {
    cursor: default;
    padding: 10px 0;
    color: var(--button-red);
    background-color: var(--text-grey-color-95) !important;
}

.customer-consultations .buttons-right {
    display: none;
}

.customer-consultations .input-field {
    margin-bottom: 0px;
}

.customer-consultations .input-field #ConsultationSearchKeyword {
    margin-bottom: 0px;
}

.customer-consultations .initialized {
    width: 100%;
}

.customer-consultations .personal-details-page [type="checkbox"]:checked + label:before {
    display: none;
}

.customer-consultations .questionnaireBody .questionnaireTitleRightHistory.button-view text {
    color: #13ab89;
}

@media (max-width:1449px) {
    .customer-consultations .questionnaireTitleRight.hide-class {
        display: none;
    }
}

.customer-consultations .questionnaireBody .questionnaireTitleLeftBoldHistory {
    float: left;
    font-family: var(--main-font-title);
    font-weight: bold;
    font-size: 13px;
    line-height: 21px;
    color: rgb(116, 116, 116);
}

.customer-consultations .questionnaireBody .questionnaireTitleLeftPaddedHistory {
    padding-left: 15px;
    float: left;
    font-family: var(--main-font-title);
    font-size: 13px;
    line-height: 21px;
    color: rgb(116, 116, 116);
}

.questionnaireBody .questionnaireTitleRightHistory text {
    text-decoration: underline;
    font-family: var(--main-font-bodytext);
    font-size: 12px;
    line-height: 21px;
    color: #13ab89;
    cursor: pointer;
}

.my-reviews-page .doctor-page-title {
    float: left;
}

.my-reviews-page .virtual-waiting-room-containter .my-reviews-title {
    width: 100%;
}

.my-reviews-page .scndTblO {
    width: 100%;
}

.my-reviews-page .edit-delete-review {
    float: right;
    margin-top: 15px;
}

.my-reviews-page #productReviews .scndTblO {
    width: 87%;
}

#productReviews .container-flex {
    display: flex;
}

.isApproved-review {
    font-family: var(--main-font-bodytext);
    font-size: 11px;
    line-height: 21px;
    color: var(--text-grey-color-35);
}

.my-reviews-page #doctorReviews .pager,
.my-reviews-page #productReviews .pager {
    margin-top: 0px;
}

.my-reviews-page #doctorReviews .pagination li,
.my-reviews-page #productReviews .pagination li {
    font-size: 15px;
}

.my-reviews-page #doctorReview .page-custom {
    padding: 0.5em 2em;
}

.customer-details-page .input-field .my-save-button:hover {
    background-color: var(--main-hover-color-50);
    border-color: var(--main-hover-color-50);
}

@media(max-width:600px) {
    .header-lower .menu-top {
        margin-bottom: 0px;
    }
}

.account-page .no-data {
    padding: 30px;
}

.homeSliderC {
    position: relative;
    display: flex;
    justify-content: center;
    background-color: #f5f5f5;
}

.homeSliderC .homeBannerContainer {
    max-width: 1680px;
    position: relative;
}

.homeSliderC a {
    display: flex;
}

.homeSliderC a img {
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.homeSliderC .slider .indicators {
    display: none;
}

.header-logo {
    margin-bottom: 0;
    float: left;
}

.header-lower .menu-top {
    margin-bottom: 0;
}

.homeSliderC .slider .slides {
    height: 31vw !important;
}

.homeSliderC .slider .slides a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.homeSliderC .slider {
    height: auto !important;
    margin-top: 50px;
}

.homeSliderC .slider .slides li .caption {
    top: 35%;
    z-index: 9;
    font-family: var(--main-font-bodytext);
}

.homeSliderC .caption h3 {
    color: var(--main-color-50);
    font-size: 3.65em;
    font-weight: 700;
}

.infoDetailsHome {
    margin: 30px auto;
}

.infoDetailsHome h2 {
    font-family: var(--main-font-title);
    font-weight: 400;
    font-size: 36px;
    color: var(--text-grey-color-15);
    margin: 0 0 30px;
    text-align: center;
}

.infoDetailsHome p {
    font-family: var(--main-font-bodytext);
    padding-bottom: 15px !important;
    text-align: center;
    font-size: 18px;
    color: var(--text-grey-color-10);
}

.appointmentsBtn {
    text-align: center;
    margin-top: 20px;
}

.appointmentsBtn button {
    border-radius: 0.5rem;
}

.thuMB {
    margin: 30px auto;
    padding: 15px !important;
}

.thuMB:hover {
    background-color: var(--text-grey-color-10);
    border-radius: 5px;
}

.infoDetailsHome .thuMB:hover i {
    border-color: #fff;
    color: #13ab89;
    background-color: transparent;
}

.infoDetailsHome .thuMB:hover h3 {
    color: #13ab89;
}

.infoDetailsHome .thuMB:hover p {
    color: #13ab89;
}

.infoDetailsHome h3 {
    font-family: var(--main-font-bodytext);
    text-align: center;
    font-size: 1.5em;
    color: #13ab89;
    font-weight: 300;
}

.infoDetailsHome .container p {
    font-size: 1em;
    font-weight: 300;
    color: #13ab89;
}

.page-footercus .upFooter {
    width: 100%;
    padding: 20px 0 10px 0;
}

.page-footercus .upFooter .fSocial {
    display: inline-block;
}

.page-footercus .upFooter .fSocial li {
    float: left;
    padding: 0 15px;
}

.page-footercus .upFooter .fSocial li a {
    font-size: 20px;
    color: #13ab89;
}

.page-footercus .upFooter .fSocial li a:hover {
    color: var(--text-grey-color-10);
}

.page-footercus .midFooter {
    width: 100%;
    padding: 0px 0 0px 0;
}

.page-footercus .midFooter .fSocial {
    display: inline-block;
}

.page-footercus .midFooter .fSocial li {
    float: left;
    padding: 0 15px;
}

.page-footercus .midFooter .fSocial li a {
    font-size: 18px;
    color: #13ab89;
}

.page-footercus .midFooter .fSocial li a:hover {
    color: var(--text-grey-color-10);
}

#sidenav-overlay {
    z-index: 9;
}

nav .button-collapse,
nav .mobile-trigger {
    float: right;
}

@media (max-width: 600px) {
    .header-logo a img {
        width: 100px;
    }
}

nav ul a {
    display: block;
    font-family: var(--main-font-bodytext);
    color: var(--main-color-text-light);
    border-bottom: 3px solid transparent;
    padding: 0px 15px 8px 15px;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 14px;
    border-left: 1px solid var(--scrollbar-track-color);
    line-height: 45px;
    transition: all 0.4s ease-out;
    position: relative;
    font-weight: 400;
}

nav ul > li:first-child > a {
    border-left: none;
}

@media (max-width: 860px) {
    nav ul a {
        border-left: none;
    }

    nav a.mobile-trigger {
        display: block !important;
    }
}

nav ul a i {
    padding-right: 5px;
}

nav ul a:hover {
    background-color: transparent;
    color: var(--main-hover-color-50);
    border-bottom: 3px solid var(--main-hover-color-50);
}

@media (max-width: 949px) {
    .homeSliderC .caption {
        text-align: center !important;
        width: 100%;
        left: 1em;
    }
}

@media (max-width: 299px) {
    .homeSliderC .caption .banner-text-1 {
        font-size: 0.75rem;
    }
}

@media (min-width: 300px) and (max-width: 540px) {
    .homeSliderC .caption .banner-text-1 {
        font-size: 1rem;
    }
}

@media only screen and (min-width: 541px) and (max-width: 780px) {
    .homeSliderC .caption .banner-text-1 {
        font-size: 1.7rem;
    }
}

@media only screen and (min-width: 781px) and (max-width: 949px) {
    .homeSliderC .caption .banner-text-1 {
        font-size: 2.4rem;
    }
}

@media only screen and (min-width: 950px) and (max-width: 1350px) {
    .homeSliderC .caption .banner-text-1 {
        font-size: 3rem;
    }
}


@media only screen and (max-width: 1133px) {
    .homeSliderC .caption .banner-text-2 {
        display: none;
    }
}

@media (max-width: 600px) {
    .infoDetailsHome i {
        font-size: 50px;
        padding: 25px 30px;
    }

    .thuMB {
        margin-bottom: 0;
    }

    .infoDetailsHome {
        margin-bottom: 55px;
    }
}

.header .container {
    padding: 1px 0;
    padding-bottom: 10px;
}

nav a {
    display: block;
    height: 45px;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button.current {
    background: #fff !important;
    border: 1px solid var(--main-color-50) !important;
    color: var(--main-color-50) !important;
}

.master-wrapper-page .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #e6e6e6 !important;
}

.dataTables_length {
    display: none;
}

.dataTables_info {
    display: none;
}

#DataTables_Table_1_filter {
    display: none;
}

#DataTables_Table_2_filter {
    display: none;
}

input[type=search],
input[type=text]:not(.validate),
input[type=text]:not(#SearchKeyword) {
    height: 35px;
    box-sizing: border-box;
}

.findnutritionist-filters input[type=search],
.findnutritionist-filters input[type=text]:not(.validate),
.findnutritionist-filters input[type=text]:not(#SearchKeyword) {
    height: 39px;
}

.hourIntervals .dropdown-content.select-dropdown {
    /*top: 40px !important;*/
    width: 285px !important;
}

.findnutritionist-row .select-dropdown,
.findnutritionist-row #ConditionFilter,
.findnutritionist-row #SlotAvailabilityStr {
    border-radius: 0.5rem !important;
}

@media only screen and (min-width: 993px) {
    .findnutritionist-filters .hourIntervals .dropdown-content span,
    .findnutritionist-filters .doctorsFilter .dropdown-content span {
        display: flex;
    }
}

.hide-on-small-only ul.center-align > li > a {
    display: block;
    padding-top: 15px;
}

.language-selector {
    margin-left: 10px;
    padding: 0 5px;
    position: relative;
    z-index: 98999999;
}

.language-selector .select-wrapper {
    margin-right: 16px;
    height: 0px;
}

.language-selector ul li a {
    border: none;
}

.language-selector ul li a:hover {
    background-color: rgba(0, 0, 0, 0.2);
    border: none;
}

.language-selector .select-wrapper > input {
    font-family: var(--main-font-bodytext);
    color: var(--text-main-grey-color);
    font-weight: 600;
    border-bottom: none;
    text-transform: uppercase;
    top: 15px;
    font-size: 9px;
    top: -28px;
    background-color: #F0F0F0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    margin-bottom: 0px;
}

.language-selector .select-wrapper > span.caret {
    top: -49px;
    right: 5px;
    color: var(--text-main-grey-color);
    z-index: 1;
}

.language-selector.my-input > .select-wrapper input[type=search],
.language-selector.my-input > .select-wrapper input[type=text]:not(.validate),
.language-selector.my-input > .select-wrapper input[type=text]:not(#SearchKeyword) {
    height: 20px;
}

@media(max-width:992px) {
    .language-selector .select-wrapper {
        margin-right: 3px;
    }
}

@media(max-width:600px) {
    .language-selector .select-wrapper > span.caret {
        top: -45px;
    }
}

.language-selector .dropdown-content.select-dropdown li {
    min-height: 25px;
}

.language-selector .dropdown-content.select-dropdown li > span {
    font-size: 12px;
    padding: 3px;
}

.language-selector ul.dropdown-content.select-dropdown {
    min-width: 10px;
}

.orange-legend {
    background-color: #FDE8CA;
    height: 11px;
    width: 100%;
}

.green-legend {
    background-color: #eaf4c5;
    height: 11px;
    width: 100%;
}

.busy-style {
    width: 60px;
    font-size: 11px;
    text-align: center;
}

#SpecialistName {
    border: 2px solid #E6E6E6;
    border-radius: 2px;
    box-shadow: none;
    width: 100%;
}

#SpecialistName::-webkit-input-placeholder {
    color: var(--text-main-grey-color);
}

.form-custom-error {
    color: var(--error-red);
}

.display-inline {
    display: inline !important;
}

.smallEdit {
    float: right;
    margin-left: 20px;
    margin-top: 5px;
}

.customerVitalSignDescription {
    padding: 15px;
}

.all-customers-table.datataboverr .dataTable {
    border: none;
    border-bottom: none !important;
}

/* Header*/
.customer-wrapper .header .header-container {
    width: 100%;
}

.header .header-container {
    display: flex;
    width: 1400px;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
}

.header .header-container .header-container-logo {
    min-height: 60px;
    display: flex;
    margin-right: 2rem;
}

.header .header-container .header-container-logo a {
    margin: auto;
}

.header .header-container .header-container-logo a img {
    max-height: 50px;
    max-width: 35vw;
    display: block;
}

.cal-links .hide-on-med-and-down {
    display: flex;
    align-items: center;
}

.cal-links ul > li:first-child > a {
    border-left: none;
}

.cal-links ul a {
    color: var(--main-color-text-light);
    border-bottom: 3px solid transparent;
    padding: 0.5rem 1rem;
    text-transform: uppercase;
    font-size: 14px;
    border-left: 1px solid var(--scrollbar-track-color);
    transition: all 0.4s ease-out;
    position: relative;
}

.cal-links ul a:hover {
    background-color: transparent;
    color: var(--main-hover-color-50);
    border-bottom: 3px solid var(--main-hover-color-50);
}

.header-patient-icons {
    font-size: 1.5rem;
    color: var(--main-hover-color-50);
    font-weight: 400;
    margin: auto;
}

.header-icons-no-border {
    border-left: none !important;
    border-bottom: none !important;
}

.unreadCounter {
    background: var(--main-color-50);
    color: #fff;
    width: fit-content;
    min-width: 18px;
    height: 18px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    border-radius: 1rem;
    position: absolute;
    left: 30px;
    top: -5px;
    padding-left: 3px;
    padding-right: 3px;
}

.specialistNotifications .unreadCounter {
    left: initial;
    top: initial;
    margin-left: 2px;
    margin-top: 8px;
}

.specialistNotifications.active .unreadCounter {
    background: var(--main-hover-color-50);
}

.header-patient-name {
    text-transform: none;
    font-size: 1.3rem;
    color: var(--main-hover-color-50);
    font-weight: 600;
    margin-right: 0.5rem;
    margin-top: 0.3rem;
}

.patient-photo-and-name {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.patient-profile-picture {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid var(--text-grey-color);
    border-radius: 50%;
}

.header-make-appointment-button {
    background-color: var(--main-color-50);
    border: 0.2rem solid var(--main-color-50);
    border-radius: 1rem;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    color: #fff;
    padding-left: 1rem;
    padding-right: 1rem;
    font-family: var(--main-font-title);
    transition: all .3s ease-in-out;
    height: 3.3rem;
    margin-top: 0.5rem;
}

.logo-and-button-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.header-make-appointment-button:hover {
    background-color: var(--main-hover-color-50);
    border: 0.2rem solid var(--main-hover-color-50);
}

.header-make-appointment-icon {
    font-size: 1.8rem;
    padding-right: 0.5rem;
    transition: all .3s ease-in-out;
}

.header-top {
    margin-top: 0.3rem;
}

.headerSecurityAlert {
    background-color: red;
    color: white;
    width: 100%;
    text-align: center;
    padding: 5px;
}

.make-appointment-text {
    margin-top: 0.1rem;
}

@media screen and (max-width: 1150px) {
    .patient-fullname-text {
        display: block;
        max-width: 9rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}


@media screen and (min-width:860px) and (max-width: 949px) {
    .cal-links ul a {
        padding: 0.5rem 0.4rem;
    }

    .header-patient-name {
        font-size:1.2rem;
    }
}

@media screen and (max-width: 465px) {
    .logo-and-button-header {
        display: block;
    }
}

@media screen and (max-width: 549px) {
    .make-appointment-text {
        display: none;
    }

    .header-make-appointment-icon {
        padding-right: 0px !important;
    }

    .speciality-container .title-container {
        font-size: 15px;
    }
}

@media screen and (max-width: 600px) {
    .rec-pass form .btn {
        margin-bottom: 3rem !important;
    }
}

@media screen and (max-width: 625px) {
    .customer-details-page .new-my-account-container .inputs-container,
    .customer-details-page .new-my-account-container .myAccount-legalSup .legalSupervisorFields {
        display: block !important;
    }
}

@media screen and (max-width: 650px) {
    .icc-details {
        display: block !important;
    }
}

.header-patient-icons {
    font-size: 1.5rem;
    color: var(--main-hover-color-50);
    font-weight: 400;
    margin: auto;
}

.header-icons-no-border {
    border-left: none !important;
    border-bottom: none !important;
}

.header-patient-name {
    text-transform: none;
    font-size: 1.3rem;
    color: var(--main-hover-color-50);
    font-weight: 600;
    margin-right: 0.5rem;
    margin-top: 0.3rem;
}

.patient-photo-and-name {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.patient-profile-picture {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid var(--text-grey-color);
    border-radius: 50%;
}

.header-make-appointment-button {
    background-color: var(--main-color-50);
    border: 0.2rem solid var(--main-color-50);
    border-radius: 1rem;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    color: #fff;
    padding-left: 1rem;
    padding-right: 1rem;
    font-family: var(--main-font-title);
    transition: all .3s ease-in-out;
    height: 3.3rem;
    margin-top: 0.5rem;
}

.logo-and-button-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.header-make-appointment-button:hover {
    background-color: var(--main-hover-color-50);
    border: 0.2rem solid var(--main-hover-color-50);
}

.header-make-appointment-icon {
    font-size: 1.8rem;
    padding-right: 0.5rem;
    transition: all .3s ease-in-out;
}

.header-top {
    margin-top: 0.3rem;
}

@media screen and (min-width:860px) and (max-width: 949px) {
    .cal-links ul a {
        padding: 0.5rem 0.4rem;
    }

    .header-patient-name {
        font-size:1.2rem;
    }
}

@media screen and (max-width: 465px) {
    .logo-and-button-header {
        display: block;
    }
}

.header-patient-icons {
    font-size: 1.5rem;
    color: var(--main-hover-color-50);
    font-weight: 400;
    margin: auto;
}

.header-icons-no-border {
    border-left: none !important;
    border-bottom: none !important;
}

.header-patient-name {
    text-transform: none;
    font-size: 1.3rem;
    color: var(--main-hover-color-50);
    font-weight: 600;
    margin-right: 0.5rem;
    margin-top: 0.3rem;
}

.patient-photo-and-name {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.patient-profile-picture {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid var(--text-grey-color);
    border-radius: 50%;
}

.patient-noprofile-picture {
    color: var(--main-hover-color-dark);
    font-size: 1.7rem;
    text-align: center;
    border: 1px solid var(--text-grey-color);
    padding: 0.4rem;
    border-radius: 50%;
    margin-bottom: 0.2rem;
    width: 2.7rem;
    height: 2.7rem;
}

.header-make-appointment-button {
    background-color: var(--main-color-50);
    border: 0.2rem solid var(--main-color-50);
    border-radius: 1rem;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    color: #fff;
    padding-left: 1rem;
    padding-right: 1rem;
    font-family: var(--main-font-title);
    transition: all .3s ease-in-out;
    height: 3.3rem;
    margin-top: 0.5rem;
}

.logo-and-button-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.header-make-appointment-button:hover {
    background-color: var(--main-hover-color-50);
    border: 0.2rem solid var(--main-hover-color-50);
    cursor: pointer;
}

.header-make-appointment-icon {
    font-size: 1.8rem;
    padding-right: 0.5rem;
    transition: all .3s ease-in-out;
}

.header-top {
    margin-top: 0.3rem;
}

.home-page {
    padding-left: 1rem !important;
    padding: 12px 15px !important;
    color: var(--main-hover-color-50);
    font-weight: 700;
    font-family: var(--main-font-subtitle);
    font-size: 1rem;
}

.menu-icons {
    font-size: 1.8rem;
    margin-right: 1rem;
}

.submenu-icons {
    font-size: 1.5rem;
    margin-right: 1rem;
}

.left-side-menu-all {
    height: 100%;
}

.scrollable-menu {
    overflow: auto;
    height: 68vh;
}

.scrollable-menu {
    overflow-y: scroll;
    scrollbar-color: var(--main-color-75) var(--text-grey-color-90);
    scrollbar-width: thin;
}

.scrollable-menu:hover {
    scrollbar-color: var(--main-hover-color-dark) var(--text-grey-color-90);
}

.left-side-menu-all {
    scrollbar-width: thin;
    scrollbar-color: var(--main-hover-color-50) transparent;
}

.left-side-menu-all .scrollable-menu::-webkit-scrollbar {
    width: 8px;
}

.left-side-menu-all .scrollable-menu::-webkit-scrollbar-track {
background: var(--scrollbar-track-color);
}

.left-side-menu-all .scrollable-menu::-webkit-scrollbar-thumb {
    background: var(--main-color-75);
}

.left-side-menu-all .scrollable-menu::-webkit-scrollbar-thumb:hover {
    background: var(--main-hover-color-dark);
}

.notRegistered-user-pm-or-pdetails .rec-pass input {
    background-color: #fff !important;
}

@media screen and (max-width: 1001px) {
    .left-side-menu-all {
        height: auto;
        overflow: auto;
    }
}

.notRegistered-user-pm-or-pdetails {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
}

@media screen and (min-width:1049px) and (max-width:1085px) {
    .customer-wrapper .center-2 {
        width: 67vw;
    }
}

@media screen and (min-width:1085px) and (max-width:1300px) {
    .customer-wrapper .center-2 {
        width: 68vw;
    }
}

@media screen and (min-width:1500px) {
    .customer-wrapper .center-2 {
        width: 74vw;
    }
}

@media screen and (min-width:860px) and (max-width: 949px) {
    .cal-links ul a {
        padding: 0.5rem 0.4rem;
    }

    .header-patient-name {
        font-size:1.2rem;
    }
}

@media screen and (max-width: 860px) {
    .show-home-link {
        display: none;
    }
}

@media only screen and (min-width: 1049px) {
    .header-container.w-100.header-u-container .mobile-trigger {
        display: none;
    }
}

@media only screen and (min-width: 861px) {
    .header-container.header-s-container .mobile-trigger {
        display: none;
    }
}

@media only screen and (max-width: 1049px) {
    .center-2 {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }

    .dashboard-container,
    .pending-consultations-list-container,
    .finished-consultations-list-container,
    .cancelled-consultations-list-container {
        padding: 0px !important;
    }
}

.profileOptions {
    position: absolute;
    background: #fff;
    right: 25px;
    border-radius: 1rem;
    border-top-right-radius: 0;
    top: 100px;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}

.profileOptions ul a {
    color: var(--main-hover-color-dark);
    border-bottom: none;
    padding: 0.5rem 1rem;
    text-transform: none;
    font-size: 14px;
    border-left: none;
    transition: all 0.4s ease-out;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.profileOptions ul a:hover {
    border-bottom: none;
}

.profileOptions ul li:hover {
    background: var(--text-grey-color-95);
}

.profileOptions ul > li {
    margin-right: 10px;
    margin-left: 10px;
    border-radius: 5px;
}

.profileOptions ul > li:last-child {
    margin-bottom: 5px;
}

.profileOptions ul > li:first-child {
    margin-top: 5px;
}

.profileOptions ul > li i {
    margin-right: 5px;
}

.profileOptions hr {
    width: 85%;
    margin: 10px auto 10px auto;
    border-top: 1px solid var(--text-grey-color);
    border-radius: 1rem;
}

@media only screen and (max-width: 1048px) {
    .customer-wrapper .side-2,
    .header-container.w-100.header-u-container .hide-on-med-and-down {
        display: none !important;
    }
}

@media only screen and (max-width: 859px) {
    .header-container.header-s-container .hide-on-med-and-down {
        display: none !important;
    }
}

/* END Header*/
/*********** VITAL PARAMETERS **********/
#vitalParameterPopUpHeader {
    width: 23% !important;
    min-width: 330px;
    max-width: 430px;
    color: var(--main-hover-color-dark);
    position: fixed !important;
    bottom: 0;
    left: 0 !important;
    z-index: 9899 !important;
    float: left !important;
    font-size: 2em;
    margin-left: 20px;
    background-color: var(--text-grey-color-95);
    border-radius: 5px !important;
    padding: 10px;
    text-align: center;
    border: 2px solid var(--main-color-50);
    border-bottom: none;
    line-height: normal !important;
}

#vitalParameterPopUpHeader h4 {
    color: var(--main-hover-color-inverted)
}

#vitalParameterPopUpHeader h4 i {
    float: right;
}

.vitalParamPopUpContent input {
    margin: 0;
}

.vitalParamPopUpContent {
    scrollbar-width: thin;
    scrollbar-color: var(--main-hover-color-50) transparent;
}

.vitalParamPopUpContent::-webkit-scrollbar {
    width: 8px;
}

/* Track */
.vitalParamPopUpContent::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.vitalParamPopUpContent::-webkit-scrollbar-thumb {
    background: #0d1d3e;
}

/* Handle on hover */
.vitalParamPopUpContent::-webkit-scrollbar-thumb:hover {
    background: rgba(13, 29, 62, 0.9);
}

.vitalParamPopUpContent .saveVitalParamEntryByUserForm {
    background: var(--text-grey-color-95);
    border: none;
}

.vitalParamPopUpContent .tvp-PopUp-Title,
.vitalParamPopUpContent .tvp-PopUp-Notes,
.vitalParamPopUpContent .tvp-PopUp-PerDayTime {
    color: var(--main-hover-color-dark);
}

.vitalParamPopUpContent .tvp-PopUp-Title {
    font-size: 26px;
    text-align: center;
}

.vitalParamPopUpContent .tvp-PopUp-Notes,
.vitalParamPopUpContent .tvp-PopUp-PerDayTime {
    font-size: 17px;
    text-align: left;
}

.vitalParamPopUpContent .tvp-PopUp-Notes.extendable-hide-noAfter {
    max-height: 22px;
    width: 100%;
    overflow: hidden;
    position: relative;
    transition: all .2s ease-in-out;
    display: flex;
    text-align: justify !important;
}

.vitalParamPopUpContent .tvp-PopUp-Notes.extendable-hide {
    max-height: 22px;
    width: 100%;
    overflow: hidden;
    position: relative;
    transition: all .2s ease-in-out;
    display: flex;
    text-align: justify !important;
}

.vitalParamPopUpContent .tvp-PopUp-Notes.extendable-hide::after {
    content: "...";
    transition: all .4s ease-in-out;
}

.vitalParamPopUpContent .tvp-PopUp-Notes.extendable-show {
    max-height: 500px;
    transition: all .4s ease-in-out;
}

.vitalParamPopUpContent .extend-details {
    font-size: 1.5rem;
}

.vitalParamPopUpContent .tvp-PopUp-input-number,
.vitalParamPopUpContent .tvp-PopUp-input-details {
    height: 2.4rem;
    width: 100%;
    background: #fff;
    color: var(--main-hover-color-50)
}

/* Chrome, Safari, Edge, Opera */
.vitalParamPopUpContent input::-webkit-outer-spin-button,
.vitalParamPopUpContent input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.vitalParamPopUpContent input[type=number] {
    -moz-appearance: textfield;
}

.vitalParamPopUpContent .tvp-PopUp-upload-label {
    text-align: center;
}

.vitalParamPopUpContent .tvp-PopUp-upload-file-message {
    color: var(--main-hover-color-50);
    font-size: 14px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vitalParamPopUpContent .tvp-PopUp-upload-label label {
    height: 100%;
    width: 70%;
    display: inline-block;
    text-align: center;
    color: var(--main-hover-color-50);
    font-size: 18px;
    border: 1px solid var(--main-hover-color-50);
    border-radius: 0.5em;
    cursor: pointer;
    padding: 3px;
    letter-spacing: .5px;
    line-height: 27px;
    transition: all .5s;
}

.vitalParamPopUpContent .tvp-PopUp-upload-label label:hover {
    background-color: var(--main-hover-color-50);
    color: #fff;
}

.vitalParamPopUpContent .tvp-PopUp-upload-label input {
    display: none;
}

.vitalParamPopUpContent .delete-stored-file {
    display: none;
    color: var(--main-hover-color-50);
    font-size: 20px;
    cursor: pointer;
    padding-left: 0.5rem;
}

.vitalParamPopUpContent .fix-line-height {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .5rem;
}

.vitalParamPopUpContent .fix-line-height p {
    margin: 0;
    padding: 0;
    text-align: inherit;
}

.vitalParamPopUpContent .paramError,
.vitalParamPopUpContent .entered-vital-param-validation-errors {
    color: var(--error-red);
    font-size: 14px;
    margin: 0;
    display: block;
}

.enteredVitalParamResponse {
    text-align: center !important;
    width: 100%;
    font-size: 22px !important;
    color: var(--important-green-color-50);
    font-weight: bold;
}

.saveVitalParamEntryByUser {
    background: var(--main-color-50);
    height: 100%;
    width: 70%;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border: 1px solid var(--main-color-50);
    border-radius: 0.5em;
    cursor: pointer;
    padding: 3px;
    letter-spacing: .5px;
    line-height: 27px;
    text-transform: capitalize;
    transition: all .5s;
}

.saveVitalParamEntryByUser:hover {
    background: var(--main-hover-color-50);
    border: 1px solid var(--main-hover-color-50);
}

.normalEntryValue {
    font-weight: bold;
    color: var(--important-green-color-50);
}

.outOfRangeValue {
    font-weight: bold;
    color: var(--error-red);
}

@media (min-width: 881px) {
    .topDocMenu .nav-wrapper ul li {
        width: 110px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 880px) {
    .topDocMenu .nav-wrapper ul li {
        width: 150px;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1099px) {
    nav a.button-collapse,
    nav a.mobile-trigger {
        display: block;
    }
}

@media only screen and (min-width: 860px) {
    nav a.button-collapse,
    nav a.mobile-trigger {
        display: none;
    }
}

@media (max-width: 768px) {
    .header .button-collapse,
    .header .mobile-trigger {
        color: var(--main-color-50);
    }
}

.mobileMenu {
    font-size: 20px;
}

.userAccount {
    font-size: 17px;
}

@media (max-width: 489px) {
    .emedical-phone {
        font-size: 12px;
    }
}

.start-end-DateChart .startDateChart,
.start-end-DateChart .endDateChart {
    width: 400px;
}

.cp-content .start-end-DateChart {
    padding-top: 10px;
    padding-left: 30px;
}

.start-end-DateChart span {
    padding-right: 5px;
    padding-left: 5px;
    color: #13ab89;
}

.start-end-DateChart input {
    border-color: #13ab89;
    border-radius: 1px;
}

.customerVitalSignDescription {
    background-color: #fff;
    width: 95%;
    margin-left: 2.5%;
    margin-top: 10px;
    height: auto;
    padding: 5px;
}

#vitalParameterPopUpHeader h4 {
    font-size: 20px;
    margin-top: 0px;
    text-align: left;
    font-weight: bold;
    border-bottom: 2px solid #fff;
    padding-bottom: 3px;
    cursor: pointer;
}

#vitalParameterPopUpHeader {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.vitalParamPopUpContent {
    max-height: 285px;
    overflow-y: auto;
    overflow-x: hidden;
}

.closedVitalParamPopUp {
    height: 35px;
}

#vitalParameterPopUpHeader .form-group {
    margin-bottom: 15px;
}

.enteredVitalParamResponse {
    text-align: center !important;
    width: 100%;
    font-size: 22px !important;
    margin-top: 7px;
    color: var(--important-green-color-50);
}

.generateVitalParameterChart {
    margin-top: 21px;
    height: 27px;
    line-height: 27px;
    font-size: 13px;
}

@media screen and (max-width:600px) {
    .generateVitalParameterChart {
        margin-top: 10px !important;
        height: 30px !important;
        line-height: 30px !important;
        margin-bottom: 5px !important;
    }

    .online-nutritionist .dropdownTitle {
        font-size: 15px;
    }

    #MinFilterDate, #MaxFilterDate {
        margin-bottom: 0px !important;
    }

    .modal .modal-content .main-reg-modal .row > .col,
    .modal .modal-content .main-reg-modal .row + .col,
    .modal .modal-content .main-reg-modal .row > .col > .col {
        margin-top: 0px !important;
    }

    .paramHistoryContainer .row.chartDateRange {
        margin-bottom: 0px !important;
    }
}

.customerVitalSignDescription {
    padding: 5px;
}

.patient-content-vs .collapsible-header {
    font-size: 15px;
    height: 43px;
    min-height: 43px;
}

.patient-content-vs .collapsible-header span {
    height: 32px;
    margin-top: 5px;
    line-height: 32px;
    border-radius: 4px;
}

.patient-content-vs .collapsible-body table {
    font-size: 13px;
    padding-top: 0px;
    margin-top: 10px;
    width: 95% !important;
}

.customerVitalSignDescription {
    font-size: 13px;
    border-left: 3px solid #ccc;
    padding-left: 10px;
}

.patient-content-vs .collapsible-body table thead {
    background-color: #fff;
    color: #787474;
    height: 32px !important;
}

.patient-content-vs .collapsible-body table thead tr th {
    padding: 5px !important;
}

.start-end-DateChart input {
    height: 25px !important;
}

.patient-content-vs .collapsible-body .previous,
.patient-content-vs .collapsible-body .next,
.patient-content-vs .collapsible-body .paginate_button {
    font-size: 13px;
}

.patient-content-vs .collapsible-body .paginate_button {
    padding: 3px;
}

.patient-content-vs .collapsible-body .dataTables_paginate {
    margin-right: 28px !important;
}


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

    .infoDetailsHome {
        margin: 0 !important;
    }

    .infoDetailsHome h2 {
        width: 100% !important;
        text-align: center;
        margin: 0px auto;
        margin-left: 0 !important;
    }

    .infoDetailsHome p {
        text-align: center;
        padding: 10px 30px !important;
        width: 100% !important;
        margin: 0px auto;
        margin-left: 0 !important;
    }

    .infoDetailsHome .thuMB p {
        padding: 0 !important;
        margin: 20px auto;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1200px) {
    .infoHomeSection {
        width: 100%;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1100px) {
    .buttonSearchTab {
        width: 25% !important;
    }
}

@media (max-width: 992px) {
    .responsiveGrid {
        width: 93%;
    }
}

@media (max-width: 480px) {
    .dropdownTitleinline {
        display: none !important;
    }
}

@media (max-width: 1495px) {
    .online-nutritionist-container .submitquestion {
        display: none;
    }
}

@media (max-width: 1000px) {
    .left-side-menu .meniu-active::after {
        display: none;
    }

    .left-side-menu {
        margin-left: 0;
        margin-right: 0;
    }

    #respAccountNav {
        border: 1px solid var(--text-grey-color);
        padding: 20px 20px 16px 20px;
        padding-right: 20px;
        text-align: left;
        text-transform: uppercase;
        cursor: pointer;
        display: block;
        padding-right: 45px;
        position: relative;
        color: var(--main-hover-color-50);
        font-weight: 500;
        background: var(--text-grey-color-95);
    }

    #respAccountNav i {
        position: absolute;
        top: 0;
        right: 0;
        width: 45px;
        height: 100%;
        text-align: center;
        line-height: 57px;
        margin: 0;
        float: none;
        font-size: 18px;
    }

    .no-margin-top {
        margin-top: 0 !important;
    }

    .navAccMen {
        display: none;
    }
}

@media (min-width: 1001px) {
    #respAccountNav {
        display: none;
    }

    .navAccMen {
        display: block !important;
    }
}

.chatWithOurTeam .input-field input {
    height: 45px !important;
}

.findnutritionist-filters .csm-input input.select-dropdown {
    padding-right: 15%;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (max-width: 600px) {
    #faqListItems {
        border-bottom: 1px solid var(--text-grey-color-100);
        margin-bottom: 20px;
    }

    #faqContentSide {
        padding-bottom: 20px;
        border-bottom: 1px solid var(--text-grey-color-100);
        margin-bottom: 20px;
    }

    #faqContentSide {
        padding: 0;
    }

    .faqQuestionFullContent {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    #respDocNav {
        border: 1px solid var(--text-grey-color-90);
        padding: 20px 20px 16px 20px;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
        margin-bottom: -1px;
        color: #000;
        background-color: #fff;
        border-radius: 0.5rem;
    }

    .findnutritionist-filters {
        display: none;
        border-top: none;
        border: 1px solid var(--text-grey-color-90);
    }

    .findnutritionist-filters {
        padding-bottom: 10px;
    }

    #respDocNav i {
        margin-left: 5px;
        color: #000;
    }
}

@media (min-width: 600px) {
    .findnutritionist-filters {
        display: block !important;
        border: none;
    }
}

@media (max-width: 599px) {
    .findnutritionist-filters-inline {
        display: inline-block !important;
        background-color: #fff !important;
    }
}

@media (max-width: 992px) {
    #walletLeftMenu {
        margin-top: 30px;
    }
}

.disclaimerLink {
    text-decoration: underline;
}

#questionnaireListing,
#questionnaire-form-container {
    margin-bottom: 20px;
    background-color: #f5f5f563;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    overflow: auto;
    min-height: 230px !important;
    max-height: 460px !important;
}

@media only screen and (min-width: 681px) and (max-width: 803px) {
    .patient-content-vs .collapsible-header span {
        font-size: 14px;
        height: 28px;
        line-height: 30px;
    }

    .smallEdit {
        padding: 0 4px;
        font-size: 14px;
        height: 28px;
        margin-left: 5px !important;
        line-height: 30px;
    }
}

@media only screen and (min-width: 637px) and (max-width: 680px) {
    .patient-content-vs .collapsible-header span {
        font-size: 14px;
        height: 28px;
        line-height: 30px;
    }

    .smallEdit {
        padding: 0 4px;
        font-size: 14px;
        height: 28px;
        margin-left: 5px !important;
        line-height: 30px;
    }
}

@media only screen and (min-width: 520px) and (max-width: 636px) {
    .patient-content-vs .collapsible-header.redtext {
        height: 43px !important;
    }

    #questionnaire-tab-type2 .collapsible-header {
        height: 43px !important;
    }

    .patient-content-vs .collapsible-header {
        height: 230px !important;
    }

    .patient-content-vs .collapsible-header span {
        font-size: 11px;
        height: 28px;
        line-height: 30px;
    }

    .smallEdit {
        font-size: 11px;
        width: 100%;
    }
}

@media only screen and (min-width: 400px) and (max-width: 431px) {
    .patient-content-vs .collapsible-header.redtext {
        height: 43px !important;
    }

    .patient-content-vs .collapsible-header {
        height: 230px !important;
    }

    #questionnaire-tab-type2 .collapsible-header {
        height: 43px !important;
    }

    .patient-content-vs .collapsible-header span {
        font-size: 11px;
        height: 28px;
        line-height: 30px;
    }

    .smallEdit {
        font-size: 11px;
        width: 100%;
    }
}

@media only screen and (min-width: 432px) and (max-width: 519px) {
    .patient-content-vs .collapsible-header.redtext {
        height: 43px !important;
    }

    .patient-content-vs .collapsible-header {
        height: 230px !important;
    }

    #questionnaire-tab-type2 .collapsible-header {
        height: 43px !important;
    }

    .patient-content-vs .collapsible-header span {
        font-size: 11px;
        height: 28px;
        line-height: 30px;
    }

    .smallEdit {
        font-size: 11px;
        width: 100%;
    }
}

@media (max-width: 399px) {
    .patient-content-vs .collapsible-header.redtext {
        height: 43px !important;
    }

    .patient-content-vs .collapsible-header {
        height: 230px !important;
    }

    #questionnaire-tab-type2 .collapsible-header {
        height: 43px !important;
    }

    .patient-content-vs .collapsible-header span {
        font-size: 11px;
        height: 28px;
        line-height: 30px;
    }

    .smallEdit {
        font-size: 11px;
        width: 100%;
    }
}

@media (max-width: 370px) {
    #vitalParameterPopUpHeader {
        width: 100% !important;
        margin-left: 0 !important;
        min-width: auto !important;
    }
}

@media (max-width: 600px) {
    .cp-content .start-end-DateChart {
        padding: 0 0.75rem;
    }
}

@media only screen and (max-width: 992px) {
    .modal {
        width: 95% !important;
    }

    #sendMedicalTreatment.modal {
        width: 900px !important;
        max-width: 95% !important;
    }

    #sendMedicalLetter.modal,
    #sendMedicalRecipe.modal,
    #sendMedicalConclusions.modal,
    #sendMedicalRecommendations.modal,
    #sendInternalMedicalLetter.modal,
    #sendMedicalRecommendationsConclusions.modal,
    .container-absolute .loginPopUp {
        width: 450px !important;
        max-width: 95% !important;
    }

    .modal.mw-600px {
        width: 600px !important;
        max-width: 95% !important;
    }
}

@media (max-width: 542px) {
    .facebook-btn {
        margin-left: 5px;
    }

    .facebook-login-block .buttons {
        text-align: left;
    }
}

@media only screen and (min-width: 1321px) and (max-width: 1350px) {
    .google-login-block .buttons {
        padding: 25px 5px 30px 5px;
    }

    .facebook-btn {
        margin-left: 5px;
    }

    .facebook-login-block .buttons {
        text-align: left;
    }
}

@media only screen and (min-width: 1001px) and (max-width: 1320px) {
    .facebook-btn {
        margin-left: 5px;
    }

    .facebook-login-block .buttons {
        text-align: left;
    }

    .external-authentication .buttons {
        padding: 30px 5px 30px 30px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1439px) {
    .page-body .personal-details-page .col {
        width: 100%;
    }

    .wallet-cart-left li a {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .wallet-cart-left {
        width: 29% !important;
    }

    .wallet-cart-left .left-side-menu {
        margin-left: 0;
        margin-right: 10px;
    }
}

@media (max-width: 992px) {
    .customer-notification .customer-info-top {
        margin-bottom: 0;
    }
}

.categoriesTitle p {
    width: 100%;
    text-transform: uppercase;
    box-sizing: border-box;
    cursor: pointer;
    color: #000;
    margin: 0;
}

.categoriesTitle i {
    float: right;
    margin-right: 0px;
    margin-top: -18px;
    color: #444;
}

.customerVitalSignDescription {
    overflow: hidden;
    word-break: break-word;
}

@media (min-width: 600px) {
    #respDocNav {
        display: none;
    }
}

#goToConsultation,
#nextConsultation {
    max-height: 450px;
    transition: max-height .5s ease-in !important;
    background-color: var(--vital-parameter-main-color);
    color: #fff !important;
    position: fixed;
    min-width: 330px;
    width: 40%;
    bottom: 0;
    right: 30%;
    z-index: 9898;
    font-size: 17px;
    border-radius: 5px 5px 0 0;
    text-align: center;
    display: block;
    flex-direction: column;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    opacity: 82%;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
}

#goToConsultation {
    padding: 10px;
}

.closedNextConsultationBox {
    max-height: 35px !important;
    transition: max-height .5s ease-out !important;
}

@media (min-width: 701px) and (max-width: 1170px) {
    #goToConsultation, #nextConsultation {
        right: 0;
        margin-right: 20px;
    }
}

@media (max-width: 700px) {
    #goToConsultation,
    #nextConsultation {
        bottom: 35px;
    }

    #goToConsultation,
    #nextConsultation,
    #vitalParameterPopUpHeader {
        width: 330px !important;
        right: calc(50% - 165px);
        left: auto !important;
    }

    #vitalParameterPopUpHeader {
        z-index: 9899 !important;
    }

    .onLogin-700 {
        height: 35px;
    }
}

#goToConsultation:hover,
#goToConsultation:focus {
    background-color: var(--main-color-50);
}

#nextConsultation .block-1 {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: .5rem 1rem;
}

#nextConsultation .block-1 i {
    font-size: 20px
}

#nextConsultation .block-2 {
    padding: 0.5rem;
}

#goToConsultation .block-1 h4,
#nextConsultation .block-1 h4 {
    font-size: 20px !important;
    margin-top: 0px;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
    color: #fff;
}

#goToConsultation span,
#nextConsultation span {
    display: block;
    font-family: var(--main-font-bodytext) !important;
    line-height: 20px !important;
    letter-spacing: 2px;
    text-align: center;
    color: #fff;
    font: inherit;
    border: none;
    color: #fff;
    border-radius: 5px 5px 0 0;
    transition: all .5s ease-out;
    line-height: 20px;
}

#nextConsultation span {
    font-size: 16px;
}

#nextConsultation:hover {
    cursor: default;
}

.paramFile {
    color: white;
}

.button-information {
    border: 2px solid #E6E6E6;
    padding: 8px;
    color: white;
    background: #024D6A;
    border-radius: 5px;
}

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

.fieldset .title strong,
.section .title strong {
    font-weight: normal;
}

.button-1.gdpr-export-data-button {
    border: 2px solid #E6E6E6;
    padding: 8px;
    color: white;
    background: #9ccc65;
    border-radius: 5px;
}

.buttons-position > .buttons {
    width: 30%;
    display: inline-block;
}

.viewArchiveButtons {
    cursor: pointer;
}

.viewArchiveButtons i {
    border: 2px solid var(--main-color-50);
    background: var(--main-color-50);
    border-radius: 10px;
    color: white;
    font-size: 1.3rem;
    padding: 0.5rem;
    transition: all .3s ease-in-out;
}

.viewArchiveButtons:hover i {
    border: 2px solid var(--main-hover-color-50);
    background: var(--main-hover-color-50);
    transition: all .3s ease-in-out;
}

.uploadingFileLoading {
    display: none;
    color: var(--main-hover-color-dark);
}

.qq-upload-success {
    margin-bottom: 10px;
}

.uploadingFileLoading .loadingIcon {
    display: inline-block;
    background-image: url('/Content/spinner.gif') !important;
    width: 20px;
    height: 18px;
    background-repeat: no-repeat;
    margin-bottom: -4px;
}

.uploadingFileLoading .loadingText,
.uploadingFileLoading .loadingLevel {
    display: inline-block;
    font-size: large;
    text-indent: 7px;
}

.hiddenArchiveButtons {
    cursor: not-allowed;
}

.hiddenArchiveButtons i {
    border: 2px solid #cccccc;
    background: #cccccc;
    border-radius: 10px;
    font-size: 1.3rem;
    padding: 0.5rem;
}

.viewConsultationChatHistory:hover {
    cursor: pointer;
}

.redDotMessages {
    height: 10px;
    position: absolute;
    width: 10px;
    background-color: red;
    margin-left: 54px;
    margin-top: 19px;
    border-radius: 50px;
}

@media only screen and (max-width: 880px) and (min-width: 861px) {
    .redDotMessages {
        margin-left: 84px;
    }
}

.counterUnreadPatientMessages {
    position: absolute;
    width: fit-content;
    background: var(--main-color-50);
    border-radius: 50px;
    min-width: 18px;
    height: 18px;
    display: inline-block;
    font-size: 12px;
    padding-left: 3px;
    padding-right: 3px;
}

#patientsMessagesTab.active .counterUnreadPatientMessages,
#patientsMessagesTab:hover .counterUnreadPatientMessages {
    background-color: var(--main-hover-color-dark);
}

.redDotMessagesCustomer {
    height: 8px;
    position: absolute;
    width: 8px;
    background-color: red;
    margin-left: 12px;
    margin-top: -55px;
    border-radius: 50px;
}

/*Mobile devices*/
@media only screen and (max-width: 430px) {
    .slider .slides {
        height: 223px !important;
    }

    .thuMB {
        margin: 0px auto;
        padding: 15px !important;
    }

    .infoDetailsHome i {
        font-size: 50px;
        padding: 0px 30px;
    }

    .page-footercus .midFooter .fSocial li {
        float: left;
        width: 100%;
    }

    .row {
        margin-top: 10px;
    }
}

.slider .slides li img {
    width: 100% !important;
    background-position: left top;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 50% !important;
    height: 100% !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
}

[type="checkbox"] + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: auto;
    line-height: 19px;
    font-size: 1rem;
    margin-left: 12px;
    color: var(--text-grey-color-35);
}

footer.page-footer {
    margin-top: auto;
    padding-top: 20px;
    background-color: var(--main-hover-color-50);
    color: #585858 !important;
}

.footerContainer {
    text-align: center;
}

.fSocialLinks a {
    padding-right: 10px;
    transition: all 0.4s ease-out;
}

#consultationGuide {
    width: fit-content;
    top: 280px !important;
    position: absolute;
}

#scanGuide {
    width: fit-content !important;
    position: absolute;
    top: 100px !important;
    height: calc(100% - 200px) !important;
}


#consultationGuide .paramModalTitle,
#scanGuide .paramModalTitle {
    margin-left: 2rem;
    margin-right: 2rem;
}

@media (min-width: 1001px) {
    #consultationGuide,
    #scanGuide {
        right: 10%;
    }
}

.infoDetailsHome_text {
    color: #838383 !important;
}

.infoDetailsHome_text b {
    color: var(--text-grey-color-10);
}

.infoDetailsHome_text_1 p {
    text-align: justify;
    font-weight: 400;
}

.specialtyDoctorquestionnaireContainer {
    display: block;
    height: 100%;
    background-color: #fff;
    border: solid 1px var(--main-color-text-light);
    color: #fff;
    padding: 20px;
    font-size: 20px;
    line-height: 1.2;
    position: relative;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    -webkit-box-shadow: inset 0 1px 15px rgba(0,0,0,0.1),0 10px 20px 5px rgba(0,0,0,.1);
    -moz-box-shadow: inset 0 1px 15px rgba(0,0,0,0.1),0 10px 20px 5px rgba(0,0,0,.1);
    -o-box-shadow: inset 0 1px 15px rgba(0,0,0,0.1),0 10px 20px 5px rgba(0,0,0,.1);
    -ms-box-shadow: inset 0 1px 15px rgba(0,0,0,0.1),0 10px 20px 5px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 15px rgba(0,0,0,0.1),0 10px 20px 5px rgba(0,0,0,.1);
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.specialtyDoctorquestionnaireContainer {
    background-color: var(--text-grey-color-95);
    color: var(--text-grey-color-105);
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
}

.specialtyDoctorquestionnaireContainer {
    color: var(--main-hover-color-dark);
}

.editableQuestionnaire .questionnaireTitles {
    font-family: var(--main-font-title);
}

.editableQuestionnaire .questionnaireSubtitles {
    font-family: var(--main-font-subtitle);
}

.editableQuestionnaire .questionnaireSubtitles span {
    font-family: var(--main-font-bodytext);
}

.finishedQuestionnaires .specialtyDoctorquestionnaireContainer {
    background: #fff;
}

.close-unassignedQuestionnaireModalBtn {
    background-color: #fff;
    border: 0.2rem solid var(--text-grey-color);
    color: var(--text-grey-color);
}

.close-unassignedQuestionnaireModalBtn:hover,
.close-unassignedQuestionnaireModalBtn:active {
    background-color: var(--text-grey-color);
    color: #fff;
}

.questionnaireTitles,
.cardTitle {
    font-size: 20px;
    color: var(--main-hover-color-dark);
}

.cardTitle {
    color: var(--main-hover-color-inverted);
}

.questionnaireSubtitles {
    font-size: 15px;
}

.completeSpecialtyDoctorQuestionnaireButton,
.viewSubmittedSpecialtyDoctorQuestionnaireButton {
    font-size: 15px;
    top: 15px;
    background-color: var(--main-color-50);
    padding: 10px;
    border-radius: 5px;
    float: right;
    color: #fff !important;
}

.viewSubmittedSpecialtyDoctorQuestionnaireButton {
    background-color: var(--main-hover-color-50);
}

.viewSubmittedSpecialtyDoctorQuestionnaireButton:hover {
    background-color: var(--main-color-50);
    transition: .2s;
}

.completeSpecialtyDoctorQuestionnaireButton:hover {
    background-color: var(--main-hover-color-50);
    transition: .2s;
}

#finishedQuestionnairesSectionTrigger {
    cursor: pointer;
    transition: all .3s ease-in;
}

#finishedQuestionnairesSectionTrigger:hover {
    color: var(--main-color-50);
    transition: all .3s ease-out;
}

@media only screen and (max-width: 600px) {
    .questionnaireTitles, .questionnaireDate,
    .questionnaireAssignToPatient, .cardTitle {
        margin-bottom: 15px;
    }
}

.questionnaireDate,
.questionnaireAssignToPatient,
.cardSubtitle {
    font-size: 14px;
    line-height: 24px;
    color: var(--main-color-50);
    font-family: var(--main-font-subtitle);
}

.specialisationQuestionnaires {
    font-family: var(--main-font-bodytext);
    border-radius: 4px;
}

.specialisationQuestionnaire_item {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(130,130,130,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(130,130,130,1);
    box-shadow: 0px 0px 5px 0px rgba(130,130,130,1);
    border-radius: 5px;
    margin: 10px;
}

.activeSpecialisationQuestionnaire {
    height: auto;
}

.specialisationQuestionnaire_header {
    cursor: pointer;
    position: relative;
    margin: 0 20px;
    line-height: 30px;
    color: rgb(116, 116, 116);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 10px;
}

.specialisationQuestionnaire_header:not(.uncompleted):after,
.custom-parameter .custom-parameter-header:after {
    content: '\25BC';
    position: absolute;
    right: 10px;
    top: 0;
}

.activeSpecialisationQuestionnaire .specialisationQuestionnaire_header:not(.uncompleted):after,
.custom-parameter .custom-parameter-header:after {
    content: '\25B2';
}

.specialisationQuestionnaire_answers {
    margin: 0 20px;
    padding-bottom: 20px;
    opacity: 0;
    height: 0px;
    transition: opacity 0s linear;
}

.specialisationQuestionnaire_answers p {
    margin: 7px 0 0 0;
}

.activeSpecialisationQuestionnaire .specialisationQuestionnaire_answers {
    opacity: 1;
    height: auto;
    transition: opacity .5s linear;
}

.vitalParameters {
    font-family: var(--main-font-bodytext);
    border-radius: 4px;
}

.vitalParameter_item {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(130,130,130,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(130,130,130,1);
    box-shadow: 0px 0px 5px 0px rgba(130,130,130,1);
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.activeVitalParameters {
    height: auto;
    margin: 10px;
}

.vitalParameters_header {
    font-weight: bold;
    cursor: pointer;
    position: relative;
    margin: 0 20px;
    line-height: 30px;
    color: rgb(116, 116, 116);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.vitalParameters_header:after {
    content: '\25BC';
    position: absolute;
    right: 10px;
    top: 10px;
}

.itemArrow.vitalParameters_header:after {
    content: '\25B2';
}

.vitalParameters_details {
    margin: 0 20px;
    padding-bottom: 10px;
    opacity: 0;
    height: 0px;
    transition: opacity 0s linear;
}

.vitalParameters_details p {
    margin: 10px 0 0 0;
}

.activeVitalParameters .vitalParameters_details {
    opacity: 1;
    height: auto;
    transition: opacity .5s linear;
}

.start-end-DateChart .bootstrap-datetimepicker-widget table th {
    border-radius: 0;
}

.patient-content-vs .collapsible-body .start-end-DateChart table thead {
    height: auto !important;
    border: none;
}

.paramDetailsCol {
    width: 40% !important;
}

#customParamValues .paramDetailsHeaderCol {
    padding-right: 20px !important;
    text-align: right !important;
}

.paramVal {
    font-weight: bold;
}

.parameterHistory th,
.parameterHistory .customer-list-cell {
    text-align: right;
}

#generalParamValues th {
    padding-right: 20px !important;
}

#generalParamValues_wrapper .dataTables_paginate {
    margin-right: 0 !important;
    float: none;
    text-align: right;
    margin-top: 15px;
}

#generalParamValues_wrapper .dataTables_paginate span {
    display: inline;
}

#generalParamValues_wrapper .dataTables_paginate a {
    font-size: 1.2rem;
}

#customParamValues_wrapper .dataTables_paginate {
    margin-right: 0 !important;
    float: none;
    text-align: right;
    margin-top: 15px;
}

#customParamValues_wrapper .dataTables_paginate span {
    display: inline;
}

#customParamValues_wrapper .dataTables_paginate a {
    font-size: 1.2rem;
}

.infoTextBox {
    margin-bottom: 10px;
}

@media only screen and (min-width: 993px) {
    .container {
        width: 100%;
    }
}

.form-fields-style {
    padding: 0px !important;
}

/* MyDocuments Uploader */
.download-customer-file,
.delete-customer-file {
    font-size: 16px;
    color: var(--main-color-50);
    padding: 2px;
    white-space: nowrap;
}

.messageBodyParagraph {
    word-break: break-word;
}

.messageBodyParagraph .download-customer-file {
    white-space: normal;
}

.tmc-mdc-fc-files .download-customer-file {
    min-width: 100%;
    word-wrap: break-word;
    white-space: normal;
}

.download-customer-file:hover {
    font-size: 16px;
    color: var(--main-hover-color-50);
}

.delete-customer-file:hover {
    font-size: 16px;
    color: var(--button-red);
}

.iconSpan {
    font-size: 45px;
    text-align: center;
}

.top-documents-title {
    font-size: 22px;
}

.areas-of-nutrition .topic-disclaimer {
    display: none !important;
}

.button-consult-history {
    background-color: var(--main-color-50);
    border: none;
    color: white;
    font-weight: 500;
    font-size: 13px;
    border-radius: 4px;
    padding: 10px 0;
    white-space: normal;
}

.button-consult-history.sendConsultationMessage {
    background-color: #fff;
    color: var(--main-hover-color-50);
}

.button-consult-history.sendConsultationMessage:hover {
    color: #fff;
}

#button-chat-history {
    width: 70%;
}

#button-chat-files {
    width: 70%;
}

#consultation-history #button-chat-recommendations {
    width: 70%;
}

#consultation-history .button-consult-history {
    width: auto !important;
    min-width: 185px;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
}

#consultation-history .button-consult-history:hover,
#consultation-history .button-consult-history:focus {
    background: var(--main-hover-color-50);
}

table.dataTable > tbody > tr.child ul > li:first-child:last-child {
    padding: 0;
}

table.dataTable > tbody > tr.child ul > li:last-child {
    padding-bottom: 0;
}

.side-menu-header .menu-active {
    color: #fff !important;
    background-color: var(--text-grey-color-10) !important;
}


@media only screen and (max-width: 600px) {
    .footer-links {
        text-align: center !important;
    }

    .footer-contacts {
        text-align: center !important;
    }

    .footer-rights {
        text-align: center !important;
    }
}

@media screen and (max-width:760px) {
    .footer-links {
        width: 100% !important;
        text-align: center !important;
    }

    .footer-text-list {
        text-align: center !important;
    }

    .footer-payment-info {
        width: 100% !important;
        text-align: center !important;
    }
}

.footer-links {
    text-align: left;
}

.footer-text-list {
    text-align: left;
    font-size: 18px;
}

.footer-payment-info {
    font-weight: 500;
    font-size: 16px;
    text-align: end;
}

.footer-contacts {
    text-align: right;
}

.footer-rights {
    text-align: left;
}

@media only screen and (max-width: 1030px) and (min-width: 750px) {
    .slider .slides li img {
        height: 100%;
        background-size: inherit;
        background-position: bottom;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media only screen and (max-width: 750px) and (min-width: 440px) {
    .slider .slides li img {
        height: 100%;
        background-size: inherit;
        background-position: bottom;
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .slider .slides {
        height: 412px !important;
    }

    .homeSliderC .slider {
        height: 100% !important;
    }
}

@media only screen and (max-width: 600px) {
    .homeSliderC .slider {
        height: auto !important;
        margin-top: 78px;
    }

    .header .container {
        padding: 0;
        padding-bottom: 0;
    }
}

.infoHomeSection h4 {
    font-size: 20px;
    color: var(--text-grey-color-10);
}

.infoHomeSection h3 {
    font-size: 25px;
    color: #13ab89;
}

.grid-item-home {
    min-height: 150px;
    text-align: center;
    border-radius: 15px;
}

.grid-item-home:hover {
    background-color: var(--text-grey-color-10);
    color: #fff;
    transition: .3s;
}

.grid-item-home:hover h4 {
    color: #fff;
}

.ConsultationReasonTextarea3_1 {
    width: 90%;
    margin: 0px;
    min-height: 100px;
    height: 100px;
    resize: none;
    padding: 5px 10px;
}

.consultationStep .discountArea {
    background-color: var(--text-grey-color-90);
    padding: 10px;
    border-radius: 4px;
}

.consultationStep .discountArea .discountMessage {
    text-align: left;
    color: #000;
}

.consultationStep .afterDiscount {
    display: none;
}

.consultationStep .discountedPrice {
    margin-left: 15px;
}

.footer-links ul a:hover {
    color: var(--main-color-50);
}

.fSocialLinks a:hover {
    color: var(--main-color-50);
}

.startText {
    width: 157px;
}

.customAccordion {
    position: relative;
    margin: 15px auto 20px;
}

.customAccordion > .accSectionContainer {
    border-bottom: solid 1px #e7e7e7;
}

.customAccordion > .accSectionContainer:first-child {
    border-top: solid 1px #e7e7e7;
}

.homePageAccordionContainer {
    background-color: #f5f5f5;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 50px;
}

.accHeader.active,
.accHeader:hover {
    color: #4f622a;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.accHeader {
    padding: 10px 45px 10px 15px;
    background: #fff;
    color: #13ab89;
    position: relative;
    cursor: pointer;
    border: solid 1px #e7e7e7;
    margin-bottom: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -o-border-radius: 4px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
    -o-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
    -ms-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.accHeader.active,
.accHeader:hover {
    color: #4f622a;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.accHeader span {
    font-size: 20px;
}

.accHeader i {
    position: absolute;
    top: 50%;
    right: 0;
    width: 45px;
    height: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 1;
    color: inherit;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.accHeader i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.accContent {
    background-color: #fff;
    border: solid 1px #e7e7e7;
    margin-bottom: 10px;
    padding: 15px;
}

.homepageQuoteLead {
    text-transform: uppercase;
    color: var(--text-grey-color-10) !important;
    font-size: calc(12px + 0.8vw);
    position: relative;
    display: block;
    overflow: hidden;
}

.homepageQuoteLead .separator {
    display: inline-block;
    position: relative;
    max-width: calc(100% - 30px);
}

.homepageQuoteLead .separator:before,
.homepageQuoteLead .separator:after {
    content: '';
    display: block;
    height: 2px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    margin-top: -1px;
    width: 90px;
    background-color: #dddddd;
    position: absolute;
    top: 50%;
}

.homepageQuoteLead .separator:before {
    left: -100px;
}

.homepageQuoteLead .separator:after {
    right: -100px;
}

@media (max-width: 1280px) {
    .homepageQuoteLead:before, .homepageQuoteLead:after {
        width: 7vw;
    }

    .homepageQuoteLead:before {
        left: -7.5vw;
    }

    .homepageQuoteLead:after {
        right: -7.5vw;
    }
}

.footer-text-list li a {
    transition: all 0.4s ease-out;
}

.faq-section-question {
    line-height: 1.1;
    position: relative;
    cursor: pointer;
    font-family: var(--main-font-bodytext);
    font-weight: 700;
    font-size: 17px;
    letter-spacing: .02em;
    color: var(--main-hover-color-dark);
    position: relative;
    cursor: pointer;
    padding: 16px 45px 16px 25px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #d9d9d9;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.faq-section-question.active,
.faq-section-question:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    background: var(--main-color-75);
}

.faq-section-question.active {
    color: #fff;
    background: var(--main-color-50);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.faq-section-question i {
    position: absolute;
    top: 50%;
    right: 0;
    width: 45px;
    height: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 1;
    color: inherit;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.faq-section-question i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.faq-section-question i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.faq-section-answer {
    color: var(--main-color-text-light);
    font-size: 15px;
    background-color: #fff;
    border: solid 1px #e7e7e7;
    margin-bottom: 10px;
    padding: 15px;
    background: #fefefe;
}

.faq-section-answer > :first-child {
    margin-top: 0;
    padding-top: 0;
}

.faq-section-answer > :last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.faqTitle {
    text-align: center;
    font-size: 20px;
    color: var(--main-color-50) !important;
    font-weight: 700;
    margin-bottom: 35px;
}

.faq-container {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    box-shadow: 0px 4px 27px 0px rgba(0, 0, 0, 0.26);
    -moz-box-shadow: 0px 4px 27px 0px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 4px 27px 0px rgba(0, 0, 0, 0.26);
    -ms-box-shadow: 0px 4px 27px 0px rgba(0, 0, 0, 0.26);
}

.topicsTitle {
    text-align: center;
    font-size: calc(10px + 1.3vw);
    line-height: 1.2;
    color: var(--main-color-text-dark) !important;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}

.topicsTitle span {
    display: inline-block;
    position: relative;
    max-width: calc(100% - 30px);
}

.topicsTitle span:before,
.topicsTitle span:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 90px;
    height: 1px;
    background-color: var(--main-color-50) !important;
}

.topicsTitle span:before {
    left: -100px;
}

.topicsTitle span:after {
    right: -100px;
}

.topicsTitle span:before {
    left: -100px;
}

.topicsTitle span:after {
    right: -100px;
}

.faqTitle::after {
    background-color: #5e5d5d !important;
}

.faqTitle::before {
    background-color: #5e5d5d !important;
}

.doctorPicture {
    height: 100px;
    width: 100px;
}

.doctorPicture .tmb {
    padding-top: 100%;
    position: relative;
}

.doctorPicture img {
    max-width: 100%;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: auto;
}

.tableRowDoctorListing {
    margin-top: 15px;
}

.tableRowDoctorListing .doctor-online.onlinestatus span {
    margin-left: 5px;
    padding: 2px;
}

.tableRowDoctorListing .onlinestatusoffline span {
    margin-left: 7px;
    padding: 2px;
}

.tableRowDoctorListing .onlinestatus span {
    background-color: #1aa50a;
    border: 1px solid #1aa50a;
    padding: 2px;
    color: #fff;
}

.tableRowDoctorListing .onlinestatusoffline span,
.tableRowDoctorListing .onlinestatusoffline span {
    background-color: #bfbfbf;
    border: 1px solid #bfbfbf;
    padding: 2px;
}

.tableRowDoctorListing {
    margin-top: 10px;
    margin-bottom: 10px;
}

.buttonSendInquiryDoctor {
    border: none;
    background: var(--main-color-50);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 10px 20px;
    font-family: var(--main-font-bodytext);
    font-size: 15px;
    line-height: 1.3;
    color: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    width: auto;
}

.buttonSendInquiryDoctor:hover,
.buttonSendInquiryDoctor:focus {
    background-color: var(--main-hover-color-50);
}

.buttonSendInquiryDoctorFile {
    border: 1px solid var(--main-color-50);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    width: 95%;
    background-color: var(--main-color-50);
    padding: 5px;
    font-family: var(--main-font-title);
    font-size: 15px;
    line-height: 28.2px;
    color: #fff;
    margin-bottom: 5px;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

.buttonSendInquiryDoctorFile:hover,
.buttonSendInquiryDoctorFile:focus {
    background-color: var(--main-hover-color-50);
    border-color: var(--main-hover-color-50);
}

.buttonSendInquiryDoctorFileDisabled {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    width: 95%;
    height: 100%;
    padding: 5px;
    font-family: var(--main-font-title);
    font-size: 15px;
    line-height: 28.2px;
    color: #fff;
    margin-bottom: 5px;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    text-transform: capitalize;
}

.buttonSendInquiryDoctorFileDisabled:hover {
    cursor: not-allowed;
}

@media (max-width: 767px) {
    .buttonSendInquiryDoctorFile {
        padding: 7px 10px;
        border-radius: 7px;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        -ms-border-radius: 7px;
        -o-border-radius: 7px;
    }
}

.doctorListingName {
    font-size: 20px;
}

.hasUnfinishedReports {
    background: var(--button-red) !important;
    border-top: 1px solid var(--error-red) !important;
}

.hasUnfinishedReports.active,
.hasUnfinishedReports:hover {
    background: var(--main-color-50) !important;
    border-top: 1px solid var(--main-color-50) !important;
}

.medicalDocRequiredWarning {
    color: var(--button-red);
}

.warningIcon {
    font-size: 18px;
    margin-right: 5px;
}

.itemTitle {
    font-family: var(--main-font-title);
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    color: var(--main-hover-color-50);
}

.singleLineContainer {
    display: flex !important;
    flex-flow: wrap !important;
}

.userInputSL {
    order: 1;
    -moz-order: 1;
    -webkit-order: 1;
    -ms-order: 1;
    width: 100%;
    margin: 0;
    padding-left: 0 !important;
}

.errorSL {
    order: 1;
    -moz-order: 1;
    -webkit-order: 1;
    -ms-order: 1;
    padding-left: 0 !important;
}

.finishReportBtn.medicalReportRequired {
    background-color: var(--button-red);
}

.finishReportBtn.medicalReportRequired:hover {
    background-color: var(--main-hover-color-50);
    }

.finishReportBtn {
    background-color: var(--main-hover-color-50);
}

.finishReportBtn:hover {
    background-color: var(--main-color-50);
}

.finishReportBtn:disabled {
    background-color: var(--main-color-50) !important;
    color: #fff !important;
    cursor: default;
}

.completeQuestionnaireBtn {
    border-radius: 0.5rem;
    line-height: 20px;
}

@media (max-width: 365px) {
    .completeQuestionnaireBtn {
        margin: 0 10px;
        padding: 10px 10px;
        width: 90%;
    }
}

.finishReportsTitle {
    font-family: var(--main-font-title);
    font-weight: bold;
    font-size: 17px;
    color: var(--main-hover-color-50);
    border-bottom: 1px solid #E0DEDE;
    margin-bottom: 15px;
    margin-left: 10px;
    padding-bottom: 15px;
}

.reportCons {
    color: var(--main-hover-color-50);
    display: initial !important;
}

.menu-tab {
    background: var(--main-hover-color-50);
    border-top: 1px solid var(--main-hover-color-50);
}

.menu-tab.active,
.menu-tab:hover,
#unfinishedMedicalReports.active,
#unfinishedMedicalReports:hover {
    background: var(--main-color-50);
    border-top: 1px solid var(--main-color-50);
    position: relative;
}

.buttonSendInquiryDoctor:focus {
    background-color: var(--main-hover-color-50);
}

.button-change-password:hover {
    background-color: var(--main-hover-color-50);
}

.rateBtn {
    width: 35%;
    border-radius: 30%;
    padding: 3% 0px 0px 0px !important;
    background-color: #fff !important;
    border: 2px solid var(--main-color-50);
    margin-bottom: 0%;
    line-height: 0px;
}

.rateBtn:hover {
    background-color: var(--main-color-50) !important;
}

.rateBtn:hover i {
    color: #fff !important;
}

.rateBtnDisabled {
    width: 35%;
    border-radius: 30%;
    padding: 3% 0px 0px 0px !important;
    background-color: var(--text-grey-color-95) !important;
    border: 2px solid var(--text-grey-color);
    margin-bottom: 0%;
    line-height: 0px;
    cursor: not-allowed;
    opacity: 0.7;
}

.rateBtnDisabled i {
    color: var(--text-grey-color) !important;
}

.ratingStarBttn {
    color: var(--main-color-50);
    font-weight: 600;
}

.faqContainer {
    padding: 0;
}

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

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

.accHeader span {
    text-transform: uppercase;
}

.row .ml-0 {
    margin-left: 0 !important;
}

.ml-5 {
    margin-left: 5px !important;
}

.row .mr-0 {
    margin-right: 0 !important;
}

.topic-page .page-body {
    line-heighT: 1.4;
}

.topic-page .page-body table {
    width: 100% !important;
}

.topic-page .page-body table * {
    border-color: #ccc;
}

.topic-page .page-body table thead td,
.topic-page .page-body table thead th {
    background: #13ab89;
    color: #fff;
    font-weight: 800;
    padding: 10px;
}

.topic-page .page-body table th,
.topic-page .page-body table td {
    border: 1px solid #ccc;
    line-height: 1.4;
    padding: 8px;
    margin: 0;
    overflow: visible;
}

.topic-page .page-body table th > :first-child,
.topic-page .page-body table td > :first-child {
    margin-top: 0;
    padding-top: 0;
}

.topic-page .page-body table th > :last-child,
.topic-page .page-body table td > :last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.homeButtonContainer {
    padding-top: 30px;
    padding-bottom: 30px;
}

.homeButtonContainer:before,
.homeButtonContainer:after {
    content: '';
    display: table;
}

.homeButtonContainer:after {
    clear: both;
}

.homeButtonContainer > .container .row {
    margin-bottom: 0 !important;
}

.homeButtonContainer > .container > .row > .col > .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1024px) {
    .homepageQuoteLead {
        font-size: 20px !important;
    }

    .topicsTitle {
        font-size: 24px !important;
    }
}

@media (max-width: 767px) {
    .homepageQuoteLead {
        font-size: 16px !important;
    }

    .homepageQuote {
        padding-bottom: 0;
    }

    .topicsTitle {
        font-size: 18px !important;
    }

    .homePageAccordionContainer .row,
    .faqContainer .row,
    .homeButtonContainer .row {
        margin-left: -15px;
        margin-right: -15px;
        max-width: calc(100% + 30px);
    }

    .homePageAccordionContainer [class*="col"],
    .faqContainer [class*="col"],
    .homeButtonContainer [class*="col"] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .accHeader span,
    .faq-section-question {
        font-size: 17px;
    }
}

@media (max-width: 600px) {
    .homeButtonContainer > .container > .row > .col > .row {
        display: block;
    }

    .homeButtonContainer > .container > .row > .col > .row > .col:not(:last-child) {
        margin-bottom: 20px !important;
    }
}

@media (max-width: 480px) {
    .accHeader span,
    .faq-section-question {
        font-size: 15px;
    }

    .accHeader i {
        font-size: 16px;
    }
}

/* Calendar */
.calendar {
    width: 400px;
    max-width: 100%;
    margin: 0 auto;
}

.calendar header {
    position: relative;
    padding: 0 30px;
}

.current-day {
    background: transparent !important;
}

.calendar .calendar-interior table {
    text-align: center;
}

.calendar .calendar-interior table,
.calendar .calendar-interior thead,
.calendar .calendar-interior thead tr,
.calendar .calendar-interior thead tr td,
.calendar .calendar-interior thead tr td div,
.calendar .calendar-interior tbody,
.calendar .calendar-interior tbody tr,
.calendar .calendar-interior tbody tr td,
.calendar .calendar-interior tbody tr td div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.calendar .calendar-interior table,
.calendar .calendar-interior thead,
.calendar .calendar-interior thead tr,
.calendar .calendar-interior tbody,
.calendar .calendar-interior tbody tr {
    width: 100%;
}

.calendar .calendar-interior table,
.calendar .calendar-interior tbody {
    flex-direction: column;
    -moz-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.calendar .calendar-interior thead td {
    width: 14.28% !important;
    position: relative;
    color: var(--main-hover-color-50);
    border-top: solid 1px var(--text-grey-color);
    border-bottom: solid 1px var(--text-grey-color);
    background: var(--text-grey-color-90);
    padding: 5px 2px;
    text-align: center;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
}

.calendar .calendar-interior tbody td {
    padding: 14.28% 0 0 !important;
    width: 14.28% !important;
    position: relative;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
}

.calendar tbody td div {
    vertical-align: middle !important;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90% !important;
    height: 90% !important;
    margin: auto !important;
    line-height: 1 !important;
    text-align: center !important;
    padding: 0 !important;
    border: solid 1px #fff !important;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.calendar tbody td.current-day div {
    background: var(--main-color-50) !important;
    color: #f9f9f9 !important;
    border: solid 1px var(--main-color-50) !important;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.calendar tbody td.active div {
    background: #2C3F4E !important;
    border: solid 1px #2C3F4E !important;
    color: #fff !important;
}

.calendar tbody td:hover div {
    cursor: pointer;
    border: solid 1px #2C3F4E !important;
}

.calendar tbody td.current-day:hover div {
    cursor: pointer;
    border: solid 1px transparent !important;
}

.calendar tbody td .cantBeSelected,
.calendar tbody td:hover .cantBeSelected {
    cursor: default;
    pointer-events: none;
    border: 1px solid #dbdbdb !important;
}

.calendar tbody td .cantBeSelectedOld,
.calendar tbody td:hover .cantBeSelectedOld {
    cursor: default;
    pointer-events: none;
    border: 1px solid transparent !important;
    cursor: default;
    pointer-events: none;
}

.consultationStepBody .listOfHours {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

@media (max-width: 640px) {
    .calendar .calendar-interior thead td {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .modal .modal-content {
        padding: 5px 0;
    }

    .main-reg-modal-review {
        width: 100%;
    }
}

#consultationStep3 {
    top: 50% !important;
    transform: translateY(-50%) !important;
    max-height: 95% !important;
}

.container {
    max-width: 1310px;
    padding-left: 15px;
    padding-right: 15px;
}

.header-menu {
    padding: 0;
    margin-top: 0;
}
    
/* Profile */
.profile-container .onlinenutri-overview {
    width: 400px !important;
    max-width: 400px !important;
    padding-left: 15px;
    padding-right: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
}

.profile-container .onlinenutri-overview [class*="col"] {
    padding-left: 0;
    padding-right: 0;
}

.profile-container .doctor-picture img {
    width: 250px;
    max-width: 100%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

@media (max-width: 992px) {
    .profile-container .doctor-picture {
        width: 360px !important;
        max-width: 360px !important;
    }
}

@media (max-width: 767px) {
    .profile-container .onlinenutri-overview {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 767px) {
    .profile-container .doctor-picture {
        width: 100% !important;
        max-width: 100% !important;
    }

    .profile-container .doctor-picture img {
        width: 250px;
        max-width: 100%;
    }

    .header-menu {
        margin-bottom: 0;
    }
}

@media (max-width: 640px) {
    .profile-container .doctor-picture img {
        width: 250px;
        max-width: 100%;
    }
}

.start-button-shadow {
    -webkit-box-shadow: 0px 0px 6px 2px rgba(133,133,133,1);
    -moz-box-shadow: 0px 0px 6px 2px rgba(133,133,133,1);
    box-shadow: 0px 0px 6px 2px rgba(133,133,133,1);
    margin: 0% 4% !important;
}

.messagesActions {
    margin-top: 2%;
    margin-bottom: -6% !important;
}

.internalMessages .seeMoreLabel {
    font-size: 17px;
    padding: 10px 9px;
    color: var(--main-color-50);
}

.specialistsInternalMessages .dataTables_filter {
    display: none;
}

.change-password-page .result {
    font-size: 25px;
    font-weight: 500;
    color: var(--main-color-50);
}

.change-password-formular .message-error {
    display: block;
    text-align: left;
    font-size: 25px;
    color: #F44336;
    font-weight: 500;
    margin-left: 3.6%;
}

.change-password-formular .fieldset {
    padding: 0px;
}

.onlinenutri-overview .doctor-picture .img_th {
    width: 275px;
    max-width: 96%;
    margin: 10px auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
}

.onlinenutri-overview .doctor-picture .img_th .img-box {
    padding-top: 100%;
    position: relative;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
}

.onlinenutri-overview .doctor-picture .img_th img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 20%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.onlinenutri-overview .doctor-picture .img_th:hover img {
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
}

@media (max-width: 480px) {
    .online-nutritionist-list .online-nutritionist-container {
        margin-left: 0;
        margin-right: 0;
    }
}

.page-body [class*="home"] .row,
.page-body .faqContainer .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
    width: calc(100% + 30px) !important;
    max-width: calc(100% + 30px) !important;
}

.page-body [class*="home"] .row [class*="col"],
.page-body .faqContainer .row [class*="col"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* Contul meu Form */
.csm-form .pl-0 {
    padding-left: 0 !important;
}

.csm-form > .container {
    width: 100%;
    max-width: 100%;
}

.customer-details-page .bkg-card-panel.csm-form {
    padding: 0;
    margin: 0;
}

.customer-details-page .bkg-card-panel.csm-form > .container {
    padding-left: 0;
    padding-right: 0;
}

.csm-form .personal-details .row,
.csm-form .form-fields .row {
    margin-top: 0;
    margin-bottom: 0;
}

.csm-form .form-fields {
    padding-bottom: 0;
}

.csm-form .mycheckbox label {
    top: 0;
}

.customer-info-page .csm-form .input-field {
    margin-top: 0;
}

.csm-form .input-field {
    margin-bottom: 10px;
}

.csm-form .input-field label {
    text-indent: 0;
    position: relative;
    top: auto;
    left: auto;
    font-size: 16px !important;
    margin-top: 0;
    margin-bottom: 4px;
    float: none;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

.csm-form .gender-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.csm-form .gender-box:before,
.csm-form .gender-box:after {
    content: '';
    display: table;
}

.csm-form .gender-box:after {
    clear: both;
}

.csm-form .gender-box .gender {
    float: right;
    width: calc(100% - 80px);
    margin-bottom: 0;
}

.csm-form .input-field.gender-box label.gender-label {
    float: left;
    width: 80px;
    margin: 0;
    text-indent: 0;
    position: relative;
    top: auto;
    left: auto;
}

.csm-form input:not([type]),
.csm-form input[type="text"],
.csm-form input[type="password"],
.csm-form input[type="email"],
.csm-form input[type="url"],
.csm-form input[type="time"],
.csm-form input[type="date"],
.csm-form input[type="datetime-local"],
.csm-form input[type="tel"],
.csm-form input[type="number"],
.csm-form input[type="search"],
.csm-form textarea.materialize-textarea {
    margin-bottom: 0;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.csm-form input:not([type]):focus,
.csm-form input[type="text"]:focus,
.csm-form input[type="password"]:focus,
.csm-form input[type="email"]:focus,
.csm-form input[type="url"]:focus,
.csm-form input[type="time"]:focus,
.csm-form input[type="date"]:focus,
.csm-form input[type="datetime-local"]:focus,
.csm-form input[type="tel"]:focus,
.csm-form input[type="number"]:focus,
.csm-form input[type="search"]:focus,
.csm-form textarea.materialize-textarea:focus {
    background: #fff;
}

@media (max-width: 1000px) {
    .page.account-page.customer-info-page.customer-details-page form .fieldset .row > .col {
        width: 100%;
    }

    .page.account-page.customer-info-page.customer-details-page form label + input {
        width: 100%;
    }
}

/* Footer */
.footerContainer,
.footerContainer h1,
.footerContainer h2,
.footerContainer h3,
.footerContainer h4,
.footerContainer h5,
.footerContainer h6 {
    color: #aaa !important;
}

.footerContainer .footer-contacts a,
.footerContainer .footer-contacts a b {
    color: var(--main-color-50) !important;
    text-decoration: none;
}

.footerContainer .footer-contacts a:hover,
.footerContainer .footer-contacts a:focus,
.footerContainer .footer-contacts a:hover b,
.footerContainer .footer-contacts a:focus b {
    color: var(--main-color-50) !important;
    text-decoration: underline;
}

body.menu-show {
    overflow: hidden;
    position: relative;
}

body:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
    opacity: 0;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

body.menu-show:after {
    z-index: 9899;
    opacity: 1;
}

.waiting-patients-container .pc-time {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 22.4% !important;
    padding-top: 0px !important;
}

.waiting-patients-container .pc-details {
    margin-right: 0 !important;
    margin-left: 0 !important;
    border-left: solid 1px #cecece;
    padding: 0 !important;
    width: calc(100% - 209px) !important;
}

.waiting-patients-container .pc-details .consultation-details {
    width: 100% !important;
    padding: 5px 0;
}

.waiting-patients-container .pc-details .pcd-first,
.waiting-patients-container .pc-details .pcd-second {
    border-bottom: solid 1px #cecece;
    flex-direction: column;
}

.waiting-patients-container .pc-details .pcd-third,
.waiting-patients-container .pc-details .pcd-fourth {
    border-bottom: solid 1px #cecece;
    flex-direction: row;
    }

.waiting-patients-container .pc-details .pcd-third .boldTextTitle,
.waiting-patients-container .pc-details .pcd-fourth .boldTextTitle,
.waiting-patients-container .pc-details .pcd-last .boldTextTitle {
    line-height: 3;
    padding-left: 5px;
    min-width: 165px !important;
}

.waiting-patients-container .pc-details .pius-last .boldTextTitle {
    line-height: 3;
    padding-left: 5px;
    min-width: 80px !important;
}

.waiting-patients-container .pc-details .pcd-last .boldTextTitle {
    line-height: 3;
    padding-left: 5px;
    min-width: 80px !important;
}

@media screen and (min-width: 861px) and (max-width:970px) {
    .waiting-patients-container .pc-details .show-patient-details a {
        padding: 6px 8px !important;
    }

    .waiting-patients-container .pc-details .pcd-last .boldTextTitle {
        min-width: 60px !important;
    }
}

.waiting-patients-container .pc-details .show-patient-details,
.waiting-patients-container .pc-details .show-patient-details-disabled,
.questionnairesItem {
    line-height: 1.5;
    width: 200px;
    max-width: calc(100% - 10px);
    margin: 5px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.waiting-patients-container .pc-details .show-patient-details a {
    display: block;
    padding: 5px 15px;
}

.questionnairesItem {
    padding-top: 5px;
}

.recurrentQuestionnairesSection {
    padding: 10px;
}

.recurrentQuestionnaire_answersListNavHeader {
    display: grid !important;
    grid-template-columns: max-content auto max-content;
    font-size: 1.4rem;
}

.recurrentQuestionnaire_answersListNavHeader div {
    border: 1px solid rgba(130,130,130, 0.5);
}

.recurrentQuestionnaire_answersListNavHeader i {
    padding: 8px;
    font-size: 1rem;
}

.recurrentQuestionnaire_answersListNavHeader .previousQuestion {
    text-align: left;
    border-radius: 10px 0 0 10px;
    padding: 3px 15px 3px 15px;
}

.recurrentQuestionnaire_answersListNavHeader .pageCounter {
    text-align: center;
    padding: 5px;
}

.recurrentQuestionnaire_answersListNavHeader span {
    display: inline-block !important;
    padding: 0px !important;
}

.recurrentQuestionnaire_answersListNavHeader .nextQuestion {
    text-align: right;
    border-radius: 0 10px 10px 0; 
    padding: 3px 15px 3px 15px;
}

.recurrentQuestionnaire_answersListNavHeader .previousQuestion:not(.disabled):hover,
.recurrentQuestionnaire_answersListNavHeader .nextQuestion:not(.disabled):hover {
    cursor: pointer;
    color: var(--main-color-50);
}

.recurrentQuestionnaire_answersListNavHeader .disabled {
    cursor: not-allowed;
    color: var(--text-main-grey-color);
    opacity: 0.5;
}

.recurrentQuestionnaireAnswersList {
    display: grid;
    grid-template-columns: max-content auto;
}

.recurrentQuestionnaireAnswersList .recurrentQuestionnaireAnswers {
    color: var(--main-color-50);
}

.recurrentQuestionnaireAnswersList i {
    color: var(--main-color-50);
}

.recurrentQuestionnaireAnswersList span {
    display: inline-block !important;
}

.recurrentQuestionnaireAnswersContainer {
    padding-left: 5px;
}

@media (max-width: 950px) {
    .recurrentQuestionnaire_answersListNavHeader span.nextQuestionText,
    .recurrentQuestionnaire_answersListNavHeader span.previousQuestionText {
        display: none !important;
    }

    .recurrentQuestionnaireAnswersList {
        grid-template-columns: auto;
    }

    .recurrentQuestionnaireAnswersContainer {
        padding-left: 0px;
    }
}

.waiting-patients-container .pc-buttons {
    max-width: 310px !important;
    margin-left: 15px !important;
    display: flex;
}

.waiting-patients-container .pc-buttons .start-button-shadow {
    margin-left: 0 !important;
    margin-right: 5px !important;
    padding: 0 !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.waiting-patients-container .pc-buttons .start-button-shadow:hover,
.waiting-patients-container .pc-buttons .start-button-shadow:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}

.waiting-patients-container .pc-buttons .start-button-shadow .start-consultation, 
.waiting-patients-container .pc-buttons .start-button-shadow .start-consultation-disabled {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.3;
    padding: 15px 10px !important;
    min-height: 1px !important;
    height: 100%;
    -webkit-box-flex: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.3);
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.waiting-patients-container .pc-buttons .start-button-shadow .start-consultation span,
.waiting-patients-container .pc-buttons .start-button-shadow .start-consultation-disabled span {
    -webkit-box-flex: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.waiting-patients-container .pc-buttons .start-button-shadow .start-consultation:hover,
.waiting-patients-container .pc-buttons .start-button-shadow .start-consultation:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}

.start-consultation-disabled,
.consultation-sendMessage-disabled,
.wr-sendfile-consbtn-disabled,
.btn-assign-questionnaire-disabled {
    background-color: #dfdfdf !important;
    color: #777 !important;
}

.btn-assign-questionnaire-disabled,
.btn-assign-questionnaire-disabled:hover,
.btn-assign-questionnaire-disabled:focus {
    border: 0.2rem solid #dfdfdf !important;
}

.waiting-patients-container .pc-buttons .paddingDoctorButtonsSmall {
    padding-left: 0 !important;
    margin-left: 5px !important;
    }

.waiting-patients-container .pc-buttons > .flex-v-align {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-box-flex: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.waiting-patients-container .pc-buttons > .flex-v-align > div {
    padding: 0 !important;
    width: calc(50% - 5px) !important;
    line-height: 1.3;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.waiting-patients-container .pc-buttons > .flex-v-align > div > div {
    min-height: 1px;
    padding: 15px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.waiting-patients-container .piu-first {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 22.4% !important;
}

.waiting-patients-container .piu-second {
    margin-right: 0 !important;
    margin-left: 0 !important;
    border-left: solid 1px #cecece;
    padding: 0 !important;
    width: calc(100% - 209px) !important;
}

.waiting-patients-container .piu-second .pius-first,
.waiting-patients-container .piu-second .pius-second,
.waiting-patients-container .piu-second .pius-last {
    width: 100% !important;
    padding: 5px 0;
}

.waiting-patients-container .piu-second .pius-first,
.waiting-patients-container .piu-second .pius-second {
    border-bottom: solid 1px #cecece;
    flex-direction: column;
}

.waiting-patients-container .piu-second .pius-third,
.waiting-patients-container .piu-second .pius-fourth {
    border-bottom: solid 1px #cecece;
    flex-direction: row;
}

.waiting-patients-container .piu-second .pius-third .boldTextTitle,
.waiting-patients-container .piu-second .pius-fourth .boldTextTitle {
    line-height: 3;
    padding-left: 5px;
    min-width: 165px !important;
}

.waiting-patients-container .piu-last {
    margin-left: 15px !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

.waiting-patients-container .div-section-buttons .paddingDoctorButtonsSmall {
    -webkit-box-flex: 0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.waiting-patients-container .div-section-buttons .paddingDoctorButtonsSmall > div {
    min-height: 1px;
    padding: 15px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

#recommendationsPartial .green-title {
    padding-left: 7px;
}

#questionnaire-tab-type2 .searchQuestOver {
    padding: 0 !important;
}

#questionnaire-tab-type2 .specialisationQuestionnaires > .specialisationQuestionnaire_item {
    margin-bottom: 20px;
    cursor: pointer;
    border: solid 1px #dadada;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
    -webkit-ox-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

#questionnaire-tab-type2 .specialisationQuestionnaires > .specialisationQuestionnaire_item:hover,
#questionnaire-tab-type2 .specialisationQuestionnaires > .specialisationQuestionnaire_item.activeSpecialisationQuestionnaire {
    background: #fff;
    box-shadow: none;
    -webkit-ox-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}

#questionnaire-tab-type2 .specialisationQuestionnaires > .specialisationQuestionnaire_item:last-child {
    margin-bottom: 0;
}

.consultationOverview .customerOnlineNutritionistFile {
    height: 530px;
    padding: 20px;
}

.searchQuestOver .specialisationQuestionnaire_header {
    margin: 0;
    padding: 7px 15px;
}

.searchQuestOver .specialisationQuestionnaire_header:not(.uncompleted):after,
.custom-parameter .custom-parameter-header:after {
    display: block !important;
    content: '';
    width: 0;
    height: 0;
    top: 10px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid var(--text-grey-color-10);
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.searchQuestOver .activeSpecialisationQuestionnaire .specialisationQuestionnaire_header:not(.uncompleted):after,
.custom-parameter .custom-parameter-header.active:after {
    border-top: none;
    border-bottom: 10px solid var(--text-grey-color-10);
}

.specialisationQuestionnaire_header.uncompleted {
    cursor: default;
}

#questionnaire-tab-type2 .specialisationQuestionnaire_item [class*="answers"] {
    display: none;
}

#questionnaire-tab-type2 .specialisationQuestionnaire_item.activeSpecialisationQuestionnaire [class*="answers"] {
    display: block;
}

#questionnaire-tab-type2 .specialisationQuestionnaire_answers {
    margin: 0;
    padding: 0 15px;
}

#questionnaire-tab-type2 .specialisationQuestionnaire_answers > :first-child {
    padding-top: 5px;
}

#questionnaire-tab-type2 .specialisationQuestionnaire_answers > br {
    height: 7px;
    line-height: 7px;
}

#questionnaire-tab-type2 .specialisationQuestionnaire_answers > p {
    margin: 0;
}

.all-customers-table.datataboverr .dataTable {
    width: 100%;
}

.all-customers-table.datataboverr .dataTable .dtr-data {
    white-space: normal;
}

.csm-border {
    border: solid 1px #e7eae4;
}

.bord-rad-0077 {
    border-top: none;
    border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -webkit-border-radius: 0 0 7px 7px;
    -ms-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
}

#consultationChatHistory text.ChatHistoryConsultationIdTitle {
    padding-left: 5px;
}

#consultationChatHistory .ChatHistorySecondTitleNoMargin {
    display: block;
    padding-bottom: 15px;
}

#consultationChatHistory .consultationChatHistory .chatmessages-history {
    width: calc(100% - 20px);
    margin: 0 auto;
}

#viewConsultationChatHistory {
    top: 50% !important;
    bottom: auto !important;
    margin: 0 auto !important;
    height: auto !important;
    max-height: 90vh !important;
    position: fixed !important;
    transform: translate(0, -50%) !important;
    -moz-transform: translate(0, -50%) !important;
    -webkit-transform: translate(0, -50%) !important;
    -ms-transform: translate(0, -50%) !important;
    -o-transform: translate(0, -50%) !important;
}

.modal {
    z-index: 99999999 !important;
    top: 50% !important;
    bottom: auto !important;
    height: auto !important;
    max-height: 100vh !important;
    overflow: visible !important;
    transform: translate(0, -50%) !important;
    -moz-transform: translate(0, -50%) !important;
    -webkit-transform: translate(0, -50%) !important;
    -ms-transform: translate(0, -50%) !important;
    -o-transform: translate(0, -50%) !important;
}

#medDocQuestionnaireModal {
    z-index: 9999 !important;
}

.modal > a {
    position: absolute;
    top: -20px !important;
    right: -15px !important;
    z-index: 2000;
}

.modal .modal-content {
    background: #fafafa;
    height: 100%;
    overflow: auto;
    padding: 10px 0 0;
    max-height: 90vh;
    position: relative;
    max-height: 90vh !important;
}

.modal .modal-content.bkg-transparent {
    background: transparent;
}

.modal .modal-content > .main-reg-modal {
    margin: 0 !important;
}

.modal .modal-content .main-reg-modal div:not(.has-offset) {
    margin: 0;
}

.modal .modal-content .main-reg-modal div .consultationStepTitle {
    margin-bottom: 15px;
}

.modal .modal-content #consultationChatHistory .consultationChatHistory .chatmessages-history {
    min-height: 1px;
    max-height: inherit;
    overflow: auto;
    margin-bottom: 10px;
}

.modal.bg-transparent {
    background: transparent;
    padding: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}

.modal.bg-transparent .modal-content {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    background: transparent;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
    -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
    -ms-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
    -o-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
}

.modal.bg-transparent .modal-content > div {
    margin: 0;
}

.modal.bg-transparent .modal-content [class*="menu-tab"] {
    margin-bottom: 0 !important;
}

.modal.bg-transparent .modal-content .main-reg-modal + .main-reg-modal,
.modal.bg-transparent .modal-content .main-reg-modal > center {
    background-color: #fafafa;
    padding-bottom: 10px;
}

.modal.bg-transparent .modal-content .main-reg-modal > center {
    padding: 10px;
}

.modal.bg-transparent .modal-content .main-reg-modal > center .three-col {
    margin: 10px -5px 0 !important;
    width: calc(100% + 10px) !important;
}

.modal.bg-transparent .modal-content .main-reg-modal > center .three-col .three-btn {
    width: calc(33.3% - 10px);
    margin: 0 5px;
}

.modal.bg-transparent .modal-content .main-reg-modal > center .three-col .three-btn button {
    line-height: 1.3;
    padding: 10px 15px;
}

.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col {
    padding: 0 !important;
}

.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col.questionButtons {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important;
    -ms-flex-wrap: wrap !important;
}

.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col.questionButtons button {
    line-height: 1.2;
    padding: 11px;
}

.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col.questionButtons button.register_btn {
    background: var(--text-grey-color-10);
    border-color: var(--text-grey-color-10);
}

.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col.questionButtons button.register_btn:hover,
.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col.questionButtons button.register_btn:focus {
    background: #fff;
    color: var(--text-grey-color-10);
}

.modal.bg-transparent .modal-content .main-reg-modal > center:not(.questionnaireContent) .row > .col > * {
    margin-bottom: 5px !important;
    width: 100%;
}

.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col.questionButtons > * {
    width: 50%;
}

.loginPopUp.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col.questionButtons > * {
    width: 100%;
}

.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col.questionButtons > :first-child:last-child {
    width: 100%;
}

.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col.questionButtons > :first-child {
    padding-right: 10px !important;
}

.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col.questionButtons > :last-child {
    padding-left: 10px !important;
}

.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col.questionButtons > .three-col:first-child,
.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col.questionButtons > .three-col:last-child {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col > #medicalLetterBody,
.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col > #MedicalLetter,
.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col > #MedicalConclusions,
.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col > #MedicalRecommendationsConclusions,
.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col > #LastConsultations,
.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col > #MedicalRecommendations,
.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col > #validation-errors-login,
.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col > #MedicalRecipe {
    margin-bottom: 0 !important;
}

.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col > #validation-errors:empty {
    margin: 5px 0 0 !important;
}

.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col > #validation-errors:not(:empty) {
    margin: 8px 0 3px !important;
}

.modal.bg-transparent .modal-content .main-reg-modal > center .row > .col > .col {
    padding: 0 !important;
}

.modal.bg-transparent #close-viewConsultationUploadedFiles-modal {
    z-index: 2000;
    top: -20px;
}

.modal.bg-transparent .consultationChatHistory .files-container {
    max-height: 100%;
    margin-top: 0;
}

.modal.bg-transparent .ChatHistorySecondTitleNoMargin {
    padding-bottom: 20px;
}

.modal.bg-transparent .consultationChatHistory .recommendation-container {
    height: auto;
    max-height: 100%;
}

.modal.bg-transparent .errorModalTitle,
.modal.bg-transparent .submitQuestionTitle,
.modal.bg-transparent #submitQuestionTitle {
    padding-bottom: 10px;
}

#consultationChatHistory .consultationChatHistory .chatmessages-history .fp {
    overflow: hidden;
}

.consultationDetailsLeft {
    height: auto !important;
}

#sendMedicalConclusions.modal {
    width: 650px;
    max-width: 95%;
}

#sendMedicalConclusions .messageToNutritionist {
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 10px;
}

#sendMedicalRecommendations .messageToNutritionist {
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 10px;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-y-auto {
    overflow-y: auto !important;
}

@media screen and (max-height: 667px) {
    .overflow-hidden {
        overflow: auto !important;
    }
}

#sendMedicalLetter.modal,
#sendMedicalRecipe.modal,
#sendMedicalRecommendations.modal,
#sendInternalMedicalLetter.modal,
#sendMedicalRecommendationsConclusions.modal {
    width: 450px;
    max-width: 95%;
}

.modal.mw-600px {
    width: 600px;
    max-width: 95%;
}

#sendMedicalTreatment.modal {
    width: 900px;
    max-width: 95%;
}

.modal .modal-content .main-reg-modal div.tratmentDisplay.questionSubjectClass {
    padding: 0 !important;
}

::-webkit-input-placeholder {
    opacity: 1;
    color: #aaa;
}
/* Webkit Browsers */
:-moz-placeholder {
    opacity: 1;
    color: #aaa;
}
/* Firefox 18- */
::-moz-placeholder {
    opacity: 1;
    color: #aaa;
}
/* Firefox 19+ */
:-ms-input-placeholder {
    opacity: 1;
    color: #aaa;
}
/* IE10 */

@media (max-width: 640px) {
    .modal.bg-transparent .modal-content .main-reg-modal > center .three-col {
        justify-content: space-around;
        -webkit-justify-content: space-around;
        -ms-justify-content: space-around;
        margin-top: 0 !important;
    }

    .modal.bg-transparent .modal-content .main-reg-modal > center .three-col .three-btn {
        padding: 0;
        margin: 5px 5px 0;
        width: calc(50% - 10px);
    }

    .modal.bg-transparent .modal-content .main-reg-modal > center .three-col .three-btn button {
        margin: 0 auto;
        width: 100%;
    }
}

@media (min-width: 993px) {
    .view-customer-file-multiple-tab-menu .multiple-menu-tab {
        width: 20% !important;
    }
}

@media (max-width: 992px) {
    #consRoomTabs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -moz-flex-direction: column;
    }

    #consRoomTabs .menu-tab {
        border-bottom: solid 1px var(--main-color-50);
        order: 1;
        -moz-order: 1;
        -webkit-order: 1;
        -ms-order: 1;
        border-radius: 15px 15px 0 0;
        -moz-border-radius: 15px 15px 0 0;
        -webkit-border-radius: 15px 15px 0 0;
        -ms-border-radius: 15px 15px 0 0;
        -o-border-radius: 15px 15px 0 0;
    }

    #consRoomTabs .menu-tab.active {
        order: 2;
        -moz-order: 2;
        -webkit-order: 2;
        -ms-order: 2;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    #consRoomTabs .menu-tab.active,
    #consRoomTabs .menu-tab {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }

    #consRoomTabs .menu-tab:first-child:not(.active),
    #consRoomTabs .first-tab:not(.active),
    #consRoomTabs .first-tab.active + .second-tab {
        border-radius: 15px 15px 0 0;
    }
}

@media (max-width: 600px) {
    .menu-with-tabs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        -moz-flex-direction: column;
    }

    .menu-with-tabs .menu-tab {
        border-bottom: solid 1px var(--main-color-50);
        order: 1;
        -moz-order: 1;
        -webkit-order: 1;
        -ms-order: 1;
        border-radius: 15px 15px 0 0;
        -moz-border-radius: 15px 15px 0 0;
        -webkit-border-radius: 15px 15px 0 0;
        -ms-border-radius: 15px 15px 0 0;
        -o-border-radius: 15px 15px 0 0;
    }

    .menu-with-tabs .menu-tab.active {
        order: 2;
        -moz-order: 2;
        -webkit-order: 2;
        -ms-order: 2;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
    }

    .menu-with-tabs .menu-tab.active,
    .more-than-two-tabs .menu-tab {
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
    }

    .more-than-two-tabs .menu-tab:first-child:not(.active),
    .more-than-two-tabs .first-tab:not(.active),
    .more-than-two-tabs .first-tab.active + .second-tab {
        border-radius: 15px 15px 0 0;
    }

    .errorModalTitle,
    .submitQuestionTitle,
    .nutritional-Quesionconfirm,
    .submitReviewTitle,
    .sendConsultationMessageTitle,
    .submitAskCustomerTitle {
        width: 100%;
    }
}

@media (max-width: 380px) {
    .modal.bg-transparent .modal-content .main-reg-modal > center .three-col .three-btn {
        width: calc(100% - 10px);
    }
}

textarea {
    background-color: transparent;
    border: none;
    border: 1px solid rgba(223, 221, 221, 1);
    border-radius: 3px;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0;
    padding: 0;
    resize: none !important;
    padding: 5px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

@media (max-width: 860px) {
    .waiting-patients-container .pc-time {
        width: 35% !important;
    }

    .waiting-patients-container .pc-details {
        width: 65% !important;
        margin-left: 0 !important;
    }

    .waiting-patients-container .pc-buttons {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 10px !important;
        max-width: 100% !important;
    }

    .waiting-patients-container .pc-buttons > .flex-v-align {
        margin-left: auto;
        margin-right: auto;
        width: 510px;
        max-width: 100%;
    }
}

@media (max-width: 900px) {
    .waiting-patients-container .pc-details {
        width: calc(100% - 170px) !important;
    }
}

@media (max-width: 767px) {
    .modal.bg-transparent {
        overflow: visible !important;
    }
}

@media (max-width: 600px) {
    .waiting-patients-container .pc-time {
        width: 100% !important;
    }

    .waiting-patients-container .pc-details {
        width: 100% !important;
        border: none;
    }

    .waiting-patients-container .pc-details .consultation-details {
        padding: 5px 10px;
    }

    .waiting-patients-container .pc-details .show-patient-details {
        margin-right: auto;
    }
}

@media (max-width: 400px) {
    .waiting-patients-container .pc-buttons > .flex-v-align > div {
        width: 100% !important;
        margin: 0 0 10px !important;
    }
}

.all-customers-table table.dataTable tbody td {
    white-space: normal !important;
}

.all-customers-table table.dataTable tbody td.show-collapsed {
    background-color: rgba(242, 242, 242, 1) !important;
}

.nowrap {
    white-space: nowrap !important;
}

.white-space-normal {
    white-space: normal;
}

.ChatHistorySecondTitle text,
.ChatHistorySecondTitleNoMargin text {
    padding-left: 5px;
}

[class*="list-table"] .dataTables_wrapper {
    width: 100%;
    overflow: auto;
}

@media (max-width: 992px) {
    [class*="list-table"] .dataTables_wrapper {
        padding-bottom: 10px;
    }
}

.brad-15 {
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

#specialistsTable {
    max-width: 100%;
}

#walletLeftMenu.page {
    min-height: 1px;
}

.customer-info-page .dataTables_paginate.paging_simple_numbers {
    margin-top: 10px;
    margin-bottom: 10px;
}

.modal .modal-content .main-reg-modal .row > .col,
.modal .modal-content .main-reg-modal .row + .col,
.modal .modal-content .main-reg-modal .row > .col > .col {
    margin-top: 5px;
}

.modal .modal-content .main-reg-modal .row > .col.col-error-mess,
.modal .modal-content .main-reg-modal .row > .col.col-error-mess + .col {
    margin-top: 0;
}

.modal .modal-content .main-reg-modal .row > #viewConsultationUploadedFilesTab,
.modal .modal-content .main-reg-modal .row > #viewConsultationChatHistoryTab,
.modal .modal-content .main-reg-modal .row > #viewConsultationRecommendationsFilesTab,
.modal .modal-content .main-reg-modal .row > #viewConsultationReasonTab,
.modal .modal-content .main-reg-modal .row > #viewQuestionnairesListTab {
    position: relative;
    margin-top: 0;
    width: 100%;
    left: 0 !important;
    background: var(--main-color-50);
    border-top: 1px solid var(--main-color-50);
    pointer-events: none;
    cursor: default;
}

.modal .modal-content .main-reg-modal .row > #viewConsultationUploadedFilesTab:hover,
.modal .modal-content .main-reg-modal .row > #viewConsultationUploadedFilesTab:focus,
.modal .modal-content .main-reg-modal .row > #viewConsultationChatHistoryTab:hover,
.modal .modal-content .main-reg-modal .row > #viewConsultationChatHistoryTab:focus,
.modal .modal-content .main-reg-modal .row > #viewConsultationRecommendationsFilesTab:hover,
.modal .modal-content .main-reg-modal .row > #viewConsultationRecommendationsFilesTab:focus {
    background: #13ab89;
    border-top: 1px solid #13ab89;
}

.lean-overlay {
    top: 0 !important;
    height: 100vh !important;
    z-index: 9990 !important;
}

.dataTables_wrapper {
    overflow: hidden;
}

@media (max-width: 767px) {
    #uploadFile .qq-upload-button {
        line-height: 25px;
        padding: 10px !important;
    }

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        text-align: center;
        width: auto !important;
        min-width: 45px !important;
        height: 45px !important;
        line-height: 35px !important;
        padding: 5px 10px !important;
    }
}

@media (max-width: 480px) {
    .modal,
    #viewConsultationChatHistory {
        margin: 0 !important;
        width: 95vw !important;
        left: 2.5vw !important;
        right: 2.5vw !important;
    }

    .modal .modal-content .main-reg-modal .row > .col > .col {
        padding-left: 0;
        padding-right: 0;
    }
}

.d-flex > .consultationOverview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.d-flex > .consultationOverview > #questionnaire-tab-type2 {
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

table.dataTable thead .sorting_desc.noArrow,
.table.dataTable thead .sorting_desc.noArrow {
    background: none !important;
}

.medicalReport-container label,
.patientQuestionnaire-container label {
    height: auto !important;
    color: var(--text-grey-color-35);
    margin-left: 0px;
}

[type="checkbox"] + label::before {
    border-color: var(--text-grey-color-35);
}

[type="checkbox"]:checked + label::before {
    border-right-color: var(--main-color-50);
    border-bottom-color: var(--main-color-50);
}

.medicalReport-container textarea,
.patientQuestionnaire-container textarea {
    resize: none;
}

.patientQuestionnaire-container textarea:disabled,
.patientQuestionnaire-container [type="radio"]:disabled + label,
.patientQuestionnaire-container [type="checkbox"]:disabled + label {
    color: inherit;
}

.text-answer {
    word-break: break-word;
}

.radioAnswerChoiceContainer,
.multipleAnswerChoiceContainer {
    line-height: 35px;
}

.customer-consultations .previous-consultations,
.pg-title {
    font-family: var(--main-font-bodytext);
    font-weight: 400;
    font-size: 22px;
    color: #2C3F4E;
    color: var(--text-grey-color-15);
    padding: 0px;
    margin-bottom: 20px;
}

.scanSessionResultsTitle h1,
.pg-title > h1,
.pg-title > h2 {
    margin: 0;
    font-family: var(--main-font-title);
    font-size: 36px;
    color: var(--main-hover-color-dark);
}

.pg-title > h5 {
    margin: 0;
    font-family: var(--main-font-title);
    color: var(--main-hover-color-dark);
}

.col > h5 {
    color: var(--text-grey-color-10);
}

.files-item:before,
.files-item:after {
    content: '';
    display: table;
}

.files-item:after {
    clear: both;
}

.chat .messages {
    height: 361px !important;
    margin-bottom: 15px !important;
}

.csm-login-form .input-field input {
    margin-bottom: 5px;
    margin-top: 15px;
}

.csm-login-form .input-field label {
    top: 25px;
    left: 10px;
    text-indent: 0;
}

.csm-login-form .input-field.remember-me label {
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    padding-left: 1.5rem;
}

.csm-login-form .input-field label.active {
    top: 23px;
    left: 0;
    color: var(--main-color-50);
    text-indent: 0;
}

.csm-login-form input[type="text"],
.csm-login-form input[type="password"] {
    height: 43px !important;
    line-height: 43px !important;
    padding-left: 10px;
    padding-right: 10px;
}

.change-password-formular input[type="search"],
.change-password-formular input[type="text"]:not(.validate),
.change-password-formular input[type="text"]:not(#SearchKeyword) {
    height: 45px !important;
    width: 100%;
}

.rec-pass form {
    width: 450px;
    max-width: 100%;
    margin: 0 auto;
}

.rec-pass form,
.rec-pass form * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.rec-pass form input[type="text"] {
    width: 100%;
    height: 45px !important;
    line-height: 45px !important;
    margin: 0 !important;
}

.rec-pass form .input-field label.active {
    left: 0;
}

.rec-pass form .btn {
    height: 45px !important;
    line-height: 45px !important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

@media (min-width: 600px) and (max-width: 760px) {
    .rec-pass form .btn {
        margin-bottom: 3rem;
    }
}

@media (max-width: 992px) {
    .buttons-video {
        width: 100% !important;
    }
}

@media (max-width: 600px) {
    .buttonSendInquiryDoctorFile {
        width: 100% !important;
    }
}

/* Sidebar Menu */
.left-side-menu {
    background: var(--main-color-50) !important;
    margin: 0 !important;
    width: 100% !important;
}

.left-side-menu li {
    border: none !important;
    border-top: none !important;
    border-left: none !important;
    color: #949da1 !important;
    padding: 0 !important;
}

.left-side-menu li,
.left-side-menu .meniu-active {
    color: var(--main-hover-color-dark) !important;
    background-color: var(--main-color-50) !important;
    height: auto !important;
}

.left-side-menu .meniu-active:after {
    display: none !important;
}

.left-side-menu li > a {
    display: block;
    padding: 3px 5px !important;
    border-left: 1px solid #dedfe0 !important;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.doctor-menu.left-side-menu {
    padding: 5px 3px;
}

.doctor-menu.left-side-menu,
.doctor-menu.left-side-menu li {
    border-radius: 0.5rem;
}

.doctor-menu.left-side-menu li > a {
    border-left: none !important;
}

.doctor-menu.left-side-menu .meniu-active-sub a {
    border-left: 10px solid var(--main-color-50) !important;
    padding-right: 5px !important;
}

.meniu-active .align-menu-title-and-icon {
    background-color: #ffff;
    color: var(--main-color-inverted);
    border-radius: 0.5rem;
}

.align-menu-title-and-icon {
    display: flex !important;
    place-content: flex-start;
    align-items: center;
    padding: 0.8rem;
    color: #ffff;
}

.align-menu-title-and-icon:hover {
    background-color: #ffff;
    color: var(--main-color-inverted);
    border-radius: 0.5rem;
    overflow: hidden;
    height: auto;
}

.app-vertical-logo a img {
    width: 10rem;
    transform: rotate(0.75turn);
    padding-top: 12rem;
    margin-left: -8rem;
}

.virtual-waiting-room-containter {
    margin-top: 0 !important;
}

.virtual-waiting-room-containter:before,
.virtual-waiting-room-containter:after {
    content: '';
    display: table;
}

.virtual-waiting-room-containter:after {
    clear: both;
}

.my-reviews-page .doctor-page-title {
    float: none !important;
}

.virtual-waiting-room-containter > .col {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.customer-info-page > .row {
    margin-bottom: 0;
}

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

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

.p-0 {
    padding: 0 !important;
}

.p-15 {
    padding: 15px !important;
}

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

.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.dataTable tbody tr td {
    padding: 10px !important;
    line-height: 1.2 !important;
}

.dataTable tbody tr td img {
    vertical-align: middle;
}

.loginPopUp {
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.loginPopUp .questionBodyClass label {
    text-indent: 0;
    margin: 0;
    position: relative;
    top: auto;
    left: auto;
    font-size: 16px !important;
    margin-top: 0;
    margin-bottom: 4px;
    padding-left: 0;
    float: none;
    width: 100% !important;
    display: block;
    text-align: left !important;
    transform: none !important;
    -moz-transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}

.loginPopUp .questionBodyClass [type="checkbox"] + label {
    padding-left: 30px;
}

.loginPopUp .questionBodyClass .rememberMeModal label {
    margin-top: 5px;
}

.loginPopUp .questionBodyClass input:not([type]),
.loginPopUp .questionBodyClass input[type="text"],
.loginPopUp .questionBodyClass input[type="password"],
.loginPopUp .questionBodyClass input[type="email"],
.loginPopUp .questionBodyClass input[type="url"],
.loginPopUp .questionBodyClass input[type="time"],
.loginPopUp .questionBodyClass input[type="date"],
.loginPopUp .questionBodyClass input[type="datetime-local"],
.loginPopUp .questionBodyClass input[type="tel"],
.loginPopUp .questionBodyClass input[type="number"],
.loginPopUp .questionBodyClass input[type="search"],
.loginPopUp .questionBodyClass textarea.materialize-textarea,
.loginPopUp .questionBodyClass textarea {
    margin-bottom: 0;
    height: 39px;
    background-color: #f8f8f8;
    border: 2px solid #e6e6e6;
    padding: 5px 10px;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.loginPopUp .questionBodyClass input:not([type]):focus:not([readonly]),
.loginPopUp .questionBodyClass input[type="text"]:focus:not([readonly]),
.loginPopUp .questionBodyClass input[type="password"]:focus:not([readonly]),
.loginPopUp .questionBodyClass input[type="email"]:focus:not([readonly]),
.loginPopUp .questionBodyClass input[type="url"]:focus:not([readonly]),
.loginPopUp .questionBodyClass input[type="time"]:focus:not([readonly]),
.loginPopUp .questionBodyClass input[type="date"]:focus:not([readonly]),
.loginPopUp .questionBodyClass input[type="datetime-local"]:focus:not([readonly]),
.loginPopUp .questionBodyClass input[type="tel"]:focus:not([readonly]),
.loginPopUp .questionBodyClass input[type="number"]:focus:not([readonly]),
.loginPopUp .questionBodyClass input[type="search"]:focus:not([readonly]),
.loginPopUp .questionBodyClass textarea.materialize-textarea:focus:not([readonly]),
.loginPopUp .questionBodyClass textarea:focus:not([readonly]) {
    border: 1px solid #a1a1a1;
    background-color: #fff;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

#viewAppointmentsWeekView,
#viewAppointmentsDayView,
#createAvailabilityWeekView,
#createAvailabilityDayView {
    overflow: auto;
    width: 100%;
}

@media (min-width: 900px) {
    #viewAppointmentsWeekView,
    #viewAppointmentsDayView,
    #createAvailabilityWeekView,
    #createAvailabilityDayView {
        overflow: hidden;
    }
}

#viewAppointmentsWeekView > .edAvWeekView,
#viewAppointmentsDayView > .edAvWeekView,
#createAvailabilityWeekView > .edAvWeekView,
#createAvailabilityDayView > .edAvWeekView {
    width: 100%;
    overflow: auto;
    min-width: 840px;
}

#viewAppointmentsWeekView > .col,
#viewAppointmentsDayView > .col,
#createAvailabilityWeekView > .col,
#createAvailabilityDayView > .col {
    padding: 0 !important;
}

.edAvWeekView > ul > .hourforstarttop,
.edAvWeekView > ul > .hourforstarttop,
.edAvWeekView > .dayitemsHour,
.edAvWeekView > .dayitemsHour {
    width: 40px !important;
}

.edAvWeekView > ul > .appointmentweekcolumnnameNoSch,
.edAvWeekView > ul > .appointmentweekcolumnname,
.edAvWeekView > .dayitems {
    width: calc(14.28% - 7px) !important;
}

#viewAppointmentsWeekView .appConsStatConfirmedBg {
    overflow: auto;
}

#viewAppointmentsWeekView .consultationConfirmed {
    white-space: nowrap;
    height: 19px;
    width: auto;
    min-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

#viewAppointmentsWeekView .consultationConfirmed > span {
    float: none;
    overflow: hidden;
}

#walletLeftMenu [type="checkbox"] + label {
    margin-left: 0;
}

@media (max-width: 767px) {
    .appointmentweekhourcolumnNoSch,
    .appointmentweekhourcolumn {
        min-height: 45px;
        height: 45px;
    }

    .appointmentintervalcolumnNoSch,
    .appointmentintervalcolumn, .appointmentintervalcolumnDisabled {
        min-height: 45px;
        height: 45px;
    }

    #viewAppointmentsWeekView .consultationConfirmed {
        height: 33px;
        line-height: 33px;
    }
}

#walletLeftMenu [type="checkbox"] + label {
    margin-bottom: 5px;
    padding-top: 3px;
}

#walletLeftMenu [type="checkbox"].filled-in + label {
    padding-top: 0;
}

[type="checkbox"].filled-in:checked + label:after,
[type="checkbox"].filled-in:checked + label:before,
[type="checkbox"].filled-in:not(:checked) + label:after,
[type="checkbox"].filled-in:not(:checked) + label:before {
    transition: all .3s !important;
}

[type="checkbox"].filled-in:not(:checked) + label:after {
    border: 2px solid #5a5a5a !important;
    width: 18px;
    height: 18px;
}

[type="checkbox"].filled-in:not(:checked) + label:before {
    display: none;
}

[type="checkbox"].filled-in:checked + label:after {
    top: -4px !important;
    left: -3px !important;
    width: 12px !important;
    height: 22px !important;
    border-top: 2px solid transparent !important;
    border-left: 2px solid transparent !important;
    border-right: 2px solid var(--main-color-inverted) !important;
    border-bottom: 2px solid var(--main-color-inverted) !important;
    -webkit-transform: rotate( 40deg );
    transform: rotate( 40deg );
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    background: transparent !important;
    transition: all .3s !important;
}

.select-all-filters [type="checkbox"] + label {
    margin-left: 0;
}

.notification-table tbody tr td * {
    white-space: normal;
}

.notification-table tbody tr .sorting_1::before {
    top: 50% !important;
    margin-top: -9px;
}

@media (max-width: 767px) {
    #walletLeftMenu [type="checkbox"] + label {
        margin-bottom: 5px;
        margin-top: 5px;
    }
}

#consultation-list-history_filter,
#appointments-list-history_filter {
    margin-top: 15px !important;
}

.dataTables_length {
    display: none !important;
}

.master-wrapper-page .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #fff !important;
    font-family: var(--main-font-subtitle);
}


.dataTables_wrapper .dataTables_paginate a.paginate_button:hover,
.dataTables_wrapper .dataTables_paginate a.paginate_button:hover.current,
.dataTables_wrapper .dataTables_paginate a.paginate_button:active {
    border-color: var(--main-color-50) !important;
    color: var(--main-color-50) !important;
    background: #fff;
    font-family: var(--main-font-subtitle);
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button.disabled:hover,
.all-customers-table .dataTables_wrapper .dataTables_paginate a.paginate_button.disabled:hover,
.customer-info-page .dataTables_wrapper .dataTables_paginate a.paginate_button.disabled:hover {
    cursor: default !important;
    color: #666 !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_paginate a.paginate_button {
    border: 0.1rem solid var(--main-hover-color-50);
    background-color: #fff;
    border-radius: 0.5rem;
    font-size: 1.1rem;
    padding: 0.3rem 0.8rem;
    margin: 0.3rem 0.1rem;
    transition: all 0.1s ease-in-out;
}

.dataTables_paginate.paging_full_numbers {
    line-height: normal;
}

.doctorListing .dataTables_paginate.paging_full_numbers {
    margin-bottom: 25px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    display: none;
}

.tblmsgoverr2 img {
    width: 32px;
    height: 19px;
    margin-left: 10px;
}

.par-tblmsgoverr2 {
    position: relative;
}

.tblmsgoverr2 + .action-links-menu {
    top: 100%;
    left: 0;
    right: 0;
    width: 170px;
    transform: translate(-100px);
}

[class*="nav_menu-"].action-links-menu,
[class*="mobile_nav_menu-"].mobile-action-links-menu {
    padding: 0 !important;
}

[class*="nav_menu-"].action-links-menu ul,
[class*="mobile_nav_menu-"].mobile-action-links-menu ul {
    display: block !important;
}

[class*="nav_menu-"].action-links-menu ul li,
[class*="mobile_nav_menu-"].mobile-action-links-menu ul li {
    padding: 0 !important;
}

[class*="nav_menu-"].action-links-menu ul > li:not(:first-child),
[class*="mobile_nav_menu-"].mobile-action-links-menu ul > li:not(:first-child) {
    border-top: solid 1px #ddd;
}

[class*="nav_menu-"].action-links-menu ul li a,
[class*="mobile_nav_menu-"].mobile-action-links-menu ul li a {
    display: block;
    padding: 5px 14px;
}

[class*="nav_menu-"].action-links-menu ul li a:hover,
[class*="mobile_nav_menu-"].mobile-action-links-menu ul li a:hover,
[class*="nav_menu-"].action-links-menu ul li a:focus,
[class*="mobile_nav_menu-"].mobile-action-links-menu ul li a:focus {
    background: rgba(0, 0, 0, .15);
}

.dataTables_wrapper {
    overflow: visible;
}

.multiple-filter:before,
.multiple-filter.after {
    content: '';
    display: table;
}

.multiple-filter:after {
    clear: both;
}

.multiple-filter .actions-filters {
    float: right;
    text-align: right;
    position: relative;
}

@media (min-width: 301px) {
    .select-all-filters-container,
    .general-messageactions-container {
        min-width: 180px;
    }

    .select-all-filters-container .select-all-filters,
    .general-messageactions-container .actions-filters {
        width: 100%;
        text-align: center;
    }
}

@media (min-width: 993px) {
    .general-messageactions-container .actions-filters {
        text-align: right;
    }
}

@media (max-width: 431px) {
    .select-all-filters-container,
    .select-all-filters-container .select-all-filters {
        width: 100%;
        text-align: center;
    }

    .general-messageactions-container {
        width: 100%;
        margin-top: 10px;
    }

    .general-messageactions-container .actions-filters {
        text-align: center !important;
    }
}

@media (min-width: 360px) {
    .multiple-filter .actions-filters {
        padding-left: 10px !important;
    }

    .multiple-filter .select-all-filters {
        padding-right: 30px !important;
    }
}

@media (max-width: 993px) {
    .multiple-filter .select-all-filters {
        padding-right: 36px !important;
    }

    .select-all-filters [type="checkbox"]:not(:checked) + label:after {
        left: 120px !important;
    }

    .select-all-filters [type="checkbox"]:checked + label:after {
        left: 120px !important;
    }

    .notification-page #walletLeftMenu .categoriesTitle {
        margin-bottom: 10px !important;
    }

    .multiple-filter .actions-filters,
    .multiple-filter .select-all-filters {
        border: 1px solid #ccc;
        background-color: #fff;
        padding: 5px;
        height: 38px;
    }

    .multiple-filter .actions-filters-image {
        width: 33px !important;
        height: 23px !important;
        margin-left: 5px;
    }

    .multiple-filter .select-all-filters label[for=select-all-checkbox] {
        padding-left: 2px;
    }
}

.multiple-filter .actions-filters,
.multiple-filter .actions-filters * {
    cursor: pointer;
}

.multiple-filter .actions-filters a {
    display: block;
}

.multiple-filter .actions-filters img {
    width: 32px;
    height: 19px;
    margin-left: 10px;
    padding: 0;
}

.multiple-filter .actions-filters .actions-link-general {
    width: 200px;
    top: 100%;
    left: auto;
    right: 0;
    background: var(--text-grey-color-100);
    padding: 0;
}

.multiple-filter .actions-filters .actions-link-general ul li:not(:first-child) {
    border-top: solid 1px #ddd;
}

.multiple-filter .actions-filters .actions-link-general ul li a {
    display: block;
    padding: 5px 14px;
}

.multiple-filter .actions-filters .actions-link-general ul li a:hover,
.multiple-filter .actions-filters .actions-link-general ul li a:focus {
    background: rgba(0, 0, 0, .15);
}

.col.notification-details:before,
.col.notification-details:after,
.row .col:before,
.row .col:after {
    content: '';
    display: table;
}

.col.notification-details:after,
.row .col:after {
    clear: both;
}

.squaredThree [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: -10px;
    width: 17px;
    height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
}

.squaredThree [type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: -8px;
    left: 2px;
    font-size: 18px;
    line-height: 0.8;
    color: #005AA4;
    transition: all .2s;
}

@media (max-width: 992px) {
    .hide-992 {
        display: none;
    }
}

@media (max-width: 767px) {
    .tblmsgoverr2 img,
    .multiple-filter .actions-filters img {
        width: 45px;
        height: 26px;
    }

    [class*="nav_menu-"].action-links-menu ul li a,
    .multiple-filter .actions-filters .actions-link-general ul li a {
        padding: 14px;
    }
}

@media (max-width: 399px) {
    .multiple-filter .actions-filters {
        float: none;
        text-align: left;
        width: 100%;
    }

    .multiple-filter .actions-filters label,
    .multiple-filter .select-all-filters label[for=select-all-checkbox] {
        font-size: 0.9rem;
    }

    .multiple-filter .actions-filters .actions-link-general {
        width: 100%;
        left: 0;
    }

    .select-all-filters [type="checkbox"]:not(:checked) + label:after {
        left: 110px !important;
    }

    .select-all-filters [type="checkbox"]:checked + label:after {
        left: 110px !important;
    }
}

table.dataTable > tbody > tr.child ul {
    display: block !important;
    text-align: left;
}

#specialistsTable {
    height: auto !important;
    max-height: 100% !important;
    width: calc(100% + 30px) !important;
    max-width: calc(100% + 30px) !important;
    margin: 0 -15px !important;
}

#specialistsTable,
#specialistsTable tbody,
#specialistsTable tbody tr,
#specialistsTable tbody tr td {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}

#specialistsTable tbody,
#specialistsTable tbody tr,
#specialistsTable tbody tr td {
    width: 100%;
    padding: 0 !important;
}

#specialistsTable thead,
#specialistsTable thead tr,
#specialistsTable thead tr th {
    display: none;
}

#specialistsTable tbody tr.doctor-item {
    position: relative;
    width: calc(25% - 30px);
    padding: 15px !important;
    margin: 15px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(201,201,201,1);
    -moz-box-shadow: 0px 0px 5px 0px rgba(201,201,201,1);
    box-shadow: 0px 0px 5px 0px rgba(201,201,201,1);
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
}

#specialistsTable tbody tr:not(.doctor-item) {
    border-radius: 0.5rem;
}

#specialistsTable .doctorPicture {
    height: 175px;
    width: 175px;
    margin: 0 auto;
}

#specialistsTable .doctor-online {
    position: absolute;
    width: 50px;
    height: 25px;
    top: 10px;
    left: 0;
    text-align: center;
    padding: 5px;
    font-family: var(--main-font-bodytext);
    font-size: 12px;
    line-height: 15.27px;
    color: #FFFFFF;
    color: rgb(255, 255, 255);
    background-color: var(--text-grey-color-10);
    border: 1px solid #0f8a6f;
}

#specialistsTable .doctor-online.onlinestatusoffline {
    background-color: #bfbfbf;
    border: 1px solid #bfbfbf;
}

#specialistsTable .doctor-online.onlinestatusonline {
    background-color: #0f8a6f;
    border: 1px solid #0f8a6f;
}

#specialistsTable .doctorListingName {
    text-align: center;
    font-family: var(--main-font-bodytext);
    font-size: 20px;
    line-height: 1.2;
    color: var(--main-color-50);
    height: auto;
    width: 100%;
    padding: 7px 0;
}

#specialistsTable .doctorPicture .tmb {
    overflow: hidden;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
}

#specialistsTable .doctorPicture img {
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.1);
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    -ms-transform: translate(-50%, -50%) scale(1.1);
    -moz-transform: translate(-50%, -50%) scale(1.1);
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
}

#specialistsTable .doctorPicture img:hover {
    transform: translate(-50%, -50%) scale(1.2);
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    -ms-transform: translate(-50%, -50%) scale(1.2);
    -moz-transform: translate(-50%, -50%) scale(1.2);
}

#specialistsTable .text-right,
#specialistsTable .text-right button {
    display: block;
    width: 100%;
}

#viewAllSpecialists table.dataTable.display tbody td {
    border-top: none !important;
}

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

#viewAllSpecialists table.dataTable.stripe.no-border tbody tr.odd,
#viewAllSpecialists table.dataTable.display.no-border tbody tr.odd {
    background: transparent;
    border: none !important;
}

#viewAllSpecialists table.dataTable thead th,
#viewAllSpecialists table.dataTable thead td {
    padding: 0;
    border-bottom: none !important;
}

#viewAllSpecialists table.dataTable.hover tbody tr:hover,
#viewAllSpecialists table.dataTable.display tbody tr:hover {
    background-color: transparent;
}

@media (max-width: 992px) {
    #specialistsTable tbody tr.doctor-item {
        width: calc(50% - 30px);
    }
}

@media (max-width: 767px) {
    #specialistsTable .doctorPicture {
        height: auto;
    }
}

@media (max-width: 600px) {
    #specialistsTable {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    #specialistsTable tbody tr.doctor-item {
        width: 100%;
        margin: 0 0 20px;
    }
}

.inline-checkbox:before,
.inline-checkbox:after {
    content: '';
    display: table;
}

.inline-checkbox:after {
    clear: both;
}

.inline-checkbox > li {
    float: left;
}

.inline-checkbox > li:not(:last-child) {
    margin-right: 20px;
}

.inline-checkbox [type="checkbox"] + label {
    padding-left: 28px;
}

.waiting-patients-container > .container-flex.piu > .piu-second {
    margin: 0 !important;
}

@media(max-width: 767px) {
    #waitingPatients .container-flex {
        padding-bottom: 5px !important;
        margin-bottom: 20px !important;
        border-bottom: solid 1px #ddd;
    }

    .waiting-patients-container > .container-flex.piu > .piu-first {
        width: 40% !important;
    }

    .waiting-patients-container > .container-flex.piu > .piu-second {
        width: 60% !important;
    }

    .waiting-patients-container > .container-flex.piu > .piu-last {
        width: 100% !important;
        margin: 10px 0 !important;
        padding: 0 !important;
    }

    .waiting-patients-container > .container-flex.piu > .piu-last .paddingDoctorButtonsSmall {
        width: 100%;
        padding: 0 !important;
    }

    .waiting-patients-container > .container-flex.piu > .piu-last .paddingDoctorButtonsSmall > .consultation-sendMessage,
    .waiting-patients-container > .container-flex.piu > .piu-last .paddingDoctorButtonsSmall > .consultation-sendMessage-disabled,
    .waiting-patients-container > .container-flex.piu > .piu-last .paddingDoctorButtonsSmall > .patientMessage-reply {
        margin: 0 10px 0 0;
    }

    .waiting-patients-container > .container-flex.piu > .piu-last .paddingDoctorButtonsSmall > .postpone-consultation {
        margin: 0 0 0 10px;
    }
}

@media(max-width: 600px) {
    #weekAppointmentInterval,
    #weekAvailabilityInterval,
    #datepickerDayAppointment {
        width: calc(100% - 52px);
        max-width: calc(100% - 52px);
    }
}

@media(max-width: 480px) {
    #waitingPatients .container-flex {
        margin-bottom: 15px !important;
    }

    .waiting-patients-container > .container-flex.piu > .piu-first,
    .waiting-patients-container > .container-flex.piu > .piu-second {
        width: 100% !important;
        border: none !important;
    }

    .waiting-patients-container > .container-flex.piu > .piu-last .paddingDoctorButtonsSmall > div {
        width: 100%;
        float: none;
    }

    .waiting-patients-container > .container-flex.piu > .piu-last .paddingDoctorButtonsSmall > .consultation-sendMessage,
    .waiting-patients-container > .container-flex.piu > .piu-last .paddingDoctorButtonsSmall > .consultation-sendMessage-disabled,
    .waiting-patients-container > .container-flex.piu > .piu-last .paddingDoctorButtonsSmall > .patientMessage-reply {
        margin: 0 0 5px;
    }

    .waiting-patients-container > .container-flex.piu > .piu-last .paddingDoctorButtonsSmall > .postpone-consultation {
        margin: 5px 0 0;
    }
}

@media (min-width: 767px) and (max-width:860px) {
    .waiting-patients-container > .container-flex.piu > .piu-last .paddingDoctorButtonsSmall .wr-sendfile-consbtn-disabled,
    .waiting-patients-container > .container-flex.piu > .piu-last .paddingDoctorButtonsSmall .sendfile-consbtn {
        margin-left: 10px;
    }
}

@media (min-width: 481px) and (max-width: 860px) {
    .waiting-patients-container > .container-flex.piu > .piu-last .paddingDoctorButtonsSmall > div {
        width: calc(50% - 10px);
        float: left;
    }

    .waiting-patients-container > .container-flex.piu > .piu-last .paddingDoctorButtonsSmall {
        width: 100%;
    }

    .piu-last .postpone-consultation {
        margin-left: 0px !important;
        margin-top: 5px !important;
        width: calc(100% - 10px) !important;
    }
}

@media(max-width: 400px) {
    .inline-checkbox > li {
        float: none;
    }

    .inline-checkbox > li:not(:last-child) {
        margin-right: 0;
    }
}

table.dataTable.nowrap td {
    white-space: normal !important;
    transition: all .3s;
}

.pagination li,
.pagination li.previous-page,
.pagination li.next-page,
.pagination li.active {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 7px 14px;
    margin: 0 0 5px 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: var(--text-grey-color-35) !important;
    border: 1px solid transparent;
    border-radius: 6px;
    line-height: 21px;
}

.pagination li.active {
    color: #333 !important;
    background: #f1f1f1 !important;
    border: 1px solid transparent !important;
}

.pagination li:hover,
.pagination li.previous-page:hover,
.pagination li.next-page:hover {
    color: white !important;
    border: 1px solid var(--main-hover-color-50) !important;
    background: var(--main-hover-color-50) !important;
}

.pagination li.active:hover {
    color: #333 !important;
    background: #e6e6e6 !important;
    border: 1px solid transparent !important;
}

.pagination li a,
.pagination li span {
    color: inherit !important;
}

.pagination li.previous-page.disabled,
.pagination li.next-page.disabled {
    cursor: default;
    pointer-events: none;
    color: #666 !important;
    border: 1px solid transparent !important;
    background: transparent !important;
}

@media (max-width: 767px) {
    .pager {
        width: 100%;
        text-align: center;
    }

    .pager .pagination {
        margin: 0 auto;
        float: none;
        display: inline-block;
        width: auto;
    }
}

table.dataTable > tbody > tr.child span.dtr-title:empty {
    display: none !important;
}

#consultation-history .rateBtn,
#consultation-history .rateBtnDisabled {
    padding: 0 !important;
    margin: 0 !important;
}

#consultation-history .rateBtn i,
#consultation-history .rateBtnDisabled i {
    line-height: 34px;
}

.disable-button {
    pointer-events: none;
    cursor: default;
}

table#patientFileDoctorReviews.dataTable {
    border: none !important;
}

table#patientFileDoctorReviews.dataTable tbody tr {
    background: transparent !important;
}

 
table#patientFileDoctorReviews.dataTable tbody th,
table#patientFileDoctorReviews.dataTable tbody td {
    padding: 0 !important;
}

#patientFileDoctorReviews_paginate {
    width: 100% !important;
}

.consultationOverviewTab #patientFileDoctorReviews_paginate span {
    display: inline-block;
}

.select-dropdown {
    background: #fff url('../images/select-icon.png') scroll 100% 50% no-repeat;
    background-size: 28px !important;
    transition: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -ms-transition: none !important;
}

@media (max-width: 370px) {
    .select-dropdown {
        background-size: 15px !important;
    }
}

.dropdown-content.select-dropdown {
    background: #fff;
}

.birthday-warning,
.birthday-warning2,
.research-warning,
.domain-warning,
.choice-warning,
.consent-warning {
    color: red;
}

/* Calendar */
.appConsStatConfirmedBg {
    background-color: var(--main-hover-color-50);
    border: none !important;
}

.appConsStatConfirmedBg:hover {
    background-color: var(--main-hover-color-50) !important;
    border: none !important;
}

.appConsStatCanceledBg {
    background-color: #ed1c24;
    border: none !important;
}

.appConsStatCanceledBg:hover {
    background-color: #ed1c24 !important;
    border: none !important;
}

#viewAppointmentsWeekView .appConsStatConfirmedBg {
    overflow: hidden;
    padding: 0 5px;
    display: flex;
}

#viewAppointmentsWeekView .consultationConfirmed {
    height: auto;
    padding: 0;
    min-height: 1px !important;
    line-height: 1;
    align-self: center;
    -moz-align-self: center;
    -webkit-align-self: center;
    -ms-align-self: center;
}

#viewAppointmentsWeekView .dayitems .appConsStatConfirmedBg,
#viewAppointmentsWeekView .dayitems .appConsStatCanceledBg,
#viewAppointmentsWeekView .dayitems .appConsStatPendingBg {
    border-left: solid 1px #fff !important;
    border-right: solid 1px #fff !important;
    border-top: solid 1px #f5f5f5 !important;
    border-bottom: solid 1px #b9b9b9 !important;
}

#viewAppointmentsWeekView .dayitems .mus {
    border-left: solid 1px #fff !important;
    border-right: solid 1px #fff !important;
    border-top: none !important;
    border-bottom: none !important;
}

#viewAppointmentsWeekView .dayitems .mus-start {
    border-top: solid 1px #f5f5f5 !important;
}

#viewAppointmentsWeekView .dayitems .mus-end {
    border-bottom: solid 1px #b9b9b9 !important;
}

#viewAppointmentsDayView .consultationConfirmed {
    height: auto;
    padding: 0;
    min-height: 1px !important;
    line-height: 1;
    align-self: center;
    -moz-align-self: center;
    -webkit-align-self: center;
    -ms-align-self: center;
}

#viewAppointmentsDayView .dayitems .appConsStatConfirmedBg,
#viewAppointmentsDayView .dayitems .appConsStatCanceledBg,
#viewAppointmentsDayView .dayitems .appConsStatPendingBg {
    border-left: solid 1px #fff !important;
    border-right: solid 1px #fff !important;
    border-top: solid 1px #f5f5f5 !important;
    border-bottom: solid 1px #b9b9b9 !important;
}

#viewAppointmentsDayView .dayitems .mus {
    border-left: solid 1px #fff !important;
    border-right: solid 1px #fff !important;
    border-top: none !important;
    border-bottom: none !important;
}

#viewAppointmentsDayView .dayitems .mus-start {
    border-top: solid 1px #f5f5f5 !important;
}

#viewAppointmentsDayView .dayitems .mus-end {
    border-bottom: solid 1px #b9b9b9 !important;
}

#viewAppointmentsWeekView .item-consultation,
#viewAppointmentsDayView .item-consultation {
    padding-left: 5px;
    padding-right: 5px;
    line-height: 19px;
    height: 19px;
}

#viewAppointmentsWeekView .item-consultation,
#viewAppointmentsWeekView .item-consultation *,
#viewAppointmentsDayView .item-consultation,
#viewAppointmentsDayView .item-consultation * {
    overflow: hidden;
    text-overflow: ellipsis;
}

.customer-uploaded-files-container #striped tbody > tr > td:last-child,
.customer-vital-parameters-container #striped tbody > tr > td:last-child,
.represented-customers-table-container #represented-customers tbody > tr > td:last-child {
    text-align: right;
}

    .customer-uploaded-files-container #striped tbody > tr > td:last-child > div,
    .customer-vital-parameters-container #striped tbody > tr > td:last-child > div,
    .represented-customers-table-container #represented-customers tbody > tr > td:last-child > div {
        display: inline-block;
    }

.customer-uploaded-files-table,
.administrative-documents-table,
.represented-customers-table {
    border-radius: 15px;
    padding-bottom: 15px;
}

.download-customer-document {
    display: inline-block;
    background-color: #13ab89;
    border: none;
    color: white;
    font-weight: 500;
    font-size: 13px;
    border-radius: 4px;
    padding: 10px 15px;
    white-space: normal;
    width: auto !important;
    min-width: 125px;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
}

.download-customer-document:hover,
.download-customer-document:focus {
    background: var(--main-hover-color-50);
}

.generalParametersButtons .disabledBtn,
.customParametersButtons .disabledBtn {
    cursor: not-allowed;
}

.field-valid-error {
    font-size: 12px;
    color: #F44336;
    margin-bottom: 10px;
}

.error-message {
    display: none;
}

.error-message.show-error {
    display: block;
}

.registerblockimgline .image-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.register-page .registerblockimgline .image-block span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.register-page .registerblockimgline .image-block .title-img {
    margin-left: auto;
}

.register-page .registerblockimgline .image-block .title-text {
    margin-right: auto;
}

.login-page .customer-blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}

.login-page .customer-blocks .col-right {
    margin-left: auto;
    margin-right: 15px;
    padding: 0 2vw 2vw;
    width: 450px;
    max-width: calc(50% - 15px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    order: 1;
    -moz-order: 1;
    -ms-order: 1;
    -webkit-order: 1;
}

.login-page .customer-blocks .col-left {
    margin-right: auto;
    margin-left: 15px;
    padding: 0 2vw 2vw;
    width: 450px;
    max-width: calc(50% - 15px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    order: 2;
    -moz-order: 2;
    -ms-order: 2;
    -webkit-order: 2;
}

.login-page .customer-blocks .btn {
    min-width: 155px;
    text-align: center;
    border-radius: 0.5rem;
    font-size: 1.2rem;
    letter-spacing: .1rem;
    padding: 5px 0;
    height: 100%;
}

.login-page .remember-me label {
    margin: 0;
}

[class*="result-page"] .center-1 .buttons {
    text-align: center;
}


.csm-tooltip.appointmentintervalcolumnNoSch {
    cursor: default;
}

#viewAppointmentsWeekView .csm-tooltip.appConsStatConfirmedBg,
#viewAppointmentsWeekView .csm-tooltip.appConsStatCanceledBg,
#viewAppointmentsWeekView .csm-tooltip.appConsStatPendingBg {
    cursor: pointer;
}

.csm-tooltip.appConsStatConfirmedBg.mus,
.csm-tooltip.appConsStatCanceledBg.mus,
.csm-tooltip.appConsStatPendingBg.mus {
    cursor: default !important;
}

.csm-tooltip.appConsStatConfirmedBg.mus-start,
.csm-tooltip.appConsStatCanceledBg.mus-start,
.csm-tooltip.appConsStatPendingBg.mus-start,
.csm-tooltip.appConsStatConfirmedBg:not(.mus),
.csm-tooltip.appConsStatCanceledBg:not(.mus),
.csm-tooltip.appConsStatPendingBg:not(.mus) {
    cursor: pointer !important;
}

.csm-tooltip {
    position: relative;
    overflow: visible !important;
}

.csm-tooltip .tooltiptext {
    visibility: hidden;
    opacity: 0;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 8px;
    position: absolute;
    top: 50%;
    left: 90%;
    width: 250px;
    white-space: normal;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    z-index: 999991;
}

.csm-tooltip:hover .tooltiptext {
    left: calc(100% + 7px);
    visibility: visible;
    opacity: 1;
    z-index: 999991;
}

.csm-tooltip .tooltiptext:before {
    display: block !important;
    content: '';
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-right: 7px solid #000;
    position: absolute;
    top: 50%;
    left: -7px;
    transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.simpleMessageModal {
    width: 450px;
    max-width: 95%;
}

#uploadParamFile {
    float: left;
    font-family: var(--main-font-bodytext);
    font-size: 15px;
    line-height: 15px;
    border: 2px solid var(--main-color-50);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 6px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 38px;
    white-space: nowrap;
}

    #uploadParamFile:hover {
        border-color: var(--main-hover-color-50);
    }

@media only screen and (min-width: 993px) {
    #uploadParamFile.l6 {
        width: 50% !important;
    }
}

.measureCheckbox {
    height: 20px;
}

.paramFileName {
    word-break: break-word;
    height: 38px;
    display: flex !important;
    white-space: nowrap;
}

#fileName {
    margin: auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.white-container {
    background-color: #ffff;
    border-radius: 1rem;
    padding: 1rem;
    color: var(--main-hover-color-50);
}

#paramFileContainer {
    margin-bottom: 5px !important;
}

.btn-150w {
    min-width: 150px;
    text-align: center;
}

.btn-danger {
    background: #ed1c24 !important;
}

.btn-danger:hover,
.btn-danger:focus {
    background: #82090d !important;
}

.btn-flat.picker__clear {
    display: none !important;
}

@media (max-width: 1500px) {
    .login-page .customer-blocks .col-left,
    .login-page .customer-blocks .col-right {
        padding: 0 30px 30px;
    }
}

@media (max-width: 992px) {
    .login-page .customer-blocks .col-left,
    .login-page .customer-blocks .col-right {
        padding: 0 25px 25px;
    }
}

@media (min-width: 767px) {
    .email-validation-req {
        margin-left: 15%;
        margin-right: 15%;
    }
}

.spam-warn {
    margin-top: 3%;
    font-style: italic;
}

@media (max-width: 767px) {
    .categoriess8 {
        margin-left: 0 !important;
        width: 100%;
        max-width: 100%;
        padding: 0 !important;
    }

    .login-page .customer-blocks {
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
    }

    .login-page .customer-blocks .col-left,
    .login-page .customer-blocks .col-right {
        padding: 0 20px 20px;
        width: 450px;
        max-width: 100%;
        margin: 0 auto;
    }

    .login-page .customer-blocks .col-left {
        margin-bottom: 30px !important;
        order: 1;
        -moz-order: 1;
        -ms-order: 1;
        -webkit-order: 1;
    }

    .login-page .customer-blocks .col-right {
        order: 2;
        -moz-order: 2;
        -ms-order: 2;
        -webkit-order: 2;
    }

    .login-page .customer-blocks img {
        width: calc(30px + 3.26vw);
        height: auto;
    }

    .login-page .customer-blocks .image-block .big-text {
        font-size: calc(14px + 2.087vw);
        font-weight: normal;
    }

    #BarcodeImageUrl {
        min-width: 200px;
    }
}

@media (max-width: 640px) {
    .login-page .customer-blocks .col-left {
        margin-bottom: 20px !important;
    }

    .csm-ok {
        width: calc(24px + 8vw);
        height: auto;
    }
}

@media (max-width: 600px) {
    #viewAppointmentsRegion .pg-title h2,
    #viewAppointmentsRegion #weekAppointmentMonth {
        display: block;
        text-align: center;
    }

    #datepickerDayAppointment {
        width: calc(100% - 52px) !important;
        min-width: calc(100% - 52px) !important;
    }
}

.inlineblock-child > * {
    display: inline-block;
}

/* Consent form */
.two-col-eq.cons-form {
    margin-top: 20px;
}

.two-col-eq.cons-form:before,
.two-col-eq.cons-form:after {
    content: '';
    display: table;
}

.two-col-eq.cons-form:after {
    clear: both;
}

.personal-details.col-left,
.personal-details.col-right {
    width: 50%;
    float: left;
}

.personal-details.col-left {
    padding-right: 10px !important;
}

.personal-details.col-right {
    padding-left: 10px !important;
}

.two-col-eq.cons-form .single-line {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.uploadCustomerFileStyle:before,
.uploadCustomerFileStyle:after {
    content: '';
    display: table;
}

.uploadCustomerFileStyle:after {
    clear: both;
}

#uploadFileZoneMed_filesTab .qq-upload-button {
    padding: 5px 15px;
    cursor: pointer;
}

#uploadFileZoneMed_filesTab .qq-upload-button i {
    color: #fff;
}

#uploadFileZoneMed #uploadFile .qq-upload-button {
    float: none !important;
    margin-top: 3px;
}

[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
    padding-left: 25px;
    padding-right: 10px;
}

[type="radio"] + label:before,
[type="radio"] + label:after {
    margin: 4px 0;
}

@media (max-width: 767px) {
    .personal-details.col-left,
    .personal-details.col-right {
        width: 450px;
        max-width: 100%;
        margin: 0 auto;
        float: none;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 480px) {
    .customer-details-page .style-bday .input-field .select-wrapper {
        margin-right: 15px;
    }

    .customer-details-page .style-bday .input-field .select-wrapper:nth-child(2) {
        width: 20%;
    }

    .customer-details-page .style-bday .input-field .select-wrapper:nth-child(3) {
        width: calc(40% - 30px);
        margin-right: 0;
    }
}

.customer-uploaded-files-container #striped tbody > tr > td:last-child,
.represented-customers-table-container #represented-customers tbody > tr > td:last-child {
    text-align: center;
}

    .customer-uploaded-files-container #striped tbody > tr > td:last-child > div,
    .represented-customers-table-container #represented-customers tbody > tr > td:last-child > div {
        display: inline-block;
    }

.download-customer-document {
    display: inline-block;
    background-color: var(--main-color-50);
    border: none;
    color: white;
    font-weight: 500;
    font-size: 13px;
    border-radius: 4px;
    padding: 10px 15px;
    white-space: normal;
    width: auto !important;
    min-width: 125px;
    text-align: center;
    transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
}

.download-customer-document:hover,
.download-customer-document:focus {
    background: var(--main-hover-color-50);
}

.appointmentsApprovedBtn,
.appointmentsPendingBtn {
    position: relative;
    bottom: -3px;
}

@media (max-width: 480px) {
    #viewAppointmentsRegion .appStatusBar {
        display: block;
        float: none;
        width: 200px !important;
        margin: 0 auto !important;
        text-align: left;
        clear: both;
    }

    #viewAppointmentsRegion .appStatusBar > div {
        display: block;
        clear: both;
        float: none;
        width: 200px;
    }
}

@media (max-width: 767px) {
    .side-2 {
        margin-bottom: 20px;
    }
}

.modal input,
.modal select,
.modal textarea {
    background: #fff !important;
}

.modal input.select-dropdown {
    background-image: url('../images/drodpwonDown.png') !important;
    background-repeat: no-repeat !important;
    background-position: 95% center !important;
}

.modal .questionBodyClass label,
.modal .questionSubjectClass label {
    display: block;
    width: 100%;
    text-align: left;
}

.modal .questionBodyClass select,
.modal .questionSubjectClass select {
    width: 100% !important;
    max-width: 100% !important;
    border: solid 1px #dfdddd !important;
}

.modal .questionBodyClass label + select,
.modal .questionSubjectClass label + select {
    margin-top: -2px;
}

.modal .confirmation-check {
    color: #fff;
    background-color: var(--main-color-50);
    border-radius: 50%;
    font-size: 30px;
    padding: 14px;
}

#appointmentsRegion > .no-record,
#consultationsRegion > .no-record {
    display: block;
    text-align: center;
    margin-top: 15px;
}

/* Upload Files Datatable */
.files-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin: 0 !important;
    width: 100% !important;
}

.closeBTN {
    background: var(--text-main-grey-color);
    color: #fff;
    padding: 0 !important;
    line-height: 22px;
    width: 25px;
    height: 25px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.consultationOverviewTab .closeBTN {
    float: right;
    margin: -3px 0 8px 25px;
}

.consultationOverviewTab .text-right .closeBTN {
    margin-left: 10px;
    margin-right: -15px;
}

.modal .col label,
.modal .col input,
.modal .col select,
.modal .col textarea {
    width: 100% !important;
    max-width: 100% !important;
}

.modal .col .stars label {
    width: 20% !important;
}

#consent-disclaimer {
    padding: 0 !important;
}

#consent-disclaimer .modal-content {
    padding: 15px !important;
    background: transparent;
}

.upload-disclaimer {
    margin-bottom: 20px;
    color: red;
    font-size: 14px
}

.doctorarea-upload-button {
    padding: 5px 20px;
    font-size: 14px;
    color: white;
    display: inline-block;
    vertical-align: middle;
    background: var(--main-color-50);
    border: solid 2px var(--main-color-50);
    border-radius: 8px;
}

.doctorarea-upload-button:hover {
    background: var(--main-hover-color-50);
    border: solid 2px var(--main-hover-color-50);
}

.doctorarea-upload-button:focus {
    background: var(--main-hover-color-50);
    border: solid 2px var(--main-hover-color-50);
}

#doctorarea-upload-doc-label {
    font-size: 18px;
    color: var(--main-color-50);
    font-weight: 500;
    padding-right: 10px;
}

#doctorarea-upload-doc-file-input {
    font-size: 15px;
    cursor: pointer;
}

.navAccMen .sub-menu-tab-active {
    padding-left: 2.5rem !important;
    display: block;
    background-color: var(--main-color-50) !important;
}

.navAccMen .sub-menu-tab-inactive {
    display: none;
}

#questionnaire-tab-type2 .searchQuestOver {
    padding: 0 !important;
}

#questionnaire-tab-type2 .specialisationQuestionnaires > .specialisationQuestionnaire_item {
    margin-bottom: 20px;
    cursor: pointer;
    border: solid 1px #dadada;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
    -webkit-ox-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
    -ms-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

#questionnaire-tab-type2 .specialisationQuestionnaires > .specialisationQuestionnaire_item:hover,
#questionnaire-tab-type2 .specialisationQuestionnaires > .specialisationQuestionnaire_item.activeSpecialisationQuestionnaire {
    background: #fff;
    box-shadow: none;
    -webkit-ox-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
}

#questionnaire-tab-type2 .specialisationQuestionnaires > .specialisationQuestionnaire_item:last-child {
    margin-bottom: 0;
}

#questionnaire-tab-type2 .specialisationQuestionnaire_item [class*="answers"] {
    display: none;
}

#questionnaire-tab-type2 .specialisationQuestionnaire_item.activeSpecialisationQuestionnaire [class*="answers"] {
    display: block;
}

#questionnaire-tab-type2 .specialisationQuestionnaire_answers {
    margin: 0;
    padding: 0 15px;
}

#questionnaire-tab-type2 .specialisationQuestionnaire_answers > :first-child {
    padding-top: 5px;
}

#questionnaire-tab-type2 .specialisationQuestionnaire_answers > br {
    height: 7px;
    line-height: 7px;
}

#questionnaire-tab-type2 .specialisationQuestionnaire_answers > p {
    margin: 0;
}

.consultationOverviewTab-type2 {
    background-color: #f5f5f563;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 460px !important;
    max-height: 460px !important;
}

.doc-cons-room .consultationOverviewTab-type2,
.doc-cons-room #patientConsHistory {
    background-color: #fff;
}

.doc-cons-room .second-tab-inner-container .consultationOverviewTab-type2 {
    background-color: inherit;
    border: none;
    padding-top: 0 !important;
    max-height: 100% !important;
    padding: 0 5px 5px 5px !important;
}

.doc-cons-room .second-tab-inner-container input,
.doc-cons-room .second-tab-inner-container textarea {
    background-color: #fff;
}

.doc-cons-room .second-tab-inner-container .section-title {
    margin-top: 0;
}

.doc-cons-room .second-tab-inner-container #medicalReportButtons {
    margin: 0;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}

.consultationOverviewTab-type2 span {
    display: block;
    padding-bottom: 8px;
}

.consultationOverviewTab-type2 span.no-data,
.normal-title.no-data {
    text-align: center;
}

.consultationOverviewTab-type2 .boldTitle {
    font-family: var(--main-font-title);
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
    color: var(--scrollbar-thumb-hover-color);
}

.consultationOverviewTab-type2 .green-title {
    font-family: var(--main-font-title);
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
    color: var(--main-color-50);
}

.consultationOverviewTab-type2 .darkblue-title {
    font-family: var(--main-font-title);
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
    color: var(--main-hover-color-inverted);
}

.consultationOverviewTab-type2 .specialisationQuestionnaires .darkblue-title {
    font-size: 1.3rem;
}

.consultationOverviewTab-type2 .normal-text {
    font-family: var(--main-font-title);
    font-size: 15px;
    line-height: 21px;
    color: #747474;
    color: rgb(116, 116, 116);
}

.specialisationQuestionnaire_item #patientQuestionnaire .modal-title {
    display: none;
}

.paramsContainer {
    display: initial !important;
    padding-bottom: initial !important;
}

/* Homepage Topics */
.specialities-container .inner-container {
    border: solid 1px var(--text-grey-color-90);
    height: 100%;
}

.specialities-container .img-container img {
    width: 100%;
    height: 100%;
    transition: all 1s;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.specialities-container .img-container:hover img {
    transform: rotateY(180deg);
    transition: all 1s;
}

.specialities-container .title-container {
    padding: 0.5rem;
}

.specialities-container .title-container:hover {
    color: var(--main-hover-color-50);
}

.specialities-container .img-container a {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 70%;
}

.homepage-banner {
    width: 44% !important;
    position: absolute;
    top: 15%;
    left: 5%;
    display: flex;
    flex-direction: column;
}

.homepage-banner .banner-text-1 {
    color: var(--main-color-50);
    font-size: 3.5rem;
    font-weight: 700;
    line-height: normal;
}

.homepage-banner .banner-text-2 {
    font-size: 1.5rem;
    line-height: normal;
}

.csm-btn-oblique {
    background-color: var(--main-color-50);
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    padding: 0 32px;
    line-height: 46px;
    -webkit-transition: all .3s linear 0ms;
    -khtml-transition: all .3s linear 0ms;
    -moz-transition: all .3s linear 0ms;
    -ms-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
    position: relative;
    z-index: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 100%;
    cursor: pointer;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    flex: none;
    height: 50px;
    line-height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    letter-spacing: .02em;
    position: relative;
}

.csm-btn-oblique:after {
    background-color: #fff;
    content: "";
    height: 100%;
    left: 0;
    opacity: .12;
    position: absolute;
    top: 0;
    transform: skewX(25deg);
    -webkit-transition: all .4s ease 0s;
    -khtml-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    width: 0;
    z-index: -1;
}

.csm-btn-oblique:hover:after {
    background-color: #fff;
    content: "";
    height: 100%;
    left: 5%;
    width: 90%;
    opacity: .12;
    position: absolute;
    top: 0;
    transform: skewX(25deg);
    -webkit-transition: all .4s ease 0s;
    -khtml-transition: all .4s ease 0s;
    -moz-transition: all .4s ease 0s;
    -ms-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;
    z-index: -1;
}

@media only screen and (max-width: 992px) {
    .csm-btn-oblique.csm-btn-large {
        padding: 0;
        line-height: initial;
    }
}

.doctor-small-details .doctor-profile-title .availability-text-left {
    width: 169px;
}

.doctor-small-details .doctor-profile-title .availability-text-right {
    width: 153px;
}

@media (min-width: 1178px), (min-width: 782px) and (max-width: 993px), (min-width: 391px) and (max-width: 600px) {
    .doctor-small-details .doctor-profile-title .availability-text-left {
        text-align: right;
        padding-right: 5px;
    }
}

@media (min-width: 993px) and (max-width: 1177px) {
    .doctor-small-details .doctor-profile-title .availability-text-left {
        width: 100%;
    }

    .doctor-small-details .doctor-profile-title .availability-text-right {
        width: 100%;
    }

    .doctor-small-details .text-center-fix {
        text-align: center;
    }
}

@media (min-width: 601px) and (max-width: 781px) {
    .doctor-small-details .doctor-profile-title .availability-text-left {
        width: 100%;
    }

    .doctor-small-details .doctor-profile-title .availability-text-right {
        width: 100%;
    }

    .doctor-small-details .text-center-fix {
        text-align: center;
    }
}

@media (max-width: 390px) {
    .doctor-small-details .doctor-profile-title .availability-text-left {
        width: 100%;
    }

    .doctor-small-details .doctor-profile-title .availability-text-right {
        width: 100%;
    }

    .doctor-small-details .text-center-fix {
        text-align: center;
    }
}

.geolocation-bottom-screen {
    width: 20% !important;
    min-width: 44%;
    color: #fff !important;
    position: fixed !important;
    bottom: 0 !important;
    right: 30% !important;
    z-index: 400 !important;
    font-size: 20px;
    background-color: var(--main-color-50);
    border-radius: 5px !important;
    padding: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 82%;
}

.collapseReviewContent {
    color: var(--main-hover-color-50);
}

.collapseReviewContent:hover {
    color: var(--main-color-50);
}

/* Customer Reviews*/
.review-row {
    background: var(--text-grey-color-95);
}

.customer-info-page .review-row {
    border-radius: 0.5rem;
}

@media (min-width: 1001px) and (max-width: 1333px) {
    .consultHistoryTableButtonsCustomBorder {
        border-bottom: 2px solid var(--text-grey-color);
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
}

@media (max-width: 973px) {
    .consultHistoryTableButtonsCustomBorder {
        border-bottom: 2px solid var(--text-grey-color);
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
}

.customerRegisterPg .legalSupervisorFields .input-field {
    padding: 0 !important;
    position: relative;
    margin: 0 !important;
}

.customerRegisterPg .legalSupervisorFields .input-field .col {
    width: 100% !important;
    margin-left: auto;
    left: auto;
    right: auto;
}

.customerRegisterPg .legalSupervisorFields .input-field label {
    position: inherit;
}

/* Consultation room classes*/
.qq-upload-button-selector i {
    color: var(--main-hover-color-50);
    transition: .5s ease-out;
}

.qq-upload-button:not(.disabled):hover i {
    color: var(--main-color-50);
}

.virtual-waiting-room-containter .fa-user,
.consultationOverviewTab-type2 .customer-info-icon {
    font-size: 30px;
    color: var(--main-color-50);
    text-align: center;
}

.text-grey-35 {
    color: var(--text-grey-color-35)
}

.span-h70-scroll {
    max-height: 70px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--main-hover-color-50) transparent;
}

.span-h70-scroll::-webkit-scrollbar {
    width: 8px;
}

.span-h70-scroll::-webkit-scrollbar-track {
    background: transparent;
}

.span-h70-scroll::-webkit-scrollbar-thumb {
    background: var(--main-hover-color-50);
}

.span-h70-scroll::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover-color);
}

.consultationOverviewTab-type2 .customer-info-bold {
    font-weight: bold;
    color: var(--main-color-50);
}

/* Patient file */
.custom-panel .cp-title .btn {
    background-color: var(--main-color-50)
}

.custom-panel .cp-title .btn:hover {
    background-color: var(--main-hover-color-50)
}

.online-doctor-document-upload-status {
    color: var(--error-red);
}

.button-main-action {
    color: var(--main-color-text-dark);
    transition: .5s all;
    white-space: nowrap;
}

.button-main-delete {
    color: var(--text-main-grey-color);
    transition: .5s all;
    white-space: nowrap;
}

.button-main-action-disabled {
    color: var(--text-grey-color);
    transition: .5s all;
    white-space: nowrap;
    cursor: not-allowed;
}

.button-main-action-disabled-icon {
    color: var(--text-grey-color);
    transition: .5s all;
    white-space: nowrap;
    cursor: not-allowed;
}

.download-customer-file-disabled {
    font-size: 16px;
    color: var(--text-grey-color);
    padding: 2px;
    white-space: nowrap;
    cursor: not-allowed;
}

@media (max-width: 600px) {
    #pending-consultations .button-main-action, #pending-consultations .button-main-delete {
        font-size: 18px;
    }
}

.button-main-action i,
.button-main-delete i {
    color: var(--main-hover-color-50);
    transition: .5s all;
}

.button-main-action:hover {
    color: var(--main-hover-color-50);
}

.button-main-action:hover i {
    color: var(--main-color-50);
}

.button-main-delete:hover {
    color: var(--button-red);
}

.button-main-delete:hover i {
    color: var(--button-red);
}

/* Customer pending consultation */
#pending-consultations .qq-upload-button {
    border-radius: 0;
    position: relative !important;
    text-decoration: none;
    background: none !important;
    letter-spacing: .5px;
    transition: .5s ease-out;
    outline: 0;
    vertical-align: middle;
    display: inline-block !important;
    width: auto !important;
    font-weight: bold;
    text-align: left;
    border: none !important;
}

#pending-consultations .qq-upload-button .pending-consultation-upload {
    color: var(--main-color-50);
    transition: .5s ease-out;
    white-space: nowrap;
    letter-spacing: 0 !important;
}

#pending-consultations .qq-upload-button:not(.disabled):hover {
    cursor: pointer !important;
}

#pending-consultations .qq-upload-button:not(.disabled):hover .pending-consultation-upload {
    color: var(--main-hover-color-50);
}

.pending-consultation-upload i {
    color: var(--main-hover-color-50);
}

.complete-consultation-questionnaire {
    color: var(--main-color-50);
    font-weight: bold;
    white-space: nowrap !important;
    display: inline-block;
}

@keyframes changeColor {
    0% {
        color: var(--main-color-50);
    }

    50% {
        color: var(--main-hover-color-50);
    }

    100% {
        color: var(--main-color-50);
    }
}

.complete-consultation-questionnaire .animatedClipboard {
    color: var(--main-color-50);
    animation: changeColor ease;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    animation-fill-mode: both;
    backface-visibility: hidden;
}

.complete-consultation-questionnaire a,
.complete-consultation-questionnaire div {
    white-space: nowrap !important;
}

.complete-consultation-questionnaire:hover {
    color: var(--main-hover-color-50);
    transition: .5s ease-out;
}

.complete-consultation-questionnaire:hover i {
    color: var(--main-hover-color-50);
    animation-play-state: paused;
}

.button-main-delete:hover {
    color: var(--button-red);
}

.button-main-delete:hover i {
    color: var(--button-red);
}

#customerDocuments .name-column-fix {
    max-width: 100px !important;
}

#customerDocuments td .name-column-fix {
    max-width: 170px !important;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap !important;
}

.eye i {
    color: #000;
}

#cancelEditInfo {
    height: 44px;
    background-color: #fff;
    width: 300px;
    max-width: 100%;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 0.2rem solid var(--text-grey-color);
    color: var(--text-grey-color);
    height: 50px;
    padding: 10px;
    line-height: 1.2;
    font-size: 1.2rem;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

#cancelEditInfo:hover {
    background-color: var(--text-grey-color);
    border: 0.2rem solid var(--text-grey-color);
    color: #fff;
}

#cancelEditInfo {
    float: left;
}

.saveEditInfo {
    border: 0.2rem solid var(--main-color-50) !important;
}

.saveEditInfo:hover,
.saveEditInfo:active {
    border: 0.2rem solid var(--main-hover-color-50) !important;
}

.date .dp-custom .bootstrap-datetimepicker-widget.dropdown-menu {
    padding: 1px !important;
}

.specialisationQuestionnaire_answers .questionnaire-question {
    font-size: 17px;
    font-family: var(--main-font-title);
}

.specialisationQuestionnaire_answers .questionnaire-answer {
    font-size: 15px;
    font-family: var(--main-font-bodytext);
    color: var(--main-color-50);
}

.specialisationQuestionnaire_answers .questionnaire-answer span {
    font-family: var(--main-font-subtitle);
}

.waiting-patients-container .container-flex {
    display: flex;
}

.waiting-patients-container .container-flex .consultation-details {
    display: flex;
}

@media (max-width: 860px) {
    .waiting-patients-container .container-flex {
        flex-direction: column;
    }

    .waiting-patients-container .container-flex .consultation-details {
        width: 100% !important;
    }

    .waiting-patients-container > [class*="col"] {
        width: 100% !important;
    }

    .no-patients-waiting {
        width: 100% !important;
    }
}

@media (max-width: 600px) {
    .waiting-patients-container .container-flex .consultation-details {
        flex-direction: column;
    }
}

@media (min-width:601px) and (max-width:760px) {
    .align-patientName-buttons {
        flex-direction: column;
    }
}

.see-message-shared-patients {
    color: var(--main-color-50) !important;
    font-weight: bolder;
}

.see-message-shared-patients:hover {
    color: var(--main-hover-color-50) !important;
    transition: .5s ease-out !important;
}

.send-message-shared-patients {
    color: var(--error-red) !important;
    font-weight: bolder;
}

/*Modal rule-set*/
.modal-success {
    width: 100%;
    max-width: 450px;
}

.modal-title {
    font-family: var(--main-font-title);
    font-weight: 400;
    font-size: 20px;
    color: var(--text-grey-color-15);
    text-align: center;
}

.modal-body {
    max-height: 71vh;
    overflow-x: auto;
    display: flex;
}

.modal-input {
    display: inline-flex;
    margin-bottom: 10px;
    align-items: center;
}

.modal-actions {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
}

.modal-actions .modal-buttons {
    display: inline-flex !important;
    width: 100%;
    margin-left: 1rem !important;
}

.modal-actions .modal-buttons:first-child {
    margin: 0 !important;
}

.modal-success .modal-actions .modal-buttons {
    display: inline-flex !important;
    width: 40%;
}

.medical-document-modal .modal-body {
    max-height: 64vh;
}

@media screen and (max-width: 600px) {
    .modal-actions {
        flex-direction: column-reverse;
    }

    .modal-actions .addNewParameter-add,
    .modal-actions .editParameter-add {
        margin-left: 0px !important;
    }

    .modal-actions .modal-buttons:first-child.addNewParameter-cancel,
    .modal-actions .modal-buttons:first-child.editParameter-cancel {
        margin-top: 5px !important;
    }

    .createAvail-modal .modal-buttons-send,
    .medical-document-modal .modal-buttons-send {
        margin-left: 0px !important;
        margin-bottom: 5px !important;
    }
}

@media screen and (max-width: 380px) {
    #sendMedicalTreatment .addMedicineBtn,
    #sendMedicalTreatment .cancelTreatmentBtn {
        order: 2;
    }
}

@media screen and (min-width: 641px) {
    #sendMedicalTreatment .addMedicineBtn,
    #sendMedicalTreatment .submitTreatmentBtn {
        order: 2;
    }
}

/**Double Confirmation Cancelling Modal**/
[id*='doubleConfirmTemplateModal'].modal {
    border-radius: 1.5rem;
    width: fit-content;
    max-width: 55%;
    font-family: var(--main-font-bodytext);
    margin: auto !important;
}

.cm-title-container {
    padding: 0 .5rem;
}

.custom-modal-container {
    padding: 2rem;
    text-align: center;
    font-size: 2rem;
    color: var(--main-hover-color-dark);
    margin: auto;
}

.cm-buttons-container {
    display: flex;
    padding-top: 1rem;
}

.cm-button {
    width: fit-content;
    padding: 0 0.5rem;
    flex: 1 1 230px;
}

.button-style-left,
.button-style-right {
    border: 0.2rem solid;
    border-radius: .5rem;
    padding: 0.5rem 0.7rem;
    font-size: 1.2rem;
    color: #fff;
    transition: all .3s ease-in-out;
    width: 100%;
}

.button-style-right.AffirmativeType {
    border-color: var(--main-color-50);
    background-color: var(--main-color-50);
}

.button-style-right.AffirmativeType:hover {
    border-color: var(--main-hover-color-50);
    background-color: var(--main-hover-color-50);
}

.button-style-right.NegativeType {
    border-color: var(--button-red);
    background-color: var(--button-red);
}

.button-style-right.NegativeType:hover {
    border-color: var(--main-hover-color-50);
    background-color: var(--main-hover-color-50);
}

.button-style-left.AffirmativeType,
.button-style-left.NegativeType {
    border-color: var(--text-grey-color);
    background-color: #fff;
    color: var(--text-grey-color);
}

.button-style-left.AffirmativeType:hover,
.button-style-left.NegativeType:hover {
    border-color: var(--text-grey-color);
    background-color: var(--text-grey-color);
    color: #fff;
}

@media (max-width: 1000px) {
    [id*='doubleConfirmTemplateModal'].modal {
        max-width: 70%;
    }
}

@media (max-width: 750px) {
    [id*='doubleConfirmTemplateModal'].modal {
        max-width: 80%;
    }
}

@media (max-width: 500px) {
    [id*='doubleConfirmTemplateModal'].modal {
        max-width: 90%;
    }
}

@media (max-width: 600px) {
    .cm-buttons-container {
        flex-wrap: wrap;
    }

    .cm-button:first-child {
        order: 2;
    }
}
/**Double Confirmation Cancelling Modal**/
/*END Modal rule-set*/

/*Register page rule-set*/
.register-page-container-v2 {
    display: flex;
    flex-direction: column;
    padding: 0 18vw;
}

.customerRegisterPg {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: 1.5rem;
    margin-bottom: 30px;
}

.register-container .validation-summary-errors {
    font-size: 16px;
    font-weight: bold;
    padding-left: 0.5rem;
}

.customerRegisterPg .text-box {
    border-radius: 0.5rem !important;
}

.customerPersonalDetails label,
.register-container.custompassfield label {
    padding-left: 7px !important;
}

    .customerRegisterPg .birthDateField {
        border-bottom-left-radius: 0.5rem !important;
    }

.customerRegisterPg .customerPersonalDetails,
.customerRegisterPg .customerPasswordDetails {
    width: 100%;
    padding: 1rem;
    flex: 1 1 300px;
}

.customerRegisterPg .register-container .input-field-custom,
.customerRegisterPg .legalSupervisorFields .input-field-custom,
.customer-details-page .personal-details .input-field-custom,
.customer-details-page .legalSupervisorFields .input-field-custom,
.contact-us-page .contact-us-details .input-field-custom {
    display: inline-block;
    flex-direction: column;
    width: 100%;
    padding: .5rem;
    position: relative;
}

.contact-us-page .card-panel {
    border-radius: 1.5rem;
}

.contact-us-page textarea:focus:not([readonly]) + label {
    color: var(--main-color-50);
}

.contact-us-page textarea {
    border-bottom: 1px solid #b0b0b0 !important;
    border-top: 1px solid #b0b0b0 !important;
}

.contact-us-page .text-box { 
    border-radius: 0.5rem !important;
}

.contact-us-page input[type=tel].valid,
.contact-us-page input[type=email].valid,
.contact-us-page textarea.valid {
    border-bottom: 1px solid var(--main-color-50) !important;
}

.contact-us-page textarea.valid {
    border-top: 1px solid var(--main-color-50) !important;
}

.contact-us-page textarea.input-validation-error {
    border-bottom: 1px solid var(--button-red) !important;
    border-top: 1px solid var(--button-red) !important;
}

.contact-us-page label {
    padding-left: 7px;
}

.contact-us-page textarea::-webkit-scrollbar {
    width: 4px;
}

.contact-us-page textarea::-webkit-scrollbar-track {
    background: var(--scrollbar-track-color);
    border-radius: 0.5rem;
}

.contact-us-page textarea::-webkit-scrollbar-thumb {
    background: var(--main-color-75);
    border-radius: 0.5rem;
}

.contact-us-page textarea::-webkit-scrollbar-thumb:hover {
    background: var(--main-hover-color-dark);
}

.contact-us-page .btn[type=submit] {
    border-radius: 0.5rem;
    min-width: 155px;
    font-size: 1.2rem;
}

.contact-us-page .disclaimer .warning-message {
    color: var(--error-red);
}

.contact-us-page .disclaimer .confirmation-message,
.contact-us-page .disclaimer .warning-message {
    text-align: center;
    font-size: large;
}

.contact-us-page .field-validation-error:not(.custom-error) {
    display: inline-block;
}

#notes-tab-type2 .length-info:not(.custom-error),
.contact-us-page .length-info:not(.custom-error) {
    float: right;
    color: var(--text-grey-color);
}

.appointmentBeneficiaryContainer .length-info:not(.custom-error) {
    text-align: right;
    color: var(--text-grey-color);
}

.contact-us-page .select-wrapper ul {
    border: 0.1rem solid rgb(176, 176, 176);
}

.customerRegisterPg .register-container .country-and-province,
.customer-details-page .personal-details .country-and-province {
    display: flex;
    flex-wrap: wrap;
}

.customerRegisterPg .register-container .country-and-province .input-field-custom,
.customer-details-page .personal-details .country-and-province .input-field-custom {
    flex: 1 1 190px;
}

.updateFieldsWarning {
    display: none;
    color: var(--error-red);
}

.requiredWarning {
    color: var(--error-red) !important;
}

.customAttrWarning {
    display: block;
    margin-top: 6px;
}

.viewCustomerInfo .customAttr input {
    background: transparent;
    border: 0.1rem solid #b0b0b0;
    border: none;
    border-radius: 6px;
    border-radius: 0;
    outline: none;
    width: 100%;
    font-size: 1rem;
    box-shadow: none !important;
    box-sizing: content-box;
    transition: all .3s;
    text-indent: 0.3rem;
    margin: 0 !important;
    padding: 0 !important;
    color: #000;
}

.viewCustomerInfo .personal-details .country-and-province label {
    position: absolute !important;
    padding-left: 0 !important;
}

.customerRegisterPg .register-container input,
.customerRegisterPg .legalSupervisorFields input,
.customer-details-page .personal-details input,
.customer-details-page .legalSupervisorFields input,
.contact-us-page .contact-us-details input,
.contact-us-page .contact-us-details textarea {
    height: 2.5rem !important;
    background: #fff;
    border: 0.1rem solid #b0b0b0;
    border: none;
    border-bottom: 0.1rem solid #b0b0b0;
    border-radius: 6px;
    border-radius: 0;
    outline: none;
    width: 100%;
    font-size: 1rem;
    box-shadow: none !important;
    box-sizing: content-box;
    transition: all .3s;
    text-indent: 0.3rem;
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 1.5rem !important;
    display: inline-flex;
    color: #000;
}

.customerRegisterPg .register-container select,
.customerRegisterPg .register-container div {
    box-shadow: none !important;
}

.customerRegisterPg .register-container select.input-validation-error {
    border-bottom: none !important;
}

.customerRegisterPg .register-container select.select-validation-error,
.customer-info-page .container select.select-validation-error {
    border-bottom: 1px solid var(--button-red) !important;
}

input:-webkit-autofill + label {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}

.customerRegisterPg .customAttr input {
    background-color: #fff;
}

.customerRegisterPg .register-container label,
.customerRegisterPg .legalSupervisorFields label,
.customer-details-page .personal-details label,
.customer-details-page .legalSupervisorFields label,
.contact-us-page .contact-us-details label {
    font-size: 1rem !important;
    transition: all .3s;
    position: absolute;
    top: 2.5rem;
    left: 0.7rem;
}

.contact-us-page .input-field-custom textarea {
    margin-top: 25px !important;
}

.customerRegisterPg .register-container .gender-radio-buttons {
    display: flex;
    flex-direction: column;
}

.customerRegisterPg .register-container .gender-level,
.customer-details-page .personal-details .gender-level {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.customerRegisterPg .register-container .gender-level .gender,
.customer-details-page .personal-details .gender-level .gender {
    margin: 0 !important;
}

.customerRegisterPg .register-container .gender-level .gender span,
.customer-details-page .personal-details .gender-level .gender span {
    margin: 0 !important;
}

.customerRegisterPg .register-container .gender-level .gender span .forcheckbox,
.customer-details-page .personal-details .gender-level .gender span .forcheckbox {
    top: 0 !important;
}

.customerRegisterPg .register-container .gender-level label,
.customer-details-page .personal-details .gender-level label {
    position: relative !important;
    top: 0;
    left: 0;
    padding-right: .5rem;
    white-space: nowrap;
}

.customerRegisterPg .register-container .datetimepicker label,
.customer-details-page .personal-details .datetimepicker label {
    top: -0.1rem;
    left: 0rem;
}

.customerRegisterPg .register-container .country-and-province label,
.customerRegisterPg .register-container .commonDropdownSelector label,
.customer-details-page .personal-details .country-and-province label,
.customer-details-page .personal-details .commonDropdownSelector label {
    position: static;
    padding-left: .2rem;
}

.customerRegisterPg .register-container label.required-label:after,
.customerRegisterPg .legalSupervisorFields label.required-label:after,
.customer-details-page .personal-details label.required-label:after,
.customer-details-page .legalSupervisorFields label.required-label:after,
.info-customer-container label.required-label:after,
.info-customer-container .legalSupervisorFields label.required-label:after,
.contact-us-page .required-label:after {
    opacity: unset !important;
    content: " *" !important;
    position: static !important;
    display: contents !important;
    color: #000;
}

.customerRegisterPg .register-container input:focus,
.customerRegisterPg .legalSupervisorFields input:focus,
.customer-details-page .personal-details input:focus,
.customer-details-page .legalSupervisorFields input:focus,
.contact-us-page .contact-us-details input:focus,
.contact-us-page .contact-us-details textarea :focus {
    border: none !important;
    border-bottom: 0.1rem solid #b0b0b0 !important;
}

.customerRegisterPg .register-container input:focus + label,
.customerRegisterPg .legalSupervisorFields input:focus + label,
.customer-details-page .personal-details input:focus + label,
.customer-details-page .legalSupervisorFields input:focus + label,
.contact-us-page .contact-us-details input:focus + label,
.contact-us-page .contact-us-details textarea:focus + label {
    top: 0.5rem;
}

.customerRegisterPg .register-container input:not(:placeholder-shown) + label,
.customerRegisterPg .legalSupervisorFields input:not(:placeholder-shown) + label,
.customer-details-page .personal-details input:not(:placeholder-shown) + label,
.customer-details-page .legalSupervisorFields input:not(:placeholder-shown) + label,
.contact-us-page .contact-us-details input:not(:placeholder-shown) + label,
.contact-us-page .contact-us-details textarea:not(:placeholder-shown) + label {
    top: 0.5rem;
}

.customerRegisterPg .register-container .bootstrap-datetimepicker-widget {
    margin-top: 4rem !important;
}

.customerRegisterPg .customerPasswordDetails .regNewsForm label {
    position: relative !important;
    top: 0 !important;
    left: 0;
}

.customerRegisterPg .customerPasswordDetails .regNewsForm span.field-validation-error {
    padding-top: 0.5rem;
    padding-left: 0.8rem;
}

.customerRegisterPg .register-container label.required-label:after,
.customerRegisterPg .legalSupervisorFields label.required-label:after {
    opacity: unset !important;
    content: " *" !important;
    position: static !important;
    display: contents !important;
    color: #000;
}

.customerRegisterPg .register-container input:focus,
.customerRegisterPg .legalSupervisorFields input:focus {
    border: none !important;
    border-bottom: 0.1rem solid #b0b0b0 !important;
}

.customerRegisterPg .register-container input:focus + label,
.customerRegisterPg .legalSupervisorFields input:focus + label {
    top: 0rem;
}

.customerRegisterPg .register-container input:not(:placeholder-shown) + label,
.customerRegisterPg .legalSupervisorFields input:not(:placeholder-shown) + label {
    top: 0rem;
}

.customerRegisterPg .register-container .bootstrap-datetimepicker-widget {
    margin-top: 4rem !important;
}

.customerRegisterPg .customerPasswordDetails .regNewsForm label {
    position: relative !important;
    top: 0 !important;
    left: 0;
}
/*END Register page rule-set*/

/*Nutritionist profile rule-set*/
.nutritionistProfile-container {
    display: flex;
    flex-direction: column;
    padding: 0.5rem;
    font-family: var(--main-font-bodytext);
}

.outside-container {
    padding: 0.5rem;
}

.back-link-nutri {
    font-family: var(--main-font-subtitle);
    font-size: 17px;
    line-height: 20px;
    color: var(--main-color-text-dark);
}

.nutritionistProfile-container .inside-container {
    background-color: #fff;
}

.inside-container {
    border: 1px solid var(--text-grey-color);
    border-radius: 0.5rem;
    padding: 0.5rem;
    background-color: #fff;
}

.nutritionistDetailsAndFees-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.nutritionistProfilePicture-container {
    padding: 0.5rem 3.5rem;
    display: inline-flex;
}

.nutritionistDetails-container {
    padding: 0.5rem;
    display: flex;
    flex-direction: column;
    flex: 1 1 300px;
}

.name-and-rating {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 0.5rem;
}

.nutritionistName-container {
    color: var(--main-color-50);
    font-size: 1.6rem;
    flex-direction: column;
    display: flex;
}

.nutritionistName-container .name {
    font-family: var(--main-font-title);
    color: var(--main-color-text-dark);
}

.nutritionistName-container .smallDesc {
    font-size: 1rem;
    font-family: var(--main-font-subtitle);
    color: var(--main-color-text-light);
}

.nutritionistAboutMe-container {
    display: flex;
    flex-direction: column;
}

.group-1, .group-2 {
    padding-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
}

    .group-1 .title,
    .group-2 .spoken-languages,
    .group-3 .portion-title {
        font-family: var(--main-font-subtitle);
        color: var(--main-hover-color-dark);
        padding-bottom: 0.8rem;
        display: flex;
    }

    .group-1 .aboutNutritionist {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        max-width: fit-content;
    }

.group-3 {
    display: flex;
    flex-direction: column;
}

.spoken-language-margins {
    margin-left: 15px;
}

.languages {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.nutritionistFees-container {
    padding: 0.5rem;
}

.servicesAndFees_Title {
    font-family: var(--main-font-subtitle);
    color: var(--main-hover-color-dark);
    padding-bottom: 1rem;
}

.service_container {
    padding: 1rem 1.6rem;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--text-grey-color);
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

.service_container:last-child {
    margin-bottom: 0;
}

.service_container_title {
    color: var(--main-color-text-dark);
    font-size: 1.4rem;
    font-family: var(--main-font-subtitle);
    padding-bottom: 0.5rem;
}

.service_container_availability_container {
    display: flex;
    justify-content: space-between;
}

.namePriceDurationDescription {
    flex: 1 1 0px;
}

.namePriceDurationDescription_padding {
    display: flex;
    flex-direction: column;
    padding-right: 2rem;
}

.namePriceDurationDescription_name {
    color: var(--main-color-text-dark);
    font-size: 1.4rem;
    font-family: var(--main-font-bodytext);
}

.namePriceDurationDescription_duration_cost {
    display: flex;
}

.namePriceDurationDescription_duration_cost span:first-child {
    margin-right: 6rem;
}

.calendar_picker_thing {
    flex: 1 1 0px;
}

.calendar_picker_thing .datetimepicker {
    margin: 0 2rem;
}

.actualSlots {
    flex: 1 1 0px;
}

.actualSlots .actualSlots_padding {
    display: flex;
    flex-wrap: wrap;
    padding-left: 2rem;
}

.consSlotsTitle_flex,
.consSlot_flex {
    flex: 0 0 33%;
    font-size: 1.4rem;
    padding-bottom: 0.3rem;
    line-height: 20px;
    color: var(--main-color-50);
    text-decoration: underline;
    cursor: pointer;
    text-align: center;
}

@media screen and (min-width:1049px) and (max-width:1049px) {
    .consSlotsTitle_flex,
    .consSlot_flex {
        font-size: 1.3rem;
    }
}

.consSlotsTitle_flex {
    flex: 0 0 100%;
    text-align: left;
    text-decoration: none;
    margin: 10px 0;
    padding-left: 23px;
}

.consSlotsTitle_flex:first-child {
    margin-top: 0px;
}

.namePriceDurationDescription_description_770 {
    display: none;
}

@media screen and (min-width:770px) and (max-width:870px) {
    .actualSlots .actualSlots_padding {
        padding-left: 0rem;
    }
}

@media screen and (min-width:1049px) and (max-width:1150px) {
    .actualSlots .actualSlots_padding {
        padding-left: 0rem;
    }
}


@media screen and (min-width:529px) and (max-width:770px) {
    .consSlotsTitle_flex,
    .consSlot_flex {
        flex: 0 0 calc(33% - 0.3rem);
    }
}

@media (max-width: 770px) {
    .namePriceDurationDescription {
        margin-bottom: 1rem;
    }

    .namePriceDurationDescription .namePriceDurationDescription_padding {
        padding-right: 0;
    }

    .namePriceDurationDescription_duration_cost span {
        background-color: var(--text-grey-color-95);
        padding: 0.5rem;
        width: calc(33.3333333333% - 5px);
        min-width: 80px;
        text-align: center;
        font-family: var(--main-font-subtitle);
    }

    .namePriceDurationDescription_duration_cost span:first-child {
        margin-right: .3rem;
    }

    .service_container_availability_container {
        flex-direction: column;
    }

    .namePriceDurationDescription_description {
        display: none;
    }

    .namePriceDurationDescription_description_770 {
        display: block;
        background-color: var(--text-grey-color-95);
        padding: 10px;
        font-weight: 600;
        color: inherit;
    }

    .namePriceDurationDescription_name {
        padding-bottom: 1rem;
    }

    .calendar_picker_thing .datetimepicker {
        margin: 0;
    }

    .service_container {
        padding: 1rem;
    }

    .actualSlots .actualSlots_padding {
        padding: 0;
        padding-bottom: 1rem;
    }

    .consSlotsTitle_flex,
    .consSlot_flex {
        text-decoration: none !important;
        background-color: var(--text-grey-color-95);
        text-align: center;
        padding: 8px 0px 8px 0px;
        margin-right: 0.3rem;
        margin-top: 0.3rem;
    }

    .consSlotsTitle_flex {
        flex: 0 0 99%;
        margin-top: 10px;
    }

    .consSlot_flex:nth-child(3n) {
        flex: 0 0 33%;
    }

    .nutritionistProfilePicture-container,
    .onlinenutri-overview {
        padding: 0;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .doctor-picture {
        max-width: 100%;
    }

    .name-and-rating {
        flex-direction: column
    }
}

@media (max-width: 650px) {
    .nutritionistName-container,
    .nutritionistRating-container {
        text-align: center;
    }

    .group-1 .title {
        align-items: center;
    }

    .group-1 .title i {
        padding-left: .5rem;
    }
}

@media (max-width: 600px) {
    .group-1 {
        padding-bottom: 0;
    }
}

@media (max-width: 660px) {
    .group-1, .group-2 {
        padding-bottom: 1.5rem;
    }
}


/*END Nutritionist profile rule-set*/

#appointments-list-history.dataTable.nowrap td {
    white-space: nowrap !important;
}

#appointments-list-history .overflow-elipsis div {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis;
}

#consultation-list-history .overflow-elipsis div {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis;
}

#consultation-list-history.dataTable.nowrap td {
    white-space: nowrap !important;
}

table.dataTable.nowrap td.show-collapsed {
    background-color: #fff !important;
}

#sharedPatientsTable td,
#customersTable td,
#sharedPatientsTable th,
#customersTable th,
#consultationsTable th,
#consultationsTable td,
#patientConsHistory filtersContainer label,
#uploadFilesByAdmin_ajax,
#uploadFilesByDoctor_ajax,
#admin-messages,
.specialist-wrapper #viewAllNotifications #inbox-messages,
.appointments-list-table,
.consultation-list-table,
.appointments-list-table input[type=search],
.consultation-list-table input[type=search] {
    color: var(--main-hover-color-dark);
}

#uploadFilesByAdmin_ajax td,
#uploadFilesByDoctor_ajax td {
    background-color: #fff;
}

#consultationsTable td .hiddenArchiveButtons i {
    color: #747474;
}

.loginWith {
    display: flex !important;
    align-items: center;
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    color: var(--main-hover-color-50);
}

.loginWith::before,
.loginWith::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid var(--main-hover-color-50);
}

.loginWith:not(:empty)::before {
    margin-right: 5px;
}

.loginWith:not(:empty)::after {
    margin-left: 5px;
}

.googleLogin-container {
    width: auto;
    display: flex;
    justify-content: center;
}

.googleLogin-container img {
    margin-right: 0px !important;
    width: auto !important;
    height: 100% !important;
}

#GoogleLogin {
    cursor: pointer;
    border: 1px solid #A9A9A9;
    padding: 3px;
    border-radius: 10px;
}

.overflow-elipsis-file-text {
    display: inline-block !important;
    width: 150px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.message-confirm-action {
    color: var(--main-color-50) !important;
    font-size: 20px !important;
    font-weight: bold !important;
}

@media screen and (max-width:600px) {
    .modal.bg-transparent.actions-modal .modal-content {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }

    .padding-text-message {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media screen and (min-width: 600px) and (max-width: 992px) {
    .modal.bg-transparent.actions-modal .modal-content {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .padding-text-message {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media screen and (min-width: 993px) {
    .modal.bg-transparent.actions-modal {
        width: 35% !important;
        margin-left: auto;
        margin-right: auto;
    }

    .padding-text-message {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media screen and (max-width: 767px) {
    .online-nutritionist-container .onlinenutri-mb8 {
        padding-bottom: .8rem !important;
    }
}

.questionnaire-completed {
    color: var(--text-grey-color-35) !important;
    font-size: 14px !important;
    line-height: 1 !important;
    margin-top: 0px !important;
    font-weight: 400;
}

.noDotName {
    text-align: center !important;
    color: var(--error-red) !important;
    font-size: 15px !important;
    margin-top: 10px;
}

.deletedAt {
    font-family: Myriad Pro;
    font-size: 13px;
    text-align: left !important;
}

.deletedAtTime {
    font-family: var(--main-font-title);
    font-weight: bold;
    font-size: 15px;
    line-height: 21px;
}

@media screen and (max-width:992px) {
    .faq-mb8 {
        margin-bottom: 1rem;
    }
}

.modal .fa-exclamation {
    color: #fff;
    background-color: var(--error-red);
    border-radius: 50%;
    font-size: 30px;
    padding: 14px;
    width: 56px;
}

.infirm-disclaimer-message {
    color: var(--main-hover-color-dark);
    font-size: 20px !important;
    font-weight: bold !important;
}

.consultation-room-first-row {
    display: flex;
    flex-direction: column;
    grid-row-gap: 0.5rem;
}

.error-message-per-day-time {
    font-size: 12px !important;
    display: flex;
    text-align: left;
    color: var(--button-red) !important;
}

.cancel-consultation-radius {
    border-radius: 1.5rem;
}

.general-parameter,
.custom-parameter {
    display: block;
    color: var(--main-hover-color-dark);
    height: 100%;
    border: solid 1px var(--main-color-text-light);
    padding: 20px;
    font-size: 15px;
    line-height: 1.2;
    border-radius: 8px;
    margin-bottom: 15px;
}

.custom-parameter-header {
    position: relative;
    cursor: pointer;
}

.custom-parameter-header + .custom-parameter-body {
    display: none;
}

.custom-parameter-header.active + .custom-parameter-body {
    display: block;
    opacity: 0.95;
    padding: 0 10px;
}

.generalParametersButtons,
.customParametersButtons {
    display: flex;
    justify-content: end;
    margin-top: 5px;
}

@media screen and (max-width: 315px) {
    .generalParametersButtons,
    .customParametersButtons {
        display: block;
        justify-content: space-around;
        text-align: center;
        margin-top: 5px !important;
    }

    .generalParametersButtons .second-button,
    .customParametersButtons .second-button {
        margin-left: 0px !important;
        margin-top: 3px;
    }
}

.viewSelect {
    display: block !important;
}

/*Cons room Time Left sticker*/
.sticker {
    display: none;
    background: var(--main-hover-color-50);
    opacity: 0.9;
    color: #fff;
    height: auto;
    width: auto;
    position: fixed;
    bottom: 5px;
    left: 43%;
    padding: 1rem;
    border-radius: 0.5rem;
    z-index: 999999999;
}

.sticker i {
    transition: all .3s ease-in;
    cursor: pointer;
    padding-left: 0.5rem;
    font-size: 1.2rem;
}

.sticker i:hover {
    color: var(--main-color-50);
    transition: all .3s ease-out;
}
/*Cons room Time Left sticker*/

#detailsError,
#valueStrError {
    display: block;
    text-align: left;
}

.buttons-add-param-entry {
    width: 100%;
    padding: 10px 15px 10px 15px;
}

.div-buttons-add-param-entry {
    display: flex !important;
}

#customVitalParameterForm .parameterDaysWrapper .select-wrapper ul li.disabled,
#editCustomVitalParameterForm .parameterDaysWrapper .select-wrapper ul li.disabled {
    display: none;
}

#customVitalParameterForm .parameterDaysWrapper .select-wrapper .select-dropdown,
#editCustomVitalParameterForm .parameterDaysWrapper .select-wrapper .select-dropdown {
    margin-bottom: 0px;
}

@media screen and (max-width: 600px) {
    .div-buttons-add-param-entry {
        flex-direction: column;
    }

    .div-buttons-add-param-entry #addVitalParameterEntryButtonDiv,
    .div-buttons-add-param-entry #buttonCancelAddVitalParamEntryDiv {
        text-align: center;
    }

    #buttonCancelAddVitalParamEntryDiv {
        margin-top: 15px;
        order: 1;
    }

    #Details {
        margin-bottom: 15px !important;
    }
}

@media screen and (min-width: 1000px) {
    #doubleConfirmTemplateModal_modalUploadAdministrativeFiles {
        max-width: 45%;
    }
}

#cancelConsultation-validation-errors {
    margin-bottom: 3em;
}

#selectPatientParam {
    color: var(--main-color-50);
    font-family: var(--main-font-title);
    font-weight: 900;
    width: 100px;
}

#idConsultationParticipant,
#selectParticipantHistory {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    cursor: pointer;
    font-family: var(--main-font-title);
    padding-left: 20px;
    font-size: 15px;
    border-bottom: 2px solid var(--main-color-50);
}

@media screen and (max-width:600px) {
    .consultationStepBody .newAppointmentActions .buttonCancelmall {
        margin-top: 5px;
    }

    .cancelConsultationButtons, .reviewButtons, .onlineNutri-firstPopUp,
    .consultationStepButton, .assignQuestionnaire600, .message-details-buttons,
    .consultationStepBody .newAppointmentActions {
        display: flex !important;
        width: 100%;
        flex-direction: column-reverse !important;
        align-items: center;
    }

    .consultationFinishedContainer .consultationStepButton .endConsultationButton {
        width: 95%;
        margin-bottom: 5px !important;
    }

    #goBackcancelPostponeConsultationModal, #consultaionRateMaybeLater, #consultaionRateMaybeLaterSecond {
        margin-top: 5px !important;
    }

    #consultationSaveFollowUpReminder, #consultationSkipFollowUpReminder {
        width: 100% !important;
    }

    #consultationSkipFollowUpReminder {
        margin-top: 5px !important;
    }

    .assignQuestionnaireButtons {
        width: 100% !important;
    }
}

@media screen and (max-width:520px) {
    .main-reg-modal div .priceDetailsInfo {
        margin-bottom: 6px !important;
        margin-top: 2px !important;
    }

    .main-reg-modal div .discountArea,
    #voucherCode {
        margin-bottom: 6px !important;
    }

    #consultationStep3_1 .confirmAppointment,
    #consultationStep3_1 .consultationStepButton,
    #groupConsultationFinalStep .confirmAppointment,
    #groupConsultationFinalStep .consultationStepButton {
        float: unset !important;
    }

    .main-reg-modal div .confirmAppointment {
        margin-bottom: 6px !important;
    }
}

@media screen and (max-width: 600px) {
    #voucherCode {
        margin-bottom: 6px !important;
    }
}

#doubleConfirmTemplateModal_modalUploadMyDocuments .modal-body {
    overflow: hidden;
}

.pg-title-shared-patients {
    font-weight: bolder;
    font-size: 1.2rem;
    font-family: var(--main-font-title);
    margin-bottom: 0px;
    color: var(--main-hover-color-dark);
}

@media screen and (max-width: 600px) {
    .modal-actions .modal-buttons {
        margin-left: 0px !important;
    }

    #buttonSubmitQuestionId {
        margin-bottom: 5px;
    }
}

#uploadFileZoneMed #errorMessage {
    font-weight: normal;
}

.assignQuestionnaireButtons {
    width: 60%;
}

.text-ali-right {
    text-align: right;
}

.text-ali-left {
    text-align: left;
}

.max-90 {
    width: auto;
    max-width: 90%;
}

#unassignedQuestionnaireModal {
    z-index: 999999 !important;
}

#unassignedQuestionnaireModal .modal-content {
    position: initial;
}

#doubleConfirmTemplateModal_modalUploadPending #UploadedFileTitle,
#modalUploadMyDocuments #UploadedFileTitle,
#doubleConfirmTemplateModal_modalUploadDocumentsDashboard #UploadedFileTitle {
    max-width: 90%;
}

#modalUploadMyDocuments .cm-buttons-container,
#doubleConfirmTemplateModal_modalUploadPending .cm-buttons-container,
#doubleConfirmTemplateModal_modalUploadDocumentsDashboard .cm-buttons-container {
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 600px) {
    #modalUploadMyDocuments .cm-buttons-container,
    #doubleConfirmTemplateModal_modalUploadDocumentsDashboard .cm-buttons-container,
    #doubleConfirmTemplateModal_modalUploadPending .cm-buttons-container {
        width: 90%;
    }
}

.borderConfirmAppointmentNoHover {
    border: 0.2rem solid var(--text-grey-color) !important;
    border-radius: 6px;
    background-color: var(--text-grey-color) !important;
    padding: 7px !important;
    letter-spacing: 1.97px;
    color: #FFFFFF;
    white-space: nowrap;
    font-family: var(--main-font-subtitle) !important;
    transition: all .3s ease-in-out;
}

.calendar_picker_thing .input-group .no-availability:hover {
    cursor: not-allowed;
}

.max-length-reached {
    color: var(--error-red) !important;
}

.dp-custom .bootstrap-datetimepicker-widget .datepicker .datepicker-decades table td {
    height: 100% !important;
}

.areas-of-nutrition [type="checkbox"] + label {
    cursor: default !important;
}

.clinicPayment {
    color: var(--error-red) !important;
}

#groupConsultationSpecialistsBoardError {
    display: none;
    color: var(--error-red) !important;
    font-size: 1.2rem;
}

/* Dashboard */
.dashboard-container {
    position: relative;
    background-color: var(--text-grey-color-95);
    border-radius: 1rem;
    padding: 1rem;
    font-family: var(--main-font-bodytext);
    color: var(--main-hover-color-dark);
    line-height: normal;
}

.dashboard-container > * {
    margin-bottom: 1rem;
}

.dashboard-container > *:last-child {
    margin-bottom: 0;
}

.dc-dashboard-welcome {
    display: flex;
    justify-content: space-between;
}

.cam-container {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media (min-width: 601px){
    .cam-container {
        text-align: right;
    }
}

.test-cam-container {
    width: 300px;
    display: none;
    position: fixed;
    right: 40px;
    bottom: 40px;
}

.test-cam-container .cam-container,
.test-cam-container .cam-container video {
    width: 100%;
    height: 100%;
}

.test-webcam-close-icon {
    position: absolute;
    right: 8px;
    top: 20px;
    z-index: 1000;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    color: var(--button-red) !important;
}

@media (max-width: 400px) {
    .test-cam-container {
        width:250px;
        left: 50%;
        bottom: 80px;
        transform: translateX(-50%);
    }
}

/* Pending consultation message container */
.dc_pending-cons-message {
    background-color: #fceda6;
    border-radius: 1rem;
    padding: 1rem;
    display: grid;
    grid-template-columns: 3.5rem calc(100% - 3.5rem);
    overflow: hidden;
    transition: all .4s ease-in-out;
}

.dc_pending-cons-message.mh-6rem {
    max-height: 6rem;
}

.dc_pending-cons-message.mh-25rem {
    max-height: 25rem;
}

.dc_pcm_icon {
    font-size: 3rem;
    height: 5rem;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    padding-bottom: 1rem;
}

.dc_pcm_title {
    margin: auto 0;
    padding-bottom: 1rem;
    font-family: var(--main-font-title);
    font-size: 1.4rem;
    display: flex;
    align-items: center;
}

.dc_pcm_title i {
    margin-left: auto;
}

.dc_pcm_info {
    grid-column-start: 2;
    /* grid-column-start: 1; */
    /* grid-column-end: span 2; */
    grid-row-start: 2;
}
/* END - Pending consultation message container */

/* Notifications */
.dc_notifications {
    position: relative;
    padding-bottom: 1rem;
}

.dc_ns_notification {
    padding: 1rem;
    background-color: var(--main-first-dashboard-notification);
    border-radius: 1rem;
    position: absolute;
    transition: all .6s ease-in;
    transform: scaleX(0.9);
    top: 0;
    display: none;
    grid-template-columns: 3.5rem calc(100% - 5.5rem) 2rem;
}

.dc_ns_notification:first-child {
    transform: none;
    position: relative;
    display: grid;
}

.dc_ns_notification:nth-child(2) {
    background-color: var(--main-second-dasboard-notification);
    bottom: 0;
    width: 100%;
    display: grid;
    color: rgba(0,0,0,0);
}

.dc_ns_n_icon {
    background: var(--main-color-50);
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    border: 0.3rem solid #fff;
    display: flex;
    color: #fff;
    margin: auto 0;
}

.dc_ns_n_icon i {
    font-size: 1.5rem;
    margin: auto;
}

.dc_ns_n_title {
    font-family: var(--main-font-title);
    font-size: 1.4rem;
    margin: auto 0;
}

.dc_ns_n_close-icon {
    font-size: 1.4rem;
    color: #fff;
    margin-left: auto;
    transition: all .3s ease-in-out;
}

.dc_ns_n_close-icon:hover {
    color: var(--main-color-50);
}

.dc_ns_n_body {
    grid-column-start: 2;
    grid-column-end: span 2;
}

.dc_ns_n_body a {
    font-family: var(--main-font-subtitle);
    transition: all .3s ease-in-out;
    padding-top: 0.7rem;
    display: flex;
    align-items: center;
    width: fit-content;
}

.dc_ns_n_body a i {
    font-size: 1.2rem;
    padding-left: 0.3rem;
    transition: all .3s ease-in-out;
}

.dc_ns_n_body a:hover {
    color: #fff;
}

.dc_ns_n_body a:hover i {
    padding-left: 0.5rem;
    color: #fff;
}
/* END - Notifications */

/* Pending and Consultation classes*/
.dc-section-title {
    font-family: var(--main-font-subtitle);
    font-size: 1.3rem;
    margin-bottom: .5rem;
    display: block;
}

.dashboard-list > * {
    margin-bottom: .5rem;
}

.dashboard-element {
    background-color: #fff;
    border-radius: 1rem;
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 0.2rem;
    justify-items: center;
}

@keyframes changeCardColor {
    0% {
        background-color: #fff;
    }

    50% {
        background-color: #fceda6;
    }

    100% {
        background-color: #fff;
    }
}

.openConsultationCard {
    background-color: #fff;
    animation: changeCardColor ease;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    animation-fill-mode: both;
    backface-visibility: hidden;
}

.dashboard-element > * {
    margin-bottom: 0.5rem;
}

.dashboard-element .de_element-5 {
    margin-bottom: 0;
}

.dashboard-element i {
    cursor: pointer;
}

.dashboard-element div.disabled i.fa,
.dashboard-element i.fa.disabled {
    color: var(--text-grey-color);
    cursor: not-allowed;
}

.de_element-1 {
    grid-column-end: span 4;
    display: grid;
    grid-template-columns: 85px calc(100% - 85px);
    align-items: center;
    width: 100%;
}

.de_element-1 i,
.de_element-1 .de_element-2 {
    display: none;
}

.dashboard-profile-photo {
    display: inline-block;
    position: relative;
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
}

.dashboard-profile-photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 20%;
    border-radius: 50%;
    max-width: 100%;
    max-height: 100%;
}

.de-doctor-name {
    font-family: var(--main-font-title);
    font-size: 1.5rem;
    display: flex;
    flex-direction: column;
}

.de_dn_name-and-icon {
    display: flex;
    position: relative;
}

.de_dn_name-and-icon span {
    width: 80%;
}

.de_dn_name-and-icon i {
    justify-self: center;
}

.de-topic-name {
    color: var(--text-grey-color);
    font-family: var(--main-font-subtitle);
    font-size: 1.1rem;
    text-transform: uppercase;
}

.de_e_title {
    color: var(--text-grey-color);
    font-size: 0.9rem;
    margin: 0 !important;
}

.de_e_value {
    color: var(--main-hover-color-dark);
    font-size: 1.3rem;
}

.de_element-2,
.de_element-3,
.de_element-4 {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.de_element-3 {
    grid-row-start: 3;
}

.de_element-4 {
    grid-row-start: 2;
    grid-column-start: 2;
    grid-row-end: span 2;
}

.de_element-5 {
    grid-column-end: span 4;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    font-size: 2.2rem;
    width: 100%;
    color: var(--text-grey-color);
}

.de_element-5 .enter-consultation-bttn {
    display: flex;
    align-items: center;
    color: var(--main-hover-color-50);
    transition: all .3s ease-in-out;
    grid-gap: .3rem;
}

.de_element-5 .enter-consultation-bttn span {
    width: min-content;
    font-size: 1.4rem;
}

.de_element-5 .enter-consultation-bttn i {
    color: var(--main-color-50);
    transition: all .3s ease-in-out;
}

.de_element-5 .enter-consultation-bttn:hover {
    color: var(--main-color-50);
}

.de_element-5 .enter-consultation-bttn:hover i {
    color: var(--main-hover-color-50);
}

.consultation_type_title {
    display: flex; 
    flex-direction: column; 
    width: 100%;
}

.medical_service_title {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.title_margin_top {
    margin-top: 7px;
}

.dashboard-element .uploadFile-withCounter {
    position: relative;
}

.dashboard-element .uploadFile-withCounter i {
    transition: all .3s ease-in-out;
}

.dashboard-element .uploadFile-withCounter:hover i {
    color: var(--main-hover-color-50);
}

.dashboard-element .view-consultation-modal i,
.dashboard-element .view-finished-consultation-modal i {
    transition: all .3s ease-in-out;
}

.dashboard-element .view-consultation-modal:hover i,
.dashboard-element .view-finished-consultation-modal:hover i {
    color: var(--main-hover-color-50);
}

.dashboard-element .uploadFile-withCounter .fileCounter {
    background: var(--main-color-50);
    color: #fff;
    font-family: var(--main-font-title);
    border-radius: 50%;
    padding: 0 0.3rem;
    position: absolute;
    top: -0.3rem;
    right: -50%;
    z-index: 1;
    font-size: 0.9rem;
}

.dashboard-element .conn-disclaimer {
    grid-column-start: 1;
    grid-column-end: 4;
    color: var(--error-red) !important;
}

.dashboard-element .test-webcam-disclaimer {
    grid-column-start: 1;
    grid-column-end: 4;
    color: var(--main-color-50);
    cursor: pointer;
}

.dashboard-element .test-webcam-disclaimer:hover {
    color: var(--main-hover-color-50);
}

.dashboard-link {
    background-color: var(--main-color-50);
    border: 0.2rem solid var(--main-color-50);
    border-radius: 1rem;
    padding: 1rem;
    margin-bottom: .5rem;
    color: #fff;
    font-family: var(--main-font-title);
    transition: all .3s ease-in-out;
}

    .dashboard-link:hover {
        background-color: var(--main-hover-color-50);
        border: .2rem solid var(--main-hover-color-50);
        cursor: pointer;
    }

.dashboard-link a {
    display: flex;
    align-items: center;
}

.dashboard-link a i {
    color: #fff;
    padding-right: .5rem;
    font-size: 2.7rem;
    transition: all .3s ease-in-out;
}

    .dashboard-link:hover a i {
        color: #fff;
    }

.dashboard-link.conn-disclaimer {
    color: var(--error-red);
    padding-bottom: 0.5rem !important;
    padding-top: 0.5rem !important;
}

.dashboard-link.list-link {
    border: none;
    background-color: #fff;
}

.dashboard-link.list-link a {
    color: var(--main-hover-color-dark);
    font-family: var(--main-font-bodytext);
}

.dashboard-link.list-link a i {
    color: var(--main-color-50);
    font-size: 1rem;
}

.button-active i {
    color: var(--main-color-50);
}

.button-active i.fa-trash-o {
    color: var(--button-red);
}

.dashboard-element .dc_de_no-content i {
    color: var(--main-color-50);
    padding-right: 0.5rem;
    font-size: 1.2rem;
}

.dashboard-element.no-content {
    justify-items: start;
}

.dashboard-element.no-content .dc_de_no-content {
    grid-row-start: 1;
    grid-column-end: span 2;
}

.dashboard-element.no-content .dashboard-link {
    margin-top: 1rem;
    padding: 0.5rem 1rem;
    justify-self: center;
    grid-row-start: 2;
    grid-column-end: span 2;
}

.dashboard-element.no-content .dashboard-link a i {
    font-size: 2rem;
}

@media (max-width: 339px) {
    .de_element-3 {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 2;
    }

    .de_element-4 {
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 3;
        grid-row-end: 3;
    }

    .dc_consultations .de_element-2 {
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 2;
        grid-row-end: 2;
    }
}

@media (min-width: 800px){
    .de_element-3 {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 2;
    }

    .de_element-4 {
        grid-column-start: 1;
        grid-column-end: span 2;
        grid-row-start: 3;
        grid-row-end: 3;
    }
}

@media (min-width: 550px) {
    .dashboard-section {
        display: grid;
        grid-template-columns: calc(100% - 25vw - 0.5rem) 25vw;
        grid-column-gap: 0.5rem;
    }

    .dashboard-section .dashboard-link {
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        background-color: #fff;
        color: var(--main-hover-color-dark);
        padding: 0.5rem;
    }

    .dashboard-section .dashboard-link a {
        display: flex;
        flex-direction: column;
        text-align: center;
        font-family: var(--main-font-title);
        transition: all .3s ease-in-out;
    }

    .dashboard-section .dashboard-link a i {
        color: var(--main-color-50);
        padding-right: 0;
        font-size: 2.7rem;
        transition: all .3s ease-in-out;
    }

    .dashboard-section .dashboard-link a:hover {
        color: var(--main-color-50)
    }

    .dashboard-section .dashboard-link a:hover i {
        color: var(--main-hover-color-50);
    }


    .dashboard-element.no-content .dc_de_no-content {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 1;
        grid-column-end: 1;
        display: flex;
        align-items: center;
    }

    .dashboard-element.no-content .dashboard-link {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 2;
        grid-column-end: 2;
        justify-self: end;
        margin: 0;
    }
}

.dashboard-icon-text {
    display: none;
    font-size: 1rem;
    margin-left: 0.5rem;
    color: #fff;
}

.dashboard-icon-and-text-mobile-flex {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.send-message-icon {
    display: none;
}

@media (max-width: 799px) {
    .de_element-5 .enter-consultation-bttn {
        width: 100%;
        justify-content: center;
        margin-top: .5rem;
    }

    .de_element-5 .enter-consultation-bttn span {
        width: initial;
        justify-content: center;
    }

    .dashboard-icon-text {
        display: block;
        font-weight: 100!important;
    }

    .icon-mobile-size {
        font-size: 1.4rem;
        color: #fff !important;
    }

    .send-message-icon {
        display: block;
        cursor: pointer;
    }

    .dashboard-icon-and-text-mobile-flex {
       width: 15rem;
       padding: 0.5rem !important;
       background-color: var(--main-color-50);
       border-radius: 0.5rem;
       cursor: pointer;
    }

    .appointments-container .uploadFile-withCounter,
    .appointments-container .complete-consultation-questionnaire,
    .appointments-container .send-message-icon,
    .appointments-container .view-consultation-modal,
    .appointments-container .cancel-consultation,
    .appointments-container .cannot-cancel-consultation {
        margin: 0.3rem;
        border-radius: 0.5rem;
    }

    .finished-consultations-dashboard-container a,
    .finished-consultations-dashboard-container .send-message-icon {
        margin: 0.3rem;
        border-radius: 0.5rem;
    }

    .dashboard-element .uploadFile-withCounter .fileCounter {
        right: 0;
        background-color: var(--main-hover-color-dark);
    }

    .send-message-icon .disabled, .max-number-uploaded-files .disabled,
    .finished-consultations-dashboard-container .disabled,
    .appointments-container .disabled {
        background-color: var(--text-grey-color) !important;
        cursor: not-allowed;
    }

    .de_element-5 a {
        cursor: context-menu;
    }

    .cancelled-top {
        margin-top: 5px;
    }

    .dashboard-element .conn-disclaimer {
        grid-column-end: 4 !important;
    }
}

@media (min-width: 800px) {
    .dashboard-section {
        grid-template-columns: calc(100% - 11.5rem) 11rem;
    }

    .de_element-1 {
        grid-column-start: 1;
        grid-column-end: 1;
        grid-row-start: 1;
        grid-row-end: span 2;
        grid-template-columns: 100px calc(100% - 100px);
    }

    .dashboard-profile-photo {
        width: 85px;
        height: 85px;
    }

    .de_element-1 i {
        color: var(--main-hover-color-dark);
        transition: all .3s ease-in-out;
        display: inline-block;
        padding-left: 0.2rem;
    }

    .de_element-1 i:hover {
        color: var(--main-color-50);
    }

    .de_element-1 .de_element-2 .de_e_title {
        padding-right: .5rem;
    }

    .de_element-2 {
        display: none;
    }

    .de_element-1 .de_element-2 {
        display: flex;
        flex-direction: row;
        align-items: center;
        font-family: var(--main-font-bodytext);
    }

    .de_element-3 {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 2;
        grid-row-end: 2;
    }

    .de_element-4 {
        grid-column-start: 2;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 1;
    }

    .dc_consultations .de_element-4 {
        grid-row-end: span 2;
        justify-content: center;
    }

    .de_element-5 {
        grid-column-start: 3;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: span 2;
        font-size: 1.4rem;
        width: 100%;
    }

    .de_element-5 .fa-commenting {
        display: none;
    }

    .de-topic-name {
        font-size: .9rem;
    }

    .de_e_title {
        font-size: .8rem;
    }

    .de_e_value {
        font-size: 1.1rem;
    }

    .dc_pending-consultations .dashboard-link.list-link {
        background: none;
    }

    .dc_pending-consultations .dashboard-link.list-link.conn-disclaimer {
        padding-left: 0px;
        padding-right: 0px;
    }

    .dc_pending-consultations .dashboard-link.list-link a {
        color: var(--main-color-50);
        font-family: var(--main-font-subtitle);
        transition: all .3s ease-in-out;
    }

    .dc_pending-consultations .dashboard-link.list-link a:hover {
        color: var(--main-hover-color-50);
    }

    .dashboard-element.no-content .dashboard-link {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 2;
        grid-column-end: span 3;
    }
}

@media (min-width: 800px) and (max-width: 1000px), (min-width: 1130px) and (max-width: 1209px) {
    .dashboard-element {
        grid-template-columns: 20rem calc(100% - 30.4rem) 10rem;
    }
}

@media (min-width: 1001px) and (max-width: 1080px) {
    .dashboard-section {
        grid-template-columns: calc(100% - 9.5rem) 9rem;
    }
}

@media (min-width: 1001px) and (max-width: 1129px) {
    .dashboard-element {
        grid-template-columns: 18rem calc(100% - 26.4rem) 8rem;
    }
}

@media (min-width: 1130px) {
    .de_element-1 {
        grid-template-columns: 115px calc(100% - 115px);
    }

    .dashboard-profile-photo {
        width: 100px;
        height: 100px;
    }
}

@media (min-width: 1210px) {
    .dashboard-element {
        grid-template-columns: 22rem calc(100% - 32.4rem) 10rem;
    }
}
/* END - Pending and Consultation classes*/

/* Peding consultations Container*/
#doubleConfirmTemplateModal_modalUploadDocumentsDashboard .u-alert.invalid {
    color: var(--error-red);
    opacity: 1;
    height: auto;
    max-height: none;
    margin-top: 0.3em;
}

#doubleConfirmTemplateModal_modalUploadDocumentsDashboard .u-alert {
    display: block;
    height: 0;
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition: ease 400ms;
    font-size: 0.5em;
}

#doubleConfirmTemplateModal_modalUploadDocumentsDashboard .modal-body {
    display: block;
}

#doubleConfirmTemplateModal_modalUploadDocumentsDashboard #UploadedFileTitle {
    margin-bottom: 0px;
    text-align: center;
}
/* END - Peding consultations Container*/

/* Future appointment modal */
#consultationDetailsModal {
    width: 35%;
}

#cm-button-right_modalUploadDocumentsDashboard {
    float: none;
}

#doubleConfirmTemplateModal_modalUploadDocumentsDashboard {
    width: 50%;
}

.appointment-modal-container {
    text-align: start;
    padding: 0 1rem;
    color: var(--main-hover-color-dark);
}

.big-title {
    font-size: 2rem;
    font-family: var(--main-font-title);
}

.small-title {
    font-size: 1.3rem;
    font-family: var(--main-font-subtitle);
}

.amc-details-container,
.cmc-details-container {
    padding: .5rem 0;
    max-height: 60vh;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--main-hover-color-50) var(--text-grey-color-95);
    /*For Scrollbar, so that is not glued to the context*/
    margin-right: -0.7rem !important;
    padding-right: 0.7rem;
}

.amc-details-container::-webkit-scrollbar,
.cmc-details-container::-webkit-scrollbar,
.cmc-mf-overflow-container::-webkit-scrollbar {
    width: 0.3rem;
}

/* Track */
.amc-details-container::-webkit-scrollbar-track,
.cmc-details-container::-webkit-scrollbar-track {
    background: var(--text-grey-color-95);
    margin: 3rem 0;
}

/* Handle */
.amc-details-container::-webkit-scrollbar-thumb,
.cmc-details-container::-webkit-scrollbar-thumb {
    background: #0d1d3e;
}

/* Handle on hover */
.amc-details-container::-webkit-scrollbar-thumb:hover,
.cmc-details-container::-webkit-scrollbar-thumb:hover {
    background: rgba(13, 29, 62, 0.9);
}

.amc-specialist-container {
    display: grid !important;
    grid-template-columns: 130px calc(100% - 130px);
    padding: .3rem 0;
    align-items: center;
}

div.amc-s-picture {
    display: inline-block;
    position: relative;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    justify-self: center;
}

.amc-s-picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 20%;
    border-radius: 50%;
    max-width: 100%;
    max-height: 100%;
}

.s-name {
    font-size: 1.5rem;
    font-family: var(--main-font-title);
}

.s-speciality {
    color: var(--text-main-grey-color);
}

.amc-appointment-details-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    padding: 0.3rem 0;
}

.amc-ad-label-value {
    display: flex !important;
    flex-direction: column;
    padding: 0.3rem 0;
}

.amc-ad-label-value.full-grid-width {
    grid-column-start: 1;
    grid-column-end: 3;
}

.amc-ad-l,
.cmc-ad-l {
    color: #868e9e;
    display: flex;
}

.amc-ad-l i,
.cmc-ad-l i {
    margin-left: auto;
    margin-right: .5rem;
    color: var(--main-hover-color-dark);
    font-size: 1.3rem;
    cursor: pointer;
}

.amc-ad-v {
    line-height: normal;
}

.amc-customer-files-container,
.amc-doctor-files-container {
    padding: .3rem 0;
}

.amc-cf-title,
.amc-df-title {
    font-family: var(--main-font-subtitle);
    font-size: 1.2rem;
}

.amc-cf-file,
.amc-df-file {
    display: grid !important;
    grid-row-gap: 0.5rem;
    margin: .3rem 0 !important;
    padding: 0.5rem 1rem;
    background-color: var(--text-grey-color-95);
    border-radius: .5rem;
    position: relative;
}

.amc-cf-f-title,
.amc-df-f-title {
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: span 2;
    word-break: break-word;
}

.amc-cf-f-date,
.amc-df-f-date {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 1;
    align-self: center;
}

.amc-cf-f-buttons,
.amc-df-f-buttons {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 2;
    display: flex !important;
    justify-content: end;
    align-items: center;
}

.amc-cf-fb,
.amc-df-fb {
    padding: 0 .8rem;
    color: var(--text-main-grey-color);
    font-size: 1.4rem;
}

.amc-cf-fb:last-child,
.amc-df-fb:last-child {
    padding-right: 0;
}

div.amc-cf-delete-overlay {
    grid-column-start: 1;
    grid-column-end: span 2;
    grid-row-start: 1;
    grid-row-end: span 2;
    background-color: var(--text-main-grey-color);
    width: 100%;
    padding: 0.5rem 1rem;
    border-radius: .5rem;
    text-align: end;
    opacity: 0;
    display: none;
    transition: all .3s ease-in-out;
    width: calc(100% + 2rem);
    margin: -0.5rem 0 !important;
    margin-left: -1rem !important;
    align-items: center;
    justify-content: flex-end;
}

.amc-cf-do-giveup {
    background-color: var(--main-hover-color-50);
    margin-right: 0.8rem !important;
}

.amc-cf-do-delete {
    background-color: var(--button-red);
}

.amc-cf-do-giveup,
.amc-cf-do-delete {
    display: inline-block !important;
    color: #fff;
    padding: .3rem .5rem;
    border-radius: .5rem;
    transition: all .3s ease-in;
    cursor: pointer;
}

.amc-cf-do-giveup:hover,
.amc-cf-do-delete:hover {
    background-color: var(--main-color-50);
    transition: all .3s ease-out;
}

.disabledDeleteFile {
    background-color: var(--text-grey-color-35);
    opacity: 0.5;
    pointer-events: none;
}

.disabledDocumentsLines {
    background-color: var(--text-main-grey-color);
    cursor: not-allowed;
}

.remove-pointer-events {
    pointer-events: none;
}

    .deleteFileMessageContainer {
    display: flex !important; 
    flex-direction: row !important;
    justify-content: center !important;
    padding: 0.5rem !important;
}

    .deleteFileMessageContainer .loadingIcon {
        display: inline-block;
        background-image: url('/Content/spinner.gif') !important;
        width: 20px;
        height: 18px;
        background-repeat: no-repeat;
        margin-bottom: 0px;
    }

.amc-close-modal {
    text-align: center;
    padding: .5rem 0;
}

div.amc-cm-button {
    background-color: var(--main-color-50);
    color: #fff;
    padding: 1rem 8rem;
    border-radius: .5rem;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    transition: all .3s ease-in;
}

.amc-cm-button:hover {
    background: var(--main-hover-color-50);
    transition: all .3s ease-out;
}

@media (min-width: 500px) {
    .amc-cf-file, .amc-df-file {
        grid-template-columns: calc(100% - 8rem - 7rem) 8rem 7rem;
    }

    .amc-cf-f-title,
    .amc-df-f-title {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 1;
        grid-column-end: 1;
    }

    div.amc-cf-f-date,
    div.amc-df-f-date {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 2;
        grid-column-end: 2;
        display: flex;
        align-items: center;
    }

    .amc-cf-f-buttons,
    .amc-df-f-buttons {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 3;
        grid-column-end: 3;
        align-items: center;
    }

    div.amc-cf-delete-overlay {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 1;
        grid-column-end: span 3;
    }
}
/* END - Future appointment modal */

/* Consultation modal */
#finishedConsultationDetailsModal {
    width: 35%;
}

#finishedConsultationDetailsModal .modal-content {
    overflow-x: hidden !important;
}

#finishedConsultationDetailsModal center {
    padding: 0px 10px 10px 10px;
}

#finishedConsultationDetailsContent {
    display: flex;
    height: 100%;
}

.consultation-modal-container {
    text-align: start;
    padding: 0 1rem;
    color: var(--main-hover-color-dark);
    transform: translateX(0%);
    transition: all .5s ease-in-out;
    width: 100%;
}

div.amc-title-container {
    display: flex;
    padding-top: .5rem;
}

div.cmc-title-container {
    display: flex;
    padding-top: 1rem;
}

.big-title {
    font-size: 2rem;
    font-family: var(--main-font-title);
}

.small-title {
    font-size: 1.3rem;
    font-family: var(--main-font-subtitle);
}

.cmc-specialist-container {
    display: grid !important;
    grid-template-columns: 130px calc(100% - 130px);
    padding: .3rem 0;
    align-items: center;
}

div.cmc-s-picture {
    display: inline-block;
    position: relative;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 50%;
    justify-self: center;
}

.cmc-s-picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 20%;
    border-radius: 50%;
    max-width: 100%;
    max-height: 100%;
}

.s-name {
    font-size: 1.5rem;
    font-family: var(--main-font-title);
}

.s-speciality {
    color: var(--text-main-grey-color);
}

.cmc-appointment-details-container {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    padding: 0.3rem 0;
}

.cmc-ad-label-value {
    display: flex !important;
    flex-direction: column;
    padding: 0.3rem 0;
}

.cmc-ad-label-value.full-grid-width {
    grid-column-start: 1;
    grid-column-end: 3;
}

.cmc-ad-l {
    color: #868e9e;
}

.cmc-patient-not-arrived {
    color: red;
    padding: 1rem;
    background-color: var(--text-grey-color-95);
    font-family: var(--main-font-subtitle)
}

.cmc-medical-files-container {
    padding: .3rem 0;
}

.cmc-mf-overflow-container {
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: var(--main-hover-color-50) var(--text-grey-color-95);
}

.cmc-mf-overflow-container::-webkit-scrollbar {
    width: .3rem;
}

/* Track */
.cmc-mf-overflow-container::-webkit-scrollbar-track {
    background: var(--text-grey-color-95);
    margin: .8rem 0;
}

/* Handle */
.cmc-mf-overflow-container::-webkit-scrollbar-thumb {
    background: #0d1d3e;
}

/* Handle on hover */
.cmc-mf-overflow-container::-webkit-scrollbar-thumb:hover {
    background: rgba(13, 29, 62, 0.9);
}

.cmc-mf-title {
    font-family: var(--main-font-subtitle);
    font-size: 1.2rem;
}

.cmc-disabled-text {
    font-family: var(--main-font-subtitle);
    font-size: 1.2rem;
    color: var(--text-grey-color);
    padding-right: 1.5rem;
    cursor: default;
}

.cmc-mf-file,
.cmc-cf-file {
    display: grid !important;
    grid-row-gap: 0.5rem;
    margin: .3rem 0 !important;
    padding: 0.5rem 1rem;
    background-color: var(--text-grey-color-95);
    border-radius: .5rem;
    position: relative;
}

.cmc-mf-f-title,
.cmc-cf-f-title {
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: span 2;
    text-align: start;
    word-wrap: anywhere;
}

.cmc-mf-f-date,
.cmc-cf-f-date {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 1;
    text-align: start;
    padding-left: 7px;
}

.cmc-mf-f-buttons,
.cmc-cf-f-buttons {
    grid-row-start: 2;
    grid-row-end: 2;
    grid-column-start: 2;
    grid-column-end: 2;
    display: flex !important;
    justify-content: end;
}

@media (min-width: 500px) {
    .cmc-mf-f-title,
    .cmc-cf-f-title {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 1;
        grid-column-end: 1;
    }

    div.cmc-mf-f-date,
    div.cmc-cf-f-date {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 2;
        grid-column-end: 2;
        display: flex;
        align-items: center;
    }

    .cmc-mf-f-buttons,
    .cmc-cf-f-buttons {
        grid-row-start: 1;
        grid-row-end: 1;
        grid-column-start: 3;
        grid-column-end: 3;
        align-items: center;
    }
}

@media (min-width: 500px) and (max-width: 992px) {
    .cmc-mf-file,
    .cmc-cf-file {
        grid-template-columns: calc(100% - 6rem - 10rem) 10rem 7rem;
    }
}

@media (min-width: 993px) {
    .cmc-mf-file,
    .cmc-cf-file {
        grid-template-columns: calc(100% - 8.5rem - 7.5rem) 8.5rem 8rem;
    }
}

.cmc-mf-file:first-child,
.cmc-cf-file:first-child {
    margin: 0 !important;
}

.cmc-mf-f-buttons,
.cmc-cf-f-buttons {
    display: flex !important;
    justify-content: end;
}

.cmc-mf-fb,
.cmc-cf-fb {
    padding: 0 .8rem;
    color: var(--text-main-grey-color);
}

.cmc-mf-fb:last-child,
.cmc-cf-fb:last-child {
    padding-right: 0;
}

.cmc-close-modal {
    text-align: center;
    padding: .5rem 0;
}

div.cmc-cm-button {
    background-color: var(--main-color-50);
    color: #fff;
    padding: 1rem 8rem;
    border-radius: .5rem;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    transition: all .3s ease-in;
}

.cmc-cm-button:hover {
    background: var(--main-hover-color-50);
    transition: all .3s ease-out;
}

div.cmc-upFiles-and-chat {
    padding: .3rem 0;
    display: flex;
}

    div.cmc-upFiles-and-chat .cmc-upFiles,
    div.cmc-upFiles-and-chat .cmc-chat {
        padding-top: 0.5em;
    }

div.cmc-upFiles-and-chat .button-main-action {
    color: var(--main-hover-color-50);
}

div.cmc-upFiles-and-chat .button-main-action:first-child {
    padding-right: 1.5rem;
}

div.cmc-upFiles-and-chat .button-main-action:hover {
    color: var(--main-color-50);
}

@media (max-width: 370px) {
    .cmc-upFiles-and-chat {
        flex-direction: column;
    }
}

.cmc-chat-history,
.cmc-chat-files {
    position: absolute;
    width: 100%;
    transform: translateX(100%);
    transition: all .5s ease-in-out;
    padding: 0 2rem 4rem .5rem !important;
    height: inherit;
}

div.cmc-ch-back-bttn,
div.cmc-cf-back-bttn {
    text-align: start;
    padding: 0.5rem 0;
    display: flex;
    align-items: center;
}

div.cmc-ch-messages,
div.cmc-cf-files {
    display: flex;
    flex-direction: column;
    padding-right: 0.2rem;
    overflow-x: hidden;
    height: inherit;
    scrollbar-width: thin;
    scrollbar-color: var(--main-hover-color-50) transparent;
}

div.cmc-ch-messages {
    word-break: break-word;
}

.cmc-ch-messages::-webkit-scrollbar,
.cmc-cf-files::-webkit-scrollbar {
    width: .3rem;
}

/* Track */
.cmc-ch-messages::-webkit-scrollbar-track,
.cmc-cf-files::-webkit-scrollbar-track {
    background: var(--text-grey-color-95);
    margin: .5rem 0;
}

/* Handle */
.cmc-ch-messages::-webkit-scrollbar-thumb,
.cmc-cf-files::-webkit-scrollbar-thumb {
    background: #0d1d3e;
}

/* Handle on hover */
.cmc-ch-messages::-webkit-scrollbar-thumb:hover,
.cmc-cf-files::-webkit-scrollbar-thumb:hover {
    background: rgba(13, 29, 62, 0.9);
}

.cmc-ch-m-s-message,
.cmc-ch-m-c-message {
    background: var(--text-grey-color-95);
    color: var(--main-hover-color-dark);
    text-align: left;
    border-radius: 0.5rem;
    padding: 0.2rem 0.5rem;
    width: fit-content;
    font-size: 1.2rem;
}

div.cmc-ch-m-specialist,
div.cmc-ch-m-customer {
    display: flex;
    flex-direction: column;
}

.cmc-ch-m-customer {
    margin-left: auto !important;
}

.cmc-ch-m-customer .cmc-ch-m-c-message {
    margin-top: 0.3rem;
    margin-right: 1rem;
    margin-left: auto;
}

.cmc-ch-m-customer .cmc-ch-m-c-sendBy {
    margin-top: 0.3rem;
    margin-left: auto;
    color: var(--main-hover-color-inverted);
}

.cmc-ch-m-specialist {
    margin-right: auto !important;
}

.cmc-ch-m-specialist .cmc-ch-m-s-message {
    margin-top: .3rem;
    margin-right: auto;
    margin-left: 1rem;
}

.cmc-ch-m-specialist .cmc-ch-m-s-sendBy {
    margin-top: .3rem;
    margin-right: auto;
    color: var(--main-hover-color-inverted);
}

.cmc-close-me {
    margin-left: auto !important;
    margin-right: -1rem !important;
    margin-top: -0.5rem !important;
}

.close-me-icon {
    font-size: 23px;
    padding: 5px;
    cursor: pointer;
    transition: .3s all;
    color: var(--text-grey-color-10);
}

.close-me-icon:hover {
    color: var(--main-hover-color-50);
}

/* END - Consultation modal */
/* END - Dashboard*/

/* New Pending/Finished/Cancelled Consultations */
/* Pending */
.pending-consultations-list-container,
.finished-consultations-list-container,
.cancelled-consultations-list-container {
    position: relative;
    background-color: var(--text-grey-color-95);
    border-radius: 1rem;
    padding: 1rem;
    font-family: var(--main-font-bodytext);
    color: var(--main-hover-color-50);
    line-height: normal;
}

.pending-consultations-list-container .de_dn_name-and-icon,
.finished-consultations-list-container .de_dn_name-and-icon,
.cancelled-consultations-list-container .de_dn_name-and-icon {
    display: flex;
}

.pending-consultations-list-container .de_dn_name-and-icon i,
.finished-consultations-list-container .de_dn_name-and-icon i
.cancelled-consultations-list-container .de_dn_name-and-icon i {
    padding-left: .5rem;
}

.pclc_container-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
}

.pclc_ct_title {
    color: var(--main-hover-color-50);
    font-family: var(--main-font-title);
    font-size: 2.5rem;
}

.pclc_ct_link {
    background-color: var(--main-color-50);
    border: .2rem solid var(--main-color-50);
    color: #fff;
    padding: 0.4rem 0.7rem;
    border-radius: 1rem;
    transition: all .3s ease-in-out;
}

    .pclc_ct_link a {
        display: flex;
        font-family: var(--main-font-title);
        transition: all .3s ease-in-out;
        align-items: center;
        font-size: 1rem;
        padding-left: 0.3rem;
        height: 2.2rem;
        padding-right: 0.3rem;
    }

.pclc_ct_link a i {
    color: #fff;
    font-size: 1.8rem;
    transition: all .3s ease-in-out;
    padding-right: 0.5rem;
}

    .pclc_ct_link:hover {
        background-color: var(--main-hover-color-50);
        border: .2rem solid var(--main-hover-color-50);
        cursor: pointer;
    }

        .pclc_ct_link:hover a,
        .pclc_ct_link:hover a i {
            color: #fff;
        }

/* Finished */
.finished-consultations-list-container .loading-ajaxGif.show {
    position: absolute;
    border: 0.2rem solid var(--text-grey-color-95);
    border-radius: 1rem;
    opacity: .9;
}

.finished-consultations-list-container .de-doctor-name .de_element-2 {
    display: none;
}

.consultations-filters {
    background-color: #fff;
    border-radius: 1rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.consultations-filters input {
    margin: 0 !important;
    width: 100% !important;
}

.showHideFilters:hover {
    background-color: var(--main-hover-color-50);
}

.containerRow {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    grid-column-gap: 0.7rem;
    align-items: end;
}

@media (max-width: 1350px) {
    .containerRow {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }
}

.containerRow .element-1 {
    grid-row-start: 1;
    grid-row-end: 1;
    grid-column-start: 1;
    grid-column-end: span 4;
}

.containerRow .csm-input.csm-calendar {
    width: 100% !important;
}

.containerRow .element-6 {
    display: none;
}

.containerRow .element-6 button {
    width: 100%;
    margin-top: 1rem;
    padding: 0.5rem 0;
    background-color: #fff;
    border: 0.15rem solid var(--text-grey-color-90);
    transition: all .3s ease-in-out;
    border-radius: 0.5rem;
}

.containerRow .element-6 button:hover {
    background-color: var(--main-hover-color-inverted);
    border-color: var(--main-hover-color-inverted);
    color: #fff;
}

#SupervisedBirthDay:focus,
#appointmentBeneficiaryInfo input[type="text"]:focus,
#consultationReasonBooked:focus {
    border: 1px solid #a1a1a1 !important;
}

.select2-selection {
    border: 2px solid #e6e6e6 !important;
    border-radius: 0.5rem !important;
}

.select2-results__option[aria-selected=true] {
    background-color: var(--text-grey-color-100) !important;
    color: var(--text-main-grey-color) !important;
}

.select2-results__option:hover {
    background-color: var(--text-grey-color-100) !important;
    color: var(--text-main-grey-color) !important;
}

.expanded-dropdown {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.expanded-dropdown-top {
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.topicsDropdown-border {
    border-bottom: 2px solid var(--main-color-50) !important;
}

#select2-SelectedNutritionalTopicId-container {
    color: var(--text-main-grey-color);
    margin-left: 5px !important;
}

.dropdownTopicsMargins .select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 0% !important;
}

.select2-selection span {
    margin-left: 0.5rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--text-grey-color-100) !important;
    color: var(--text-main-grey-color) !important;
}

.showRepresentedCustomerFields .select2-selection {
    border: none !important;
    border-bottom: 0.1rem solid var(--text-grey-color) !important;
}

.supervisedRelationship-dropdown .select2-selection,
.supervisedCountry-dropdown .select2-selection {
    border: 1px solid rgba(223, 221, 221, 1) !important;
    border-radius: 3px !important;
}

.showRepresentedCustomerFields .select2-selection__rendered,
.representedCustomerRelationship-dropdown .select2-selection__rendered,
.supervisedRelationship-dropdown .select2-selection__rendered,
.supervisedCountry-dropdown .select2-selection__rendered {
    color: var(--main-hover-color-50) !important;
    font-weight: bold !important;
}

.showRepresentedCustomerFields .representedCustonerCountry-dropdown,
.showRepresentedCustomerFields .representedCustomerRelationship-dropdown {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.select2-container--open .select2-dropdown {
    z-index: 999999991 !important;
}

.supervisedRelationship-dropdown .select2-selection span,
.supervisedCountry-dropdown .select2-selection span {
    text-align: left !important;
}

.supervisedRelationship-dropdown .select2-container--default.select2-container--disabled .select2-selection--single,
.supervisedCountry-dropdown .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #fff !important;
    cursor: not-allowed !important;
}

    .supervisedRelationship-dropdown .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered,
    .supervisedCountry-dropdown .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
        color: rgba(0, 0, 0, 0.26) !important;
    }

    /* Cancelled */
    .cancelled-consultations-list-container .de_element-3 .de_e_value {
        color: var(--error-red);
    }

.cancelled-consultations-list-container .cmc-patient-not-arrived.full-grid-width {
    grid-column-start: 1;
    grid-column-end: span 2;
}

/* Pager */
.custom-pager .cp_pagination {
    display: flex;
    justify-content: flex-end;
    line-height: normal;
}

.custom-pager .cp_pagination li {
    cursor: pointer;
    background-color: #fff;
    border: 0.1rem solid var(--main-hover-color-50);
    border-radius: 0.5rem;
    font-size: 1.1rem;
    padding: 0.3rem 0.8rem;
    margin: 0 0.1rem;
    transition: all .1s ease-in-out;
}

.custom-pager .cp_pagination .next-page i,
.custom-pager .cp_pagination .previous-page i {
    display: none;
}

.custom-pager .cp_pagination li.current-page {
    border-color: var(--main-color-50);
    color: var(--main-color-50);
    font-family: var(--main-font-title);
}

.custom-pager .cp_pagination li:hover,
.custom-pager .cp_pagination li:hover.current-page {
    border-color: var(--main-color-50);
    color: var(--main-color-50);
    font-family: var(--main-font-subtitle);
}

.custom-pager.pager-no-click {
    pointer-events: none;
    opacity: 0.7;
}

.zero-consultations {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 1rem;
    padding: 1rem;
}

.consPendingUpload-disclaimer {
    background-color: #fff;
    border-radius: 1rem;
    padding: 1rem;
}

/* Media Queries */
@media (max-width: 420px) {
    .containerRow {
        grid-template-columns: 1fr;
        grid-row-gap: 0.7rem;
    }

    .containerRow .element-1 {
        grid-column-end: 1;
    }
}

@media (min-width: 421px) and (max-width: 750px) {
    .containerRow {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 0.7rem;
    }

    .containerRow .element-1 {
        grid-column-end: span 2;
    }

    .containerRow .element-5 {
        grid-row-start: 4;
        grid-row-end: 4;
        grid-column-start: 1;
        grid-column-end: span 2;
    }

    .containerRow .element-6 {
        grid-row-start: 5;
        grid-row-end: 5;
        grid-column-start: 1;
        grid-column-end: span 2;
    }
}

@media (max-width: 500px) {
    .custom-pager .cp_pagination {
        justify-content: center;
    }

    .individual-page:nth-of-type(1) {
        background: #000;
    }

    .custom-pager .cp_pagination li {
        font-size: 1.3rem;
        padding: 0.3rem 1rem;
        margin: 0 0.2rem;
    }

    .custom-pager .cp_pagination .next-page span,
    .custom-pager .cp_pagination .previous-page span {
        display: none;
    }

    .custom-pager .cp_pagination .next-page i,
    .custom-pager .cp_pagination .previous-page i {
        display: inline-block;
    }
}

@media (max-width: 540px) {
    .pclc_container-title {
        flex-direction: column;
        align-items: flex-start;
    }

    .pclc_container-title .pclc_ct_link {
        margin-top: .5rem;
    }

    .zero-consultations {
        flex-direction: column;
    }

    .zero-consultations .pclc_ct_link {
        margin-top: .5rem;
    }
}

@media (min-width: 750px) and (max-width: 800px) {
    .containerRow {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 0.7rem;
    }

    .containerRow .element-1 {
        grid-column-end: span 2;
    }

    .containerRow .element-5 {
        grid-row-start: 3;
        grid-row-end: 3;
        grid-column-start: 2;
        grid-column-end: 2;
    }

    .containerRow .element-6 {
        grid-row-start: 4;
        grid-row-end: 4;
        grid-column-start: 1;
        grid-column-end: span 2;
    }
}

@media (min-width: 800px) {
    .pending-consultations-list-container .dashboard-element,
    .finished-consultations-list-container .dashboard-element,
    .cancelled-consultations-list-container .dashboard-element {
        grid-template-columns: 28rem calc(100% - 38.4rem) 10rem;
    }

    .finished-consultations-list-container .de_element-2 {
        display: inline-block;
    }
}

@media (min-width: 1001px) and (max-width: 1210px) {
    .pending-consultations-list-container .dashboard-element,
    .finished-consultations-list-container .dashboard-element,
    .cancelled-consultations-list-container .dashboard-element {
        grid-template-columns: 21rem calc(100% - 31.4rem) 10rem;
    }
}

@media (max-width:1000px), (min-width: 1211px) {
    .pending-consultations-list-container .de_dn_name-and-icon span,
    .finished-consultations-list-container .de_dn_name-and-icon span,
    .cancelled-consultations-list-container .de_dn_name-and-icon span {
        width: auto;
    }
}
/* END -New Pending Consultations */

/* New Notifications*/
.specialist-notifications-container {
    color: var(--main-hover-color-dark);
}

.customer-notifications-container {
    color: var(--main-hover-color-dark);
    transform: translateX(0%);
    transition: all .5s ease-in-out;
    width: 100%;
    min-height: 70vh;
}

.customer-notifications-container .notificationListBody {
    padding-bottom: 0px;
}

.notification-details-container {
    position: absolute;
    width: 100%;
    transform: translateX(100%);
    transition: all .5s ease-in-out;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto;
}

.this-message-container {
    position: relative;
    border-radius: 1rem;
    font-family: var(--main-font-bodytext);
    color: var(--main-hover-color-dark);
    line-height: normal;
}

.tmc-page-title {
    background-color: var(--text-grey-color-95);
    border-radius: 1rem;
    padding: 1rem;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
}

.tmc-page-title span {
    font-size: 1.5rem;
    font-family: var(--main-font-title);
}

.tmc-pt-buttons {
    display: flex;
}

.tmc-pt-buttons .button-main-action {
    margin-right: .5rem;
}

.tmc-pt-buttons .button-main-action:first-child {
    margin-right: auto;
}

.tmc-pt-buttons .button-main-action:last-child {
    margin-right: 0;
}

.tmc-pt-buttons .button-main-action::after {
    content: "";
    border-right: .1rem solid var(--text-grey-color);
    padding-left: .5rem;
}

.tmc-pt-buttons .button-main-action:first-child::after,
.tmc-pt-buttons .button-main-action:last-child::after {
    content: "";
    border-right: none;
    padding-left: 0;
}

.tmc-pt-buttons .button-main-action fa-trash {
    color: var(--error-red);
}

.tmc-message-details-container {
    background-color: var(--text-grey-color-95);
    border-radius: 1rem;
    padding: 1rem;
    margin-bottom: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 1rem;
}

.tmc-mdc-ft-from {
    font-size: 1.2rem;
}

.tmc-mdc-ft-to span:first-child {
    font-size: 0.9rem;
}

.tmc-mdc-message-date {
    justify-self: end;
}

.tmc-mdc-files-container {
    grid-column: 1 / span 2;
    display: flex;
    flex-direction: column;
}

.tmc-mdc-fc-files {
    display: flex;
    grid-column-gap: 0.5rem;
}

.tmc-mdc-fc-files a {
    background-color: #fff;
    padding: 0.3rem 0.8rem;
    border-radius: 0.4rem;
    width: min-content;
    font-size: 1rem;
}

.tmc-mdc-body-container {
    grid-column: 1 / span 2;
    background-color: #fff;
    padding: 1rem;
    border-radius: 1rem;
}

.previous-message {
    overflow: hidden;
    transition: all .3s ease-in-out;
    grid-template-columns: 2rem calc(100% - 25% - 2rem) 25% !important;
}

.previous-message.title-height {
    max-height: 65px;
}

.previous-message.full-height {
    max-height: 5000px;
}

.previous-message .tmc-mdc-expand-icon {
    grid-row: 1;
    grid-column: 1;
    display: flex;
}

.previous-message .tmc-mdc-expand-icon i {
    font-size: 1.5rem;
    align-self: center;
    justify-self: center;
    transition: all .3s ease-in-out;
    rotate: 0deg;
}

.previous-message .tmc-mdc-expand-icon i.rotated-0 {
    rotate: 0deg;
}

.previous-message .tmc-mdc-expand-icon i.rotated-180 {
    rotate: 180deg;
}

.previous-message .tmc-mdc-from-to {
    grid-row: 1;
    grid-column: 2;
}

.previous-message .tmc-mdc-message-date {
    grid-row: 1;
    grid-column: 3;
}

.previous-message .tmc-mdc-body-container {
    grid-column: 1 / span 3;
}

.tmc-reply-outside-container {
    max-height: 0px;
    overflow: hidden;
    transition: all .5s ease-in-out;
}

.tmc-reply-outside-container.reply-opened {
    max-height: 5000px;
}

.tmc-reply-container {
    background-color: var(--text-grey-color-95);
    border-radius: 1rem;
    padding: 1rem;
    margin-bottom: 1rem;
}

.tmc-rc-header {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.tmc-rc-h-send-button {
    background-color: var(--main-color-50);
    color: #fff;
    border-radius: 0.5rem;
    padding: 0.3rem 1rem;
    cursor: pointer;
    transition: all .3s ease-in-out;
    margin-right: .5rem;
}

.tmc-rc-h-send-button:hover {
    background-color: var(--main-hover-color-50);
}

.tmc-rc-h-cancel-button {
    margin-left: auto;
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.tmc-rc-h-cancel-button:hover {
    color: var(--error-red);
}

.tmc-rc-body textarea {
    background-color: #fff;
    border: none;
    border-radius: 0.5rem;
}

.tmc-rc-body textarea:focus {
    border: none;
}
 
@media (max-width: 400px) {
    .previous-message.title-height {
        max-height: 95px;
    }

    .previous-message .tmc-mdc-message-date {
        grid-row: 2;
        grid-column: 2;
    }

    .previous-message .tmc-mdc-body-container {
        grid-column: 1 / span 3;
    }

    .previous-message .tmc-mdc-message-date {
        justify-self: start;
    }
}

@media (min-width: 401px) and (max-width: 460px) {
    .previous-message {
        overflow: hidden;
        transition: all .3s ease-in-out;
        grid-template-columns: 2rem calc(100% - 30% - 2rem) 30% !important;
    }
}
/* END - New Notifications*/

/* New Header */
.mobile-navigation {
    position: fixed;
    top: 0;
    left: -105%;
    z-index: 10000;
    height: 100%;
    min-width: 260px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    color: var(--main-hover-color-50);
    transition: all .3s ease-in-out;
}

.mobile-navigation.menu-open {
    left: 0;
}

.mobile-navigation .mn-body {
    overflow: auto;
    margin-top: 2rem;
}

.mobile-navigation .mn-footer {
    margin-top: auto;
    padding-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;
}

.mobile-navigation span:not(.header-container-logo, .lang-selector) {
    margin: 1.2rem 1rem 0;
    padding-left: 1rem;
    font-size: 1.2rem;
    display: grid;
    grid-template-columns: 1.5rem calc(100% - 1.5rem);
    grid-gap: 0.5rem;
    align-items: center;
}

.mobile-navigation .mn-body.doc-menu span:not(.header-container-logo, .lang-selector) {
    grid-template-columns: 1fr;
}

.mobile-navigation span:last-child {
    margin-bottom: 1.2rem;
}

.mobile-navigation span:not(.header-container-logo) i,
.mobile-navigation .parent-menu i {
    font-size: 1.6rem;
}

.mobile-navigation .item-active {
    background-color: var(--main-color-50);
    padding: .7rem;
    margin-right: 1rem;
    border-radius: .5rem;
    color: #fff;
}

.mobile-navigation .parent-menu {
    transition: all .5s ease;
    overflow: hidden;
    max-height: 3rem;
}

.mobile-navigation .parent-menu.pm-sm-open {
    max-height: 15rem;
}

.mobile-navigation .parent-menu .pm-header {
    margin: 1rem 1rem 0;
    padding-left: 1rem;
    font-size: 1.2rem;
    display: grid;
    grid-template-columns: 1.5rem calc(100% - 3.3rem) 0.8rem;
    grid-gap: 0.5rem;
    align-items: center;
}

.mobile-navigation .parent-menu .pm-sub-menu {
    grid-column: 1 / span 3;
    margin: 1rem 1rem 0;
    padding-left: 1rem;
}

.mobile-navigation .parent-menu .fa-angle-left {
    font-size: 1.3rem;
    transition: all .3s ease-in-out;
}

.mobile-navigation .parent-menu .fa-angle-left.pm-sm-closed {
    rotate: 0deg;
}

.mobile-navigation .parent-menu .fa-angle-left.pm-sm-open {
    rotate: -90deg;
}
/* END - New Header */

.datetimepicker input::placeholder {
    font-family: var(--main-font-bodytext);
    font-size: 16px;
    line-height: 22px;
    color: var(--text-main-grey-color);
    opacity: 1;
}

/* Fix for multiple line tooltip */
.material-tooltip .backdrop {
    border-radius: 0 !important;
    transform: scale(999) !important;
}

/* Onlinedoctor filters dropdowns*/
.doctorsFilter ul,
.topicHeight ul,
.hourIntervals ul {
    max-height: 17.5rem;
    border: 1px solid var(--text-grey-color);
}

.doctorsFilter ul li span {
    padding: 1rem 0;
}

/* New customer profile */
.my-account-container {
    grid-row-gap: 1rem;
    display: flex;
    flex-direction: column;
}

.mac-header-container {
    color: var(--main-hover-color-dark);
    background-color: var(--text-grey-color-95);
    border-radius: 1rem;
    padding: .5rem;
}

.mac-header-container .updateFieldsWarning,
.mac-header-container .confirmation-message {
    width: 100%;
    padding-left: .5rem;
}

.hello-container {
    padding-left: .5rem;
}

.hello-container .hello {
    font-size: 2rem;
    font-family: var(--main-font-title);
}

.bttns-container {
    display: flex;
    align-items: center;
    grid-column-gap: .5rem;
}

.change-pass-bttn,
.edit-my-account-details-bttn {
    border: 0.2rem solid var(--text-grey-color);
    border-radius: 1rem;
    background: #fff;
    padding: .5rem 1rem;
    margin: .25rem;
    display: flex;
    align-items: center;
    grid-column-gap: 0.3rem;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

.edit-my-account-details-bttn:focus {
    background-color: #fff;
}

.change-pass-bttn:hover,
.edit-my-account-details-bttn:hover {
    border-color: var(--main-color-50);
    color: var(--main-color-50);
}

.info-customer-container {
    display: flex;
    overflow: hidden;
    transition: all .3s ease-in-out;
    background-color: var(--text-grey-color-95);
    border-radius: 1rem;
    padding: .5rem;
    font-family: var(--main-font-bodytext);
    color: var(--main-hover-color-dark);
    line-height: normal;
}

.info-customer-container .icc-details {
    display: grid;
    grid-template-columns: 40% 60%;
}

.left-container,
.patient-side-container,
.reprezentant-side-container {
    border-radius: 1rem;
    background: #fff;
    padding: .5rem;
    margin: .25rem;
}

.left-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-row-gap: 0.7rem;
    justify-content: center;
}

.left-container > div:last-child {
    margin-top: .5rem;
}

.profile-icon,
#profile-picture {
    font-size: 9rem;
    border-radius: 50%;
    width: 12rem;
    height: 12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.profile-icon {
    background-color: var(--text-grey-color-95);
    padding: 1rem;
}

#profile-picture-container {
    position: relative;
}

.uploadProfilePicture,
.deleteProfilePicture {
    position: absolute;
    right: 0;
    top: 0;
    color: red;
    font-size: 20px;
    cursor: pointer;
}

.uploadProfilePicture {
    color: var(--main-color-50);
}

.name-container {
    font-size: 1.6rem;
    font-family: var(--main-font-title);
    text-align: center;
}

.email-container {
    color: var(--text-grey-color);
}

.consult-and-appointments-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    grid-row-gap: 0.6rem;
}

.cacc-title {
    font-family: var(--main-font-title);
}

.cacc-b-between {
    background-color: var(--text-grey-color);
    border-radius: 1rem;
    padding: 1.5px;
}

.cacc-body {
    display: flex;
    width: 100%;
}

.cacc-b-past-container,
.cacc-b-upcomming-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.cacc-c-pc-number,
.cacc-c-uc-number {
    font-size: 2rem;
    font-family: var(--main-font-title);
}

.cacc-c-pc-title,
.cacc-c-uc-title {
    color: var(--text-grey-color);
}

.cacc-b-past-container .inner-container,
.cacc-b-upcomming-container .inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.cacc-b-past-container .inner-container:hover,
.cacc-b-upcomming-container .inner-container:hover {
    color: var(--main-color-50);
}

.right-container {
    display: flex;
    overflow: hidden;
    transition: all .3s ease-in-out;
}

.patient-side-container,
.reprezentant-side-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    transition: all .3s ease-in-out;
}

.patient-side-container.hide-container {
    margin-left: -100%;
}

.reprezentant-side-container {
    margin-right: -100%;
}

.reprezentant-side-container.show-container {
    margin-right: 0;
}

.right-container .info-container {
    display: grid;
    grid-template-columns: 50% 50%;
    justify-items: center;
    grid-row-gap: 2rem;
    padding-bottom: 1.5rem;
}

.right-container .info-container > * {
    padding: 0 2rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    grid-row-gap: 0.6rem;
}

.right-container .info-container > * label {
    font-family: var(--main-font-bodytext);
    color: var(--text-grey-color);
    font-size: 0.8rem;
}

.rc-c-value {
    font-family: var(--main-font-subtitle);
    word-break: break-all;
}

.rc-c-bottom {
    background-color: var(--text-grey-color);
    border-radius: 1rem;
    padding: 1px;
    margin-top: auto;
}

.go-to-bttn {
    display: flex;
    align-items: center;
    grid-column-gap: 0.5rem;
    cursor: pointer;
    width: fit-content;
    padding-right: .5rem;
    margin-left: auto;
    transition: all .3s ease-in-out;
    margin-top: auto;
}

.go-to-bttn:hover {
    color: var(--main-color-50);
}

.reprezentant-side-container .go-to-bttn {
    margin-left: 0;
    margin-right: auto;
    padding-left: .5rem;
}

.gdpr-sections-container {
    display: flex;
    flex-direction: column;
    grid-row-gap: 1rem;
}

.icc-details {
    width: 100%;
    transition: all .3s ease-in-out;
}

.account-delete-container,
.gdpr-section-history-container,
.represented-customers-container {
    display: flex;
    flex-direction: column;
    grid-row-gap: 1rem;
    color: var(--main-hover-color-dark);
    background-color: var(--text-grey-color-95);
    border-radius: 1rem;
    padding: .5rem;
    overflow: hidden;
    transition: all .5s ease-in-out;
}

    .account-delete-container.adc-closed,
    .gdpr-section-history-container.gshc-closed,
    .represented-customers-container.rcc-closed {
        max-height: 4rem;
    }

.account-delete-container.adc-opened {
    max-height: 25rem;
}

    .gdpr-section-history-container.gshc-opened {
        max-height: 50rem;
    }

.adc-header-container,
.gshc-header-container, 
.rc-header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .5rem;
}

    .adc-header-container span,
    .gshc-header-container span,
    .rc-header-container span {
        font-size: 2rem;
        font-family: var(--main-font-title);
    }

    .adc-header-container i,
    .gshc-header-container i,
    .rc-header-container i{
        font-size: 1.2rem;
        transition: all .3s ease-in-out;
    }

    .adc-header-container:hover,
    .gshc-header-container:hover,
    .rc-header-container:hover {
        cursor: pointer;
    }

        .adc-header-container:hover i,
        .gshc-header-container:hover i,
        .rc-header-container:hover i {
            color: var(--main-color-50);
        }

    .adc-header-container i.adc-i-rotate-0,
    .gshc-header-container i.gshc-i-rotate-0,
    .represented-customers-container i.rcc-i-rotate-0 {
        transform: rotate(0deg);
    }

    .adc-header-container i.adc-i-rotate-180,
    .gshc-header-container i.gshc-i-rotate-180,
    .represented-customers-container i.rcc-i-rotate-180 {
        transform: rotate(180deg);
    }

.account-delete-container .info-container > form {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 1rem;
    padding: .5rem;
}

.account-delete-container .info-container .account-delete-err {
    color: var(--error-red);
    font-family: var(--main-font-subtitle);
}

.account-delete-container .info-container .delete-requested-hint {
    color: var(--main-color-50);
    font-family: var(--main-font-subtitle);
}

.adc-delete-account {
    border: 0.2rem solid var(--main-hover-color-dark);
    border-radius: 1rem;
    background: #fff;
    padding: .5rem 1rem;
    margin: .25rem;
    display: flex;
    align-items: center;
    grid-column-gap: 0.3rem;
    transition: all .3s ease-in-out;
    cursor: pointer;
    width: fit-content;
    margin-left: auto;
}

.adc-delete-account:hover {
    border-color: var(--main-color-50);
    color: var(--main-color-50);
}

.add-represented-customer {
    border: 0.2rem solid var(--main-color-50);
    border-radius: 1rem;
    background-color: var(--main-color-50);
    padding: .5rem 1rem;
    margin: .25rem;
    display: flex;
    align-items: center;
    grid-column-gap: 0.3rem;
    transition: all .3s ease-in-out;
    cursor: pointer;
    width: fit-content;
    margin-left: auto;
    color: #fff;
}

.add-represented-customer-button {
    border: 0.2rem solid var(--main-color-50);
    border-radius: 1rem;
    background-color: var(--main-color-50);
    padding: .5rem 1rem;
    margin: .25rem;
    cursor: pointer;
    color: #fff;
    width: 10rem;
}

.cancel-add-represented-customer-button {
    border: 0.2rem solid var(--text-grey-color);
    border-radius: 1rem;
    background-color: #fff;
    padding: .5rem 1rem;
    margin: .25rem;
    cursor: pointer;
    color: var(--text-grey-color);
    width: 10rem;
}

.add-represented-customer:hover,
.add-represented-customer-button:hover {
    background-color: var(--main-hover-color-50);
    border-color: var(--main-hover-color-50);
}

.cancel-add-represented-customer-button:hover {
    background-color: var(--text-grey-color);
    border: 0.2rem solid var(--text-grey-color);
    color: #fff;
}

.showRepresentedCustomerFields input[type=text],
.showRepresentedCustomerFields input[type=text]:hover,
.showRepresentedCustomerFields input[type=text]:focus {
    width: 95% !important;
    border: none;
    border-bottom: 0.1rem solid var(--text-grey-color);
}

.showRepresentedCustomerFields .representedCustomerdatetimepicker {
    clear: both;
}

    .showRepresentedCustomerFields .representedCustomerdatetimepicker .input-group-addon {
        height: 36px;
        line-height: 36px;
        right: 15px !important;
    }

    @media screen and (max-width:1450px) {
        .showRepresentedCustomerFields .representedCustomerdatetimepicker .input-group-addon {
            right: 8px !important;
        }
    }

@media screen and (max-width: 601px) {
    .represented-customer-fields-container {
        display: block !important;
    }
}

.showRepresentedCustomerFields .input-error,
.showRepresentedCustomerFields .field-validation-error {
    text-indent: 1.2rem;
}

.showRepresentedCustomerFields #representedCustomerCountryError,
.showRepresentedCustomerFields #representedCustomerRelationshipError {
    text-indent: 4px;
}

.showRepresentedCustomerFields .length-info:not(.custom-error) {
    text-align: right;
    color: var(--text-grey-color);
    margin-right: 1rem;
}

.showRepresentedCustomerFields .select-wrapper {
    text-align: -webkit-center;
}

    .showRepresentedCustomerFields .select-wrapper ul li span {
        color: var(--main-hover-color-50) !important;
    }

    .showRepresentedCustomerFields .select-wrapper input {
        color: var(--main-hover-color-50);
        font-weight: bold;
    }

    .showRepresentedCustomerFields .select-wrapper {
       height: 40px !important;
    }

.showRepresentedCustomerFields .dropdown-content.select-dropdown {
    border: 0.1rem solid var(--text-grey-color);
}
.showRepresentedCustomerFields .dropdown-content {
    height: 250px !important;
}

.represented-customer-fields-container {
    width: 100%; 
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    background-color: #fff; 
    border-radius: 1rem; 
    padding: .5rem; 
    margin: 0;
}

.represented-customer-buttons-container {
    display: flex;
    flex-direction: row;
    justify-content: end;
    margin-top: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid var(--text-grey-color);
    padding-bottom: 2rem;
}

.represented-customers-title {
    font-size: 18px;
    color: var(--main-color-text-light);
    font-weight: 700;
    margin-left: 0.5rem;
}

.previous-represented-customers-line {
    font-size: 16px;
    margin-left: 1.5rem;
    padding: 0.3rem;
}

#error-represented-customer {
    font-size: 16px;
    font-weight: 900;
    margin-left: 1rem;
}

#success-represented-customer {
    font-size: 16px;
    font-weight: 900;
    margin-left: 1rem;
    color: var(--important-green-color-50);
}

#represented-customers.dataTable.display tbody tr.odd > .sorting_1,
#represented-customers.dataTable.display tbody tr.even > .sorting_1 {
    background-color: #fff;
}

#represented-customer-row:hover td {
    background-color: var(--text-grey-color-100) !important;
}

.gdpr-section-history-container .info-list-container {
    display: flex;
    flex-direction: column;
    grid-row-gap: 1rem;
    max-height: 22.5rem;
    overflow: auto;
    padding-right: 0.5rem;
}

.gdpr-section-history-container .info-list-container::-webkit-scrollbar {
    width: 8px;
}

.gdpr-section-history-container .info-list-container::-webkit-scrollbar-track {
    background: transparent;
}

.gdpr-section-history-container .info-list-container::-webkit-scrollbar-thumb {
    background: #0d1d3e;
}

.gdpr-section-history-container .info-list-container::-webkit-scrollbar-thumb:hover {
    background: rgba(13, 29, 62, 0.9);
}

.gdpr-section-history-container .info-list-container .info-container > div {
    display: flex;
    flex-direction: column
}

.gdpr-section-history-container .info-list-container .info-container > div > span:first-child {
    display: flex;
    flex-direction: column
}

.gdpr-section-history-container .info-container {
    display: grid;
    grid-template-columns: 35% 50% 15%;
    background-color: #fff;
    border-radius: 1rem;
    padding: .5rem;
}

.gdpr-section-history-container .info-container > span {
    font-family: var(--main-font-subtitle);
}

.gdpr-section-history-container .info-container .ilc-title {
    font-family: var(--main-font-bodytext);
    color: var(--text-grey-color);
    font-size: 0.8rem;
}

.customer-details-page .pg-title {
    display: flex;
    flex-direction: column;
    color: var(--main-hover-color-dark);
    background-color: var(--text-grey-color-95);
    border-radius: 1rem;
    padding: .5rem;
    font-family: var(--main-font-title);
}

.customer-details-page .pg-title span:first-child {
    font-size: 2rem;
}

.customer-details-page .new-my-account-container {
    display: flex;
    flex-direction: column;
    grid-row-gap: .5rem;
    color: var(--main-hover-color-dark);
    background-color: var(--text-grey-color-95);
    border-radius: 1rem;
    padding: .5rem;
}

.customer-details-page .new-my-account-container .inputs-container {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background-color: #fff;
    border-radius: 1rem;
    padding: .5rem;
    margin: 0;
}

.customer-details-page .new-my-account-container .myAccount-legalSup {
    width: 100%;
    background-color: #fff;
    border-radius: 1rem;
    padding: .5rem;
    margin: 0;
}

.customer-details-page .new-my-account-container .myAccount-legalSup .legalSupervisorFields {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
/* END New customer profile */


/* New patient consultation room*/
.video-consultation-container {
    border-radius: 1rem;
    padding: 1rem;
    font-family: var(--main-font-bodytext);
    color: var(--main-hover-color-dark);
    line-height: normal;
    display: flex;
    flex-direction: column;
    grid-gap: .5rem;
    min-height: 100vh;
    margin-bottom: 5rem;
}

.header-second-container {
    display: flex;
    justify-content: space-between;
}

.newMsgPin {
    box-shadow: 0px 0px 1px 1px #0000001a;
    z-index: 1;
    animation: pulse-animation 1.5s infinite;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.3);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
    }
}

.connected-with-container {
    margin-right: 10px;
}

.doc-cons-room {
    color: var(--main-hover-color-dark);
}

.video-consultation-container .page-title-container {
    font-size: 2rem;
    font-family: var(--main-font-title);
}

.video-consultation-container .header-bar-container,
.doc-cons-room .header-bar-container {
    background-color: #fff;
    border-radius: 1rem;
    padding: 0 1rem 0.5rem 1rem;
}

.doc-cons-room .header-bar-container {
    margin-bottom: 0.5rem;
    padding: 0.5rem 1rem 0.5rem 1rem;
}

.video-consultation-container .body-container {
    display: flex;
    flex-direction: column;
    grid-row-gap: .5rem;
}

.video-consultation-container .body-container .video-stream-container,
.consultation-room-first-row .video-tab {
    background-color: #fff;
    border-radius: 1rem;
    height: 65vh;
    position: relative;
}

.video-consultation-container .body-container .video-stream-container .vsc-video-container,
.consultation-room-first-row .vsc-video-container {
    height: 100%
}

.video-consultation-container .body-container .video-stream-container .vsc-video-container .principalStream,
.consultation-room-first-row .vsc-video-container .principalStream {
    height: 100%;
    width: auto;
}

.video-consultation-container .body-container .video-stream-container .vsc-bttns-container,
.consultation-room-first-row .vsc-bttns-container {
    display: flex;
    position: absolute;
    bottom: 0;
    transition: all .3s ease-in-out;
    opacity: 0;
    width: 100%;
    left: 0;
    justify-content: center;
}

.video-consultation-container .body-container .video-stream-container:hover .vsc-bttns-container,
.consultation-room-first-row .video-tab:hover .vsc-bttns-container {
    opacity: 1;
}

.video-consultation-container .body-container .chat-and-files-container,
.doc-cons-room .chat-and-files-container {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 1rem;
    height: 80vh;
}

.vsc-video-container video,
.test-cam-container video{
    transform: scale(-1, 1); /*For Firefox (& IE) */
    -webkit-transform: scale(-1, 1); /*for Chrome & Opera (& Safari) */
}

@media screen and (min-width: 601px){
    .video-consultation-container .body-container .chat-and-files-container,
    .doc-cons-room .chat-and-files-container {
        height: 80vh;
    }
}

.video-consultation-container .body-container .chat-and-files-container .tab-titles-container,
.doc-cons-room .chat-and-files-container .tab-titles-container {
    display: flex;
    align-items: center;
    grid-gap: 0.2rem;
    padding: .5rem;
    padding-bottom: 0;
}

.video-consultation-container .body-container .chat-and-files-container .tab-titles-container .tab-left,
.video-consultation-container .body-container .chat-and-files-container .tab-titles-container .tab-right,
.doc-cons-room .chat-and-files-container .tab-titles-container .tab-left,
.doc-cons-room .chat-and-files-container .tab-titles-container .tab-right {
    width: 100%;
    border-radius: 1rem;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--main-font-subtitle);
    background-size: 205% !important;
    transition: .3s ease-out;
    cursor: pointer;
}

.video-consultation-container .body-container .chat-and-files-container .tab-titles-container .tab-left,
.doc-cons-room .chat-and-files-container .tab-titles-container .tab-left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background: linear-gradient(to left, var(--main-color-50) 50%, var(--text-grey-color-95) 50%) left;
}

.video-consultation-container .body-container .chat-and-files-container .tab-titles-container .tab-left.activ-tab,
.doc-cons-room .chat-and-files-container .tab-titles-container .tab-left.activ-tab {
    background-position: right;
}

.video-consultation-container .body-container .chat-and-files-container .tab-titles-container .tab-right,
.doc-cons-room .chat-and-files-container .tab-titles-container .tab-right {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: linear-gradient(to right, var(--main-color-50) 50%, var(--text-grey-color-95) 50%) right;
}

.doc-cons-room .chat-and-files-container .tab-titles-container .tab-right.singleTab {
    border-radius: 1rem;
}

.video-consultation-container .body-container .chat-and-files-container .tab-titles-container .tab-right.activ-tab,
.doc-cons-room .chat-and-files-container .tab-titles-container .tab-right.activ-tab {
    background-position: left;
}

.video-consultation-container .body-container .chat-and-files-container .info-container,
.doc-cons-room .chat-and-files-container .info-container {
    display: flex;
    grid-gap: 0.5rem;
    overflow: hidden;
    height: 100%;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container,
.video-consultation-container .body-container .chat-and-files-container .info-container .second-tab-container,
.doc-cons-room .chat-and-files-container .info-container .chat-container,
.doc-cons-room .chat-and-files-container .info-container .second-tab-container {
    width: 100%;
    transition: all .3s ease-in-out;
    justify-content: space-between;
    grid-gap: .5rem;
    height: 98%;
}

@media screen and (max-height: 580px) {
    .video-consultation-container .body-container .chat-and-files-container .info-container,
    .doc-cons-room .chat-and-files-container .info-container {
        overflow-y: auto;
    }
       
    .video-consultation-container .body-container .chat-and-files-container .info-container .chat-container,
    .doc-cons-room .chat-and-files-container .info-container .chat-container {
        height: calc(100vh - 185px);
    }

    .video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .message-input-container,
    .doc-cons-room .chat-and-files-container .info-container .chat-container .message-input-container {
        height: fit-content !important;
    }
}

.video-consultation-container .body-container .chat-and-files-container .info-container .second-tab-container,
.doc-cons-room .chat-and-files-container .info-container .second-tab-container {
    display: flex;
    flex-direction: column;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container,
.doc-cons-room .chat-and-files-container .info-container .chat-container {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: calc(80% - 2.5rem) calc(20% + 2rem);
}

@media screen and (min-width: 601px) {
    .video-consultation-container .body-container .chat-and-files-container .info-container .chat-container,
    .doc-cons-room .chat-and-files-container .info-container .chat-container {
        grid-template-rows: calc(80% - 0.5rem) 20%;
    }
}

@media screen and (max-height: 801px) {
    .video-consultation-container .body-container .chat-and-files-container .info-container .chat-container,
    .doc-cons-room .chat-and-files-container .info-container .chat-container {
        grid-template-rows: calc(80% - 2.5rem) calc(20% + 2rem);
    }
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container.container-hidden {
    margin-left: calc(-100% + .5rem);
}

.video-consultation-container .body-container .chat-and-files-container .info-container .second-tab-container.container-hidden {
    margin-right: calc(-100% - 1rem);
}

.doc-cons-room .chat-and-files-container .info-container .chat-container.container-hidden {
    margin-right: calc(-100% + 1rem);
}

.doc-cons-room .chat-and-files-container .info-container .second-tab-container.container-hidden {
    margin-left: calc(-100% - .5rem);
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .outer-messages-container,
.doc-cons-room .chat-and-files-container .info-container .chat-container .outer-messages-container {
    background-color: var(--text-grey-color-95);
    padding: 0.5rem;
    margin: .5rem;
    height: 100%;
    border-radius: 1rem;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .messages-container,
.doc-cons-room .chat-and-files-container .info-container .chat-container .messages-container {
    display: flex;
    flex-direction: column;
    grid-row-gap: 0.3rem;
    overflow: auto;
    height: 100%;
    word-break: break-word;
}

.message-container span a {
    min-width: fit-content;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .messages-container::-webkit-scrollbar,
.doc-cons-room .chat-and-files-container .info-container .chat-container .messages-container::-webkit-scrollbar {
    width: 8px;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .messages-container::-webkit-scrollbar-track,
.doc-cons-room .chat-and-files-container .info-container .chat-container .messages-container::-webkit-scrollbar-track {
    background: transparent;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .messages-container::-webkit-scrollbar-thumb,
.doc-cons-room .chat-and-files-container .info-container .chat-container .messages-container::-webkit-scrollbar-thumb {
    background: #0d1d3e;
    border-radius: 1rem;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .messages-container .message-container.sending-message,
.doc-cons-room .chat-and-files-container .info-container .chat-container .messages-container .message-container.sending-message {
    margin-right: 1rem;
    margin-left: auto;
    padding-left: 1rem;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .messages-container .message-container.sending-message-name,
.doc-cons-room .chat-and-files-container .info-container .chat-container .messages-container .message-container.sending-message-name {
    margin-left: auto;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .messages-container .message-container.incomming-message,
.doc-cons-room .chat-and-files-container .info-container .chat-container .messages-container .message-container.incomming-message {
    margin-right: auto;
    margin-left: 1rem;
    padding-right: 1rem;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .messages-container .message-container.incomming-message-name,
.doc-cons-room .chat-and-files-container .info-container .chat-container .messages-container .message-container.incomming-message-name {
    margin-right: auto;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .messages-container .message-container > span,
.doc-cons-room .chat-and-files-container .info-container .chat-container .messages-container .message-container > span {
    display: flex;
    background: #fff;
    border-radius: 1rem;
    padding: 0.3rem 0.5rem;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .messages-container .message-container > span a,
.doc-cons-room .chat-and-files-container .info-container .chat-container .messages-container .message-container > span a {
    margin-left: 0.5rem;
    color: var(--main-color-50);
    transition: all .3s ease-in-out;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .messages-container .message-container > span a:hover,
.doc-cons-room .chat-and-files-container .info-container .chat-container .messages-container .message-container > span a:hover {
    color: var(--main-hover-color-50);
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .messages-container .message-container .name-chat-container,
.doc-cons-room .chat-and-files-container .info-container .chat-container .messages-container .message-container .name-chat-container {
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    margin-left: 10px;
}

.sending-message-name .name-chat-container {
    text-align: right;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .message-input-container,
.doc-cons-room .chat-and-files-container .info-container .chat-container .message-input-container {
    background-color: var(--main-hover-color-75);
    padding: 0.5rem;
    margin: .5rem;
    height: 100%;
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .message-input-container .input-and-bttns-container,
.doc-cons-room .chat-and-files-container .info-container .chat-container .message-input-container .input-and-bttns-container {
    display: flex;
    align-items: center;
    margin-top: auto;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .message-input-container .input-and-bttns-container #uploadFileZoneMed,
.doc-cons-room .chat-and-files-container .info-container .chat-container .message-input-container .input-and-bttns-container #uploadFileZoneMed {
    margin: 0 !important;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .message-input-container .input-and-bttns-container #uploadFile .qq-upload-button,
.doc-cons-room .chat-and-files-container .info-container .chat-container .message-input-container .input-and-bttns-container #uploadFile .qq-upload-button {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--main-color-50) !important;
    background-color: transparent !important;
    border: none;
    font-size: 1.5rem !important;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .message-input-container .input-and-bttns-container input,
.doc-cons-room .chat-and-files-container .info-container .chat-container .message-input-container .input-and-bttns-container input {
    background-color: #fff !important;
    border-radius: 1rem;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: normal;
    text-indent: 1rem;
    margin-left: .5rem;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .message-input-container .input-and-bttns-container input:focus,
.doc-cons-room .chat-and-files-container .info-container .chat-container .message-input-container .input-and-bttns-container input:focus {
    border: 1px solid var(--main-color-50);
    box-shadow: 1px 1px 0px 0px var(--main-color-50);
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .message-input-container .input-and-bttns-container .sendChatMessage-new,
.doc-cons-room .chat-and-files-container .info-container .chat-container .message-input-container .input-and-bttns-container .sendChatMessage-new {
    border: none;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--main-color-50);
    margin-left: .5rem;
    background-color: transparent;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .message-input-container .input-and-bttns-container .sendChatMessage-new:focus,
.doc-cons-room .chat-and-files-container .info-container .chat-container .message-input-container .input-and-bttns-container .sendChatMessage-new:focus {
    background: transparent;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .chat-container .message-input-container .input-and-bttns-container .sendChatMessage-new:hover,
.doc-cons-room .chat-and-files-container .info-container .chat-container .message-input-container .input-and-bttns-container .sendChatMessage-new:hover {
    color: var(--main-hover-color-50);
}

.video-consultation-container .body-container .chat-and-files-container .info-container .second-tab-container,
.doc-cons-room .chat-and-files-container .info-container .second-tab-container {
    background-color: var(--text-grey-color-95);
    padding: .5rem;
    margin: .5rem;
    border-radius: 1rem;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .second-tab-container .second-tab-inner-container,
.doc-cons-room .chat-and-files-container .info-container .second-tab-container .second-tab-inner-container {
    overflow: auto;
    display: flex;
    flex-direction: column;
    grid-gap: .5rem;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .second-tab-container .second-tab-inner-container::-webkit-scrollbar,
.doc-cons-room .chat-and-files-container .info-container .second-tab-container .second-tab-inner-container::-webkit-scrollbar {
    width: 8px;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .second-tab-container .second-tab-inner-container::-webkit-scrollbar-track,
.doc-cons-room .chat-and-files-container .info-container .second-tab-container .second-tab-inner-container::-webkit-scrollbar-track {
    background: transparent;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .second-tab-container .second-tab-inner-container::-webkit-scrollbar-thumb,
.doc-cons-room .chat-and-files-container .info-container .second-tab-container .second-tab-inner-container::-webkit-scrollbar-thumb {
    background: #0d1d3e;
    border-radius: 1rem;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .second-tab-container .file-container,
.doc-cons-room .chat-and-files-container .info-container .second-tab-container .file-container {
    background-color: #fff;
    border-radius: 1rem;
    padding: .5rem 1rem;
    display: flex;
    flex-direction: column;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .second-tab-container .file-container .filename-with-download,
.doc-cons-room .chat-and-files-container .info-container .second-tab-container .file-container .filename-with-download {
    color: var(--main-color-50);
    font-size: 1.1rem;
    font-family: var(--main-font-subtitle);
    transition: all .1s ease-in-out;
    word-break: break-all;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .second-tab-container .file-container .filename-with-download:hover,
.doc-cons-room .chat-and-files-container .info-container .second-tab-container .file-container .filename-with-download:hover {
    color: var(--main-hover-color-50);
}

.video-consultation-container .body-container .chat-and-files-container .info-container .second-tab-container .file-container .filename-with-download i,
.doc-cons-room .chat-and-files-container .info-container .second-tab-container .file-container .filename-with-download i {
    padding-right: .3rem;
}

.video-consultation-container .body-container .chat-and-files-container .info-container .second-tab-container .file-container .who-send-this .emboss,
.doc-cons-room .chat-and-files-container .info-container .second-tab-container .file-container .who-send-this .emboss {
    color: var(--main-color-50);
    font-family: var(--main-font-subtitle);
}

.video-consultation-container .uncompleted-questionnaire-container {
    transition: all .3s ease-in-out;
    display: flex;
    flex-direction: column;
    grid-gap: .5rem;
    overflow: hidden;
    max-height: 3.5rem;
}

.video-consultation-container .uncompleted-questionnaire-container.max-width-change {
    max-width: 100vw;
}

.video-consultation-container .uncompleted-questionnaire-container.max-height-change {
    max-height: 36rem;
}

.video-consultation-container .uncompleted-questionnaire-container .uqc-title {
    display: flex;
    align-items: center;
    grid-column: 1 / span 2;
    background-color: #fff;
    padding: 1rem;
    border-radius: 1rem;
}

.video-consultation-container .uncompleted-questionnaire-container .uqc-title span {
    margin: 0 auto;
    font-size: 1.2rem;
    font-family: var(--main-font-subtitle);
}

.video-consultation-container .uncompleted-questionnaire-container .uqc-title i {
    font-size: 1.2rem;
    transition: all .3s ease-in-out;
}

.video-consultation-container .uncompleted-questionnaire-container .uqc-title:hover i{
    color: var(--main-color-50);
}

.video-consultation-container .uncompleted-questionnaire-container .uqc-container {
    border-radius: 1rem;
    overflow: hidden auto;
    background-color: #fff;
    padding: .5rem;
}

.video-consultation-container .uncompleted-questionnaire-container .cuqc-container {
    border-radius: 1rem;
    background-color: #fff;
    display: flex;
    padding: .5rem;
    border-radius: 1rem;
    overflow: auto;
    height: 26rem;
}

@media (min-width:800px){
    .video-consultation-container .body-container {
        display: grid;
        grid-template-columns: calc(60% - .25rem) calc(40% - .25rem);
        grid-gap: .5rem;
    }

    .video-consultation-container .uncompleted-questionnaire-container {
        display: grid;
        grid-template-columns: calc(40% - .25rem) calc(60% - .25rem);
        max-width: calc(40% - .25rem);
    }

    .video-consultation-container .uncompleted-questionnaire-container.max-height-change {
        max-height: 30rem;
    }
}

.virtual-waiting-room-containter .input-and-bttns-container,
.video-consultation-container .input-and-bttns-container {
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}

.virtual-waiting-room-containter div[class*=disabled] {
    cursor: not-allowed;
}

@media screen and (min-width:800px) and (max-width:840px) {
    .virtual-waiting-room-containter .input-and-bttns-container {
        margin-bottom: 0px !important;
    }

    .video-consultation-container .input-and-bttns-container {
        margin-bottom: 6px !important;
    }

    .virtual-waiting-room-containter #fileUploadErrorMessage,
    .virtual-waiting-room-containter #chatMessageError,
    .video-consultation-container #fileUploadErrorMessage,
    .video-consultation-container #chatMessageError {
        font-size: 0.9rem;
    }
 }

@media only screen and (min-width:840px) and (max-width:1641px) {
    .virtual-waiting-room-containter .input-and-bttns-container {
        margin-top: 6px !important;
        margin-bottom: 2px !important;
    }

    .video-consultation-container .input-and-bttns-container {
        margin-top: 10px !important;
        margin-bottom: 6px !important;
    }
}

input[type=number].valid {
    border-bottom: 1px solid var(--main-color-50) !important;
    box-shadow: 0 1px 0 0 var(--main-color-50) !important;
}

#bookedConsultationSessionType label,
#bookedGroupConsultationSessionType label {
    width: auto !important;
}

#bookedConsultationSessionType [type="radio"]:checked + label:after,
#bookedGroupConsultationSessionType [type="radio"]:checked + label:after {
    border-radius: 50%;
    border: 2px solid var(--main-color-inverted);
    background-color: var(--main-color-inverted);
}

#bookedConsultationSessionType [type="radio"]:disabled + label:after,
#bookedGroupConsultationSessionType [type="radio"]:disabled + label:after {
    border-radius: 50%;
    border: 2px solid var(--text-grey-color);
    background-color: var(--text-grey-color);
    z-index: 9999;
}

.appointmentBeneficiaryContainer .select-wrapper ul li span {
    color: var(--main-hover-color-50);
}

.appointmentBeneficiaryContainer .select-wrapper input {
    color: var(--main-hover-color-50);
    font-weight: bold;
}

.appointmentBeneficiaryContainer .dropdown-content {
    max-height: 200px;
}

.appointmentBeneficiaryContainer .dropdown-content.select-dropdown {
    border: 0.1rem solid var(--text-grey-color);
}

.appointmentBeneficiaryContainer .superviseddatetimepicker {
    clear:both;
}

.appointmentBeneficiaryContainer .superviseddatetimepicker .input-group-addon {
    height: 36px;
    line-height: 36px;
    right: -1px !important;
}

.appointmentBeneficiaryContainer #SupervisedBirthDay:focus {
    border: 1px solid #3e7708;
}

.appointmentBeneficiaryContainer .select-wrapper input.select-dropdown:disabled,
.appointmentBeneficiaryContainer input:disabled {
    cursor: not-allowed !important;
}

.appoitmentBeneficiary-not-allowed-fields {
    cursor: not-allowed !important;
}

.supervised-customer-name {
    color: var(--main-color-50);
}

.appointmentTypeDropdownContainer {
    margin-left: 20px !important;
    margin-top: 15px !important;
}

.forWhomAppointmentContainer {
    display: flex !important;
    align-items: baseline !important;
}

.forWhomAppointmentText {
    color: var(--main-hover-color-dark);
    width: 400px;
    white-space: nowrap;
}

@media screen and (max-width:600px) {
    .forWhomAppointmentContainer {
        display: block !important;
    }

    .forWhomAppointmentText {
        text-align: left;
        width: 100%;
        margin-top: 20px;
    }

    .appointmentTypeDropdownContainer {
        margin-left: 0px !important;
        margin-top: 0px !important;
    }
}

    .appointmentTypeDropdown input,
    .supervisedCountryDropdown input,
    .supervisedRelationshipDropdown input,
    .representedCustomerCountryDropdown input,
    .representedCustomerRelationshipDropdown input {
        margin-bottom: 0px !important;
    }

.consultationTypesLabels {
    font-weight: 900;
    color: var(--main-hover-color-dark);
}

.consultationTypeLabel {
    font-weight: 900;
    color: var(--text-grey-color) !important;
    cursor: not-allowed !important;
}

.consultationTypeText {
    margin-top: 10px; 
    color: var(--main-color-text-dark); 
    font-weight: 900;
}

.consultationNotesContainerFlex,
.fromAndWhenNoteFlex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.consultationNotesParts {
    width: 48%;
    border: 1px solid var(--text-grey-color-95);
    border-radius: 0.5rem;
    padding: 1rem;
}

.consultationNotesNumber {
    margin-bottom: 0.5rem; 
    color: var(--main-hover-color-dark);
    font-weight: bold;
}

.consultationNoteCard {
    border: 1px solid var(--main-color-50); 
    border-radius: 0.5rem; 
    padding: 0.5rem; 
    margin-bottom: 0.5rem;
    cursor: pointer;
}

.noteTitle {
    background-color: var(--text-grey-color-95); 
    border-radius: 0.5rem; 
    padding: 0.5rem; 
    color: var(--main-hover-color-dark);
}

.fromAndWhenNoteText {
    color: var(--main-hover-color-dark); 
    font-weight: bold;
}

.labelNoteColor {
    color: var(--main-hover-color-dark);
    font-weight: bold;
}

.noteTitleInput {
    width: 100% !important; 
    margin-bottom: 0.3rem !important;
}

.consultationNoteButtonsContainer {
    display: flex; 
    flex-direction: row; 
    justify-content: space-around; 
    margin-top: 1rem; 
    margin-bottom: 0.5rem;
}

.consultationNoteDeleteButton {
    padding: 0.5rem; 
    width: 25%; 
    border-radius: 0.5rem; 
    border: none; 
    color: white; 
    background-color: var(--button-red);
}

.consultationNoteSaveButton {
    padding: 0.5rem; 
    width: 25%; 
    border-radius: 0.5rem; 
    border: none; 
    color: white; 
    background-color: var(--main-color-50);
}

.consultationNoteDeleteButton:hover,
.consultationNoteSaveButton:hover,
.resetFieldsNoteButton:hover {
    background-color: var(--main-hover-color-dark);
}

.leftSideNote {
    margin-right: 50px;
}

.rightSideNote {
    margin-left: 50px;
}

.textSpecialistNoteColor {
    color: var(--main-color-50) !important;
}

.disabledElements {
    cursor: not-allowed !important;
}

.resetFieldsNoteButton {
    border-radius: 0.5rem;
    border: none;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    color: #fff;
    background-color: var(--main-color-50);
    cursor: pointer;
}

.resetFieldsNoteButton.disabled,
.consultationNoteSaveButton.disabled,
.consultationNoteDeleteButton.disabled {
    background-color: var(--text-grey-color-90);
    cursor: not-allowed;
}

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

@media (max-width: 1060px) {
    .fromAndWhenNoteFlex {
        flex-direction: column;
    }

    .consultationNotesContainerFlex {
        flex-direction: row;
    }
}

@media (max-width: 800px) {
    .leftSideNote {
        margin-right: 50px;
    }

    .rightSideNote {
        margin-left: 50px;
    }

    .consultationNoteDeleteButton,
    .consultationNoteSaveButton {
        width: 35%;
    }
}

@media (max-width: 700px) {
    .consultationNotesContainerFlex {
        flex-direction: column;
    }

    .consultationNotesParts {
        width: 100%;
    }

    .consultationNotesFirst {
        margin-bottom: 0.5rem;
    }
}

.not-allowed-btn {
    cursor: not-allowed !important;
}

.searchDocuments {
    height: 35px; 
    width: 100%; 
    border-top-right-radius: 0.5rem; 
    border-bottom-right-radius: 0.5rem;
}

#SearchDocumentByKeyword {
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}

@media (max-width: 600px) {
    .searchDocuments {
        border-top-left-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
    }

    #SearchDocumentByKeyword {
        border-top-right-radius: 0.5rem;
        border-bottom-right-radius: 0.5rem;
    }
}

.info-buttons {
    display: flex;
    flex-direction: row-reverse;
}

@media (max-width: 690px) {
    .customer-info-page .button-change-password {
        margin-left: 10px;
    }
}

.specialtiesForShareTitle,
.changeEmailModalTitle {
    font-size: 1.5rem;
    margin-bottom: 1.5rem !important;
    color: var(--main-color-50);
    font-weight: 600;
    line-height: initial;
}

.specialtiesForShareTitleModal {
    font-size: 1.5rem;
    margin-bottom: 1rem !important;
    margin-top: 1.5rem !important;
    color: var(--main-color-50);
    font-weight: 600;
    line-height: initial;
}

.shareToTopicsRadio [type="radio"]:checked + label:after,
.shareToTopicsRadioModal [type="radio"]:checked + label:after {
    border-radius: 50%;
    border: 2px solid var(--main-color-inverted);
    background-color: var(--main-color-inverted);
}

.shareToTopicsRadio,
.shareToTopicsRadioModal {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-evenly !important;
    margin-bottom: 1.5rem !important;
}

.topicLine {
    width: 33%; 
    text-align: start; 
    margin-bottom: 0.2rem !important;
}

.topicLineModal {
    width: 33%;
    text-align: start;
}

.allTopics, 
.allTopicsModal {
    display: flex !important; 
    flex-direction: row !important; 
    flex-wrap: wrap !important; 
    margin-bottom: 1.5rem !important;
}

.shareToTopicsRadio [type="radio"]:not(:checked) + label, [type="radio"]:checked + label,
.shareToTopicsRadioModal [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
    color: var(--main-hover-color-dark);
}

.allTopics [type="checkbox"][disabled] + label,
.allTopicsModal [type="checkbox"][disabled] + label {
    color: #9e9e9e;
    cursor: not-allowed;
}

.custom-modal-container .topicLineModal,
.custom-modal-container #noSelectedTopicError,
.custom-modal-container #noSelectedTopicErrorModal {
    font-size: 1rem;
}

@media screen and (max-width:629px) {
    #topicsForShareDocument .specialtiesForShareTitle,
    #topicsForShareDocument .shareToTopicsRadio,
    #topicsForShareDocument .allTopics,
    #modalUploadMyDocuments .allTopicsModal,
    #modalUploadMyDocuments .shareToTopicsRadioModal,
    #modalUploadMyDocuments .specialtiesForShareTitleModal {
        margin-bottom: 1.5rem !important;
    }

    #topicsForShareDocument .topicLine {
        margin-bottom: 0.2rem !important;
    }
}

@media screen and (min-width: 485px) and (max-width: 992px) {
    .topicLine {
        width: 50%;
    }
}

@media screen and (max-width: 485px) {
    #shareDocOk,
    #changeEmailOk {
        margin-bottom: 0.5rem !important;
    }

    .allTopics,
    .allTopicsModal {
        display: block;
    }

    .topicLine, 
    .topicLineModal {
        width: 100%;
    }
}

@media screen and (min-width: 650px) and (max-width: 992px) {
    .topicLineModal {
        width: 50%;
    }
}

@media screen and (max-width: 650px) {
    .topicLineModal {
        width: 100%;
    }
}

/*change default uppercase style for buttons with class btn*/
.btn {
    text-transform: none !important;
}

/*---------------------------------------------*/
/*Last style - is mandatory to be last this style*/
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none;
}

.theme-text-color {
    color: var(--main-color-50) !important;
}

.ellipsis {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.overflow-hide {
    overflow: hidden !important;
}

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

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

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

.cursor-default {
    cursor: default !important;
}

.opacity-0 {
    opacity: 0 !important;
}

.opacity-100 {
    opacity: 100% !important;
}

.top-20 {
    top: 20% !important;
}
/* Margins:
   Around */
.m-0 {
    margin: 0 !important;
}

.m-5 {
    margin: 5px !important;
}
/* Top*/
.mt-auto {
    margin-top: auto;
}

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

.mt-0 {
    margin-top: 0 !important;
}

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

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

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

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

.mt-30 {
    margin-top: 30px !important;
}
/* Right*/
.mr-auto {
    margin-right: auto !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}
/* Bottom*/
.mb-auto {
    margin-bottom: auto !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

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

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

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

.mb-50 {
    margin-bottom: 50px !important;
}
/* Left */
.ml-auto {
    margin-left: auto !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-45 {
    margin-left: 45px !important;
}
/* Multi-sided*/
.mtb-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
/* END Margins 
-----------------
   Paddings:
   Around */
.p-0 {
    padding: 0 !important;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-20 {
    padding: 20px !important;
}
/* Top*/
.pt-5 {
    padding-top: 5px !important;
}

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

/* Right*/
.pr-0 {
    padding-right: 0 !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-30 {
    padding-right: 30px !important;
}
/* Bottom*/
.pb-20 {
    padding-bottom: 20px !important;
}
/* Left */
.pl-0 {
    padding-left: 0 !important;
}

.pl-5 {
    padding-left: 5px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

/* Multi-sided*/
.plr-1rem {
    padding: 0 1rem;
}

.plr-2rem {
    padding: 0 2rem;
}

.ptb-05rem {
    padding: .5rem 0;
}

.p-10000 {
    padding: 10px 0 0 0 !important;
}

.p-0500 {
    padding: 0 5px 0 0 !important;
}
/* END Paddings */
.w-1 {
    width: 1% !important;
}

.w-20 {
    width: 20% !important;
}

.w-25 {
    width: 25% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.mw-400 {
    max-width: 400px;
}

.mw-15vw {
    max-width: 15vw;
}

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

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

.flex-wrap {
    flex-wrap: wrap;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: end !important;
}

.justify-content-center {
    justify-content: center !important;
    -webkit-justify-content: center !important;
}

.justify-content-end {
    justify-content: end !important;
    -webkit-justify-content: end !important;
}

.justify-content-sb {
    justify-content: space-between !important;
    -webkit-justify-content: space-between !important;
}

.flex-d-c {
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
}

.flex-d-c > [class*="Tab"] {
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.brad-r-0 {
    border-top-right-radius: 0 !important;
    -moz-border-top-right-radius: 0 !important;
    -webkit-border-top-right-radius: 0 !important;
    -ms-border-top-right-radius: 0 !important;
    -o-border-top-right-radius: 0 !important;
}

.m-auto,
.ml-auto.mr-auto {
    float: none !important;
}

.float-none {
    float: none !important;
}

.lp-layout #uploadFileZoneMed {
    display: block;
    margin-bottom: 10px;
}

.d-block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.d-none {
    display: none !important;
}

.hidden {
    display: none;
}

.text-danger {
    color: #F44336;
}

.border-box {
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
}

.rotate-0 {
    transform: rotate(0deg);
}

.rotate-180 {
    transform: rotate(180deg);
}

.color-116 {
    color: rgb(116, 116, 116) !important;
}

.overflow-hidden {
    overflow: hidden !important;
}

@media (max-width: 400px) {
    .flex-wrap-400px {
        flex-wrap: wrap;
    }
}

@media (min-width: 601px) {
    .text-right-600 {
        text-align: right;
    }

    .bl-600 {
        border-left: 1px solid var(--text-grey-color);
    }
}

@media (min-width: 994px) {
    .bl-994 {
        border-left: 1px solid var(--text-grey-color);
    }
}

@media (max-width: 480px) {
    .block-480 {
        display: block;
    }
}

@media (max-width: 600px) {
    .mt-10-600px {
        margin-top: 10px !important;
    }

    .p-0-600px {
        padding: 0 !important;
    }

    .bt-600 {
        border-top: 1px solid var(--text-grey-color);
    }

    .p-10000-600 {
        padding: 10px 0 0 0 !important;
    }
}

@media (max-width: 860px) {
    .d-show-860px {
        display: none !important;
    }
}

@media (max-width: 992px) {
    .p-0-992px {
        padding: 0 !important;
    }

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

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

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

@media (max-width: 993px) {
    .bt-993 {
        border-top: 1px solid var(--text-grey-color);
    }
}

@media (max-width: 1100px) {
    .header-logo {
        margin-top: 30px !important;
    }
}

.confirmation-message {
    color: var(--important-green-color-50);
    text-align: left;
    display: block;
}
/* END Last style */


/*
    In tabela LocaleStringResource:

emedical-phone
emedical-mail
csm-btn-oblique
fa fa-exclamation red-icon
fa fa-times red-icon
fa fa-angle-double-left
fa fa-angle-double-right

In tabela LocalizedProperty:

container infoHomeSection
center
heading
tm-heading center tm-animation move-up animate
heading secondaryHomeTitle
tm-spacer
row
grid-item-home col s12 m6 l4
tm-box-icon style-09 tm-animation move-up animate
content
text
content-wrap
content-header
western
hp-faq-ul


In tabela Topic:

container
master-column-wrapper
center-1
page topic-page
page-body
page-footercus
row
col 14 offset-12 l2 m2footer s12 footer-block
title waves-effect




*/