/* Paste this css to your style sheet file or under head tag */


/* Prevent copy/paste options except input controls */

* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

[contenteditable="true"],
input,
textarea {
    -webkit-user-select: auto !important;
    -khtml-user-select: auto !important;
    -moz-user-select: auto !important;
    -ms-user-select: auto !important;
    -o-user-select: auto !important;
    user-select: auto !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* End Prevent copy/paste options except input controls */


/* prevent high-light on tap */

ul:not(.browser-default)>li {
    -webkit-tap-highlight-color: transparent;
}
/* End prevent high-light */

#toast-container .toast {
    cursor: pointer;
}

.grid {
    display: grid;
}


/* .toast {
    word-break: unset;
    background-color: #14AFBE !important;
    color: #fff !important;
    bottom: 0px;
    top: 0px !important;
} */


/*--------Time popup change --------*/

.picker__date-display {
    background-color: #039be5 !important;
}

.picker .btn-floating {
    color: #fff !important;
    background-color: #039be5 !important;
}

.picker--opened .picker__frame {
    top: 60px !important;
}


/* This only works with JavaScript, 
if it's not present, don't show loader */

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    opacity: 0.7;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/loading.gif) center no-repeat #fff;
}

.se-pre-con p {
    margin: unset !important;
}


/*--------Book Appointment--------*/

#book_appointment .schedule-time {
    display: block;
    height: 100px;
    margin: 0 auto;
    width: 200px;
    padding: 10px;
}

#book_appointment .schedule-time span {
    font-size: 18px;
    color: #2D384A;
}

#book_appointment .schedule-time i {
    font-size: 15px;
    color: #2D384A;
}

#book_appointment .schedule-time span#time {
    font-size: 34px;
    color: #2D384A;
}

#book_appointment .book-app-btn {
    border: 1px solid #528fa2;
    border-radius: 5px;
    line-height: 0;
    padding: 5px 10px;
    width: 70px;
}

#book_appointment .book-app-btn:focus {
    background: none;
}

#book_appointment .book-app-circle {
    border-radius: 35px;
    font-size: 24px;
    height: 70px;
    padding: 10px 16px;
    width: 70px;
    border: none;
    background-color: #028ed2;
    color: #fff;
    font-weight: 700;
}


/*-------- End Book Appointment --------*/


/*--------Orage Bar BG--------*/

.bg-orange-bar-for {
    background: url(../images/orange-bar.png) no-repeat;
    background-size: 70px;
    height: 40px;
    background-position: 50% 50%;
    color: #fff;
    padding: 8px 0px;
    font-family: 'open-sans-regular';
}

@media (max-width: 480px) {
    .bg-orange-bar {
        font-size: 12px;
        background-size: 50px;
    }
}


/*Patient Appointment History*/

.patient_appt_history_list .tabs .tab a:hover {
    color: white !important;
    font-size: 12px;
}

.patient_appt_history_list .tabs .tab a {
    font-size: 12px;
}

.tabs .tab a,
.pointer {
    cursor: pointer;
}


/*modal*/

.show-modal {
    border-radius: 15px;
    z-index: -9999;
}

.show-modal p {
    color: #000;
    font-size: 16px;
}

.show-modal .modal-footer {
    border-top: 1px solid #e0e0e0;
    padding: 0px;
    display: block;
    height: 100%;
}

.show-modal .buttons a {
    color: #1777e7;
    font-weight: bold;
}

.show-modal .buttons .left {
    border-right: 1px solid #e0e0e0;
}

.show-modal .buttons .left-btn {
    border-right: 1px solid #e0e0e0;
    text-align: center !important;
}

.show-modal .buttons .left-btn a,
.right-btn a {
    float: unset !important;
}

.show-modal .buttons .right-btn {
    text-align: center !important;
}

.show-modal .modal-footer .row {
    margin: 0px;
}

.hc-modal {
    background-image: -webkit-linear-gradient(top, #028ed2, #028ed2 40px, transparent 40px, transparent 40px) !important;
}

.modal-controls div {
    border-bottom: 1px solid lightgrey;
}

.modal-controls div:last-child {
    border-bottom: unset;
}


/*---------------Close Button When Typing Start into Text Box------------*/

.clearable {
    background: #fff url('../images/close-icon.png') no-repeat right -20px center;
    background-size: 12px;
    border: 1px solid #999;
    padding: 3px 18px 3px 4px;
    /* Use the same right padding (18) in jQ! */
    border-radius: 3px;
    transition: background 0.4s;
}

.clearable.x {
    background-position: right 10px center;
}


/* (jQ) Show icon */

.clearable.onX {
    cursor: pointer;
}


/* (jQ) hover cursor style */

.clearable::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}


/* Remove IE default X */

.pr-docfrm-hide {
    background-image: url(../images/arrow-btm3.png);
}

.pr-docfrm-show {
    background-image: url(../images/arrow-up.png);
}


/*========= back Arrow ========*/

.hc-back-arrow {
    padding: 8px !important;
    color: white !important;
    transform: scale(1.2, 1.1) !important;
    cursor: pointer;
}


/*========= Cursor Pointer ========*/

@media (min-width:1000px) {
    footer div,
    /*.left-header,*/
    /*.right-header,*/
    .find-dr-spec-cursor,
    .cursor,
    .cursor-div div,
    .cursor-li img,
    .cursor-li a,
    .cursor-img img {
        cursor: pointer;
    }
}


/*======== Scroll Css ========*/


/*@media (min-width:1000px) {*/


/*html {
overflow: auto;
}
body {    
overflow-y: scroll;
overflow-x: scroll;
}*/


/* Let's get this party started */


/*::-webkit-scrollbar {
        width: 15px;
    }*/


/* Track */


/*::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background: #d3d3d3;
    }*/


/* Handle */


/*::-webkit-scrollbar-thumb {
        -webkit-border-radius: 0px;
        border-radius: 0px;
        background: #333;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    }
    ::-webkit-scrollbar-thumb:window-inactive {
        background: #d3d3d3;
    }*/


/*}*/


/*======= Web Service Popup Css ========*/

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 10px !important;
    z-index: 900;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 8px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333;
    outline: 0;
}

.dp-list a {
    color: #428bca;
    text-decoration: none;
    background: transparent;
}

.dp-list ul {
    border: 1px solid #9e9e9e;
    width: 95% !important;
    overflow-y: auto;
    max-height: 150px;
}

.dp-list li {
    border-bottom: 1px solid #9e9e9e;
}

.dp-list li:last-child {
    border: none;
}


/*========================================================= Swipe =======================================================*/

.hc-swipe-list {
    width: 100%;
    overflow: hidden;
}

.hc-swipe-list .hc-swipe-item {
    border-bottom: 1px solid #E1E1E1;
    position: relative;
    height: auto;
}

.hc-swipe-list .hc-swipe-item .item-swipe {
    background: #ffffff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    z-index: 1;
}

.hc-swipe-list .hc-swipe-item a.item-swipe {
    display: block;
    height: 100%;
    position: relative;
    text-decoration: inherit;
    color: #333;
}

.hc-swipe-list .hc-swipe-item a.item-swipe:active {
    color: inherit;
}


/*.hc-swipe-list .hc-swipe-item.item-swipe.open { background: #333; }*/

.hc-swipe-list .hc-swipe-item .item-swipe.open:before {
    /*content: "\f00d";*/
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    position: absolute;
    right: 10px;
}

.hc-swipe-list .hc-swipe-item .hc-swipe-item-back {
    background: #E1E1E1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    text-align: right;
}

.hc-swipe-list .hc-swipe-item .hc-swipe-item-back .action {
    position: absolute;
    top: 1px;
    bottom: 1px;
    right: 0;
    width: 100px;
    border: inherit;
    outline: inherit;
    color: #fff;
    padding: 0;
    font-size: 22px;
}

.hc-swipe-list .hc-swipe-item .hc-swipe-item-back .action.first {
    right: 0;
}

.hc-swipe-list .hc-swipe-item .hc-swipe-item-back .action.second {
    right: 100px;
}

.hc-swipe-list .hc-swipe-item .item-swipe.swiped {
    -webkit-transition: all .1s linear;
    -ms-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear;
    transition: all .1s linear;
}

.hc-swipe-btn-delete {
    background: firebrick;
}

.second.btn-check {
    background: #26a69a !important;
}

.hc-table-third-div {
    display: none;
}

@media (min-width:1000px) {
    .hc-table-secound-div {
        width: 60% !important;
    }
    .hc-table-third-div {
        display: unset;
    }
}

.border-before::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: rgba(0, 0, 0, .12);
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
}

.border-after:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: rgba(0, 0, 0, .12);
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}


/*========================================================= End Swipe =======================================================*/

.with-footer {
    margin-bottom: 40px;
}


/*---------Profile Image Size of List--------*/

.hc-img {
    width: 80px !important;
    height: 80px !important;
}

.hc-family-img {
    width: 70px !important;
    height: 70px !important;
    margin-right: 15px;
}

.hc-img-patient-home-doc {
    width: 50px !important;
    height: 50px !important;
}

@media (min-width:1000px) {
    .hc-img-patient-home-doc {
        width: 80px !important;
        height: 80px !important;
    }
}


/*---------Css for browser--------*/


/*------- Header search left fixed labble(placeholder) -------*/

.hc-hdr-search-lbl {
    top: 12px !important;
}

.header-bottom {
    /*position: fixed;
background-color: white !important;
z-index: 998 !important;*/
}

.header-third {
    /*background-color: white;
position: fixed;
margin-top: 200px !important;
width: 100%;
z-index: 998;*/
}

@media (min-width:20000px) {
    body {
        margin-left: 180px;
        margin-right: 180px;
    }
    .header-top {
        left: 180px !important;
        right: 180px !important;
        width: unset;
    }
    .header-bottom {
        /*left: 180px !important;
    right: 180px !important;
    width: unset;*/
    }
    .header-third {
        /*left: 180px !important;
    right: 180px !important;
    width: unset;*/
    }
    .header-second {
        left: 180px !important;
        right: 180px !important;
        width: unset;
    }
    .footer-bar-icons {
        left: 180px !important;
        right: 180px !important;
        width: unset;
    }
    .hc-browser-container {
        left: 180px !important;
        right: 180px !important;
        width: unset !important;
    }
    .hc-c-code-plus {
        margin-top: 34px !important;
        padding-left: 10px !important;
    }
    .hc-c-code-div {
        /*padding-left: unset !important;*/
        right: 20px;
    }
    .hc-c-code-div input {
        /*padding: unset !important;*/
    }
    .hc-c-code-div input+label {
        padding: unset !important;
    }
    /*------- Header search left fixed labble(placeholder) -------*/
    .hc-hdr-search-lbl {
        top: 11px !important;
    }
    .patient-profile-body {
        /*margin-top: 320px !important;*/
    }
    #sidenav-overlay {
        left: 180px !important;
        right: 180px !important;
    }
    .popover-addmenu {
        left: 680px !important;
    }
    .modal-overlay {
        left: 180px !important;
        right: 180px !important;
        width: unset;
    }
    .lean-overlay {
        left: 180px !important;
        right: 180px !important;
        width: unset !important;
    }
    .modal.bottom-sheet {
        left: 180px !important;
        right: 180px !important;
        width: unset !important;
    }
}

header input {
    margin: unset !important;
    border: unset !important;
}

header .search-apt2 input {
    width: 40% !important;
}

@media (min-width: 480px) {
    header .search-apt2 input {
        width: 42% !important;
    }
}

@media (min-width: 720px) {
    header .search-apt2 input {
        width: 47% !important;
    }
}

.search-bar {
    position: fixed;
    z-index: 99;
    background-color: #fff !important;
    width: 100%;
    box-shadow: 0px 1px 1px 0 grey;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

.salt-name {
    position: fixed;
    background-color: #fff;
    z-index: 98;
    margin-top: 35px !important;
}

.patient-profile-body {
    /*margin-top: 300px;*/
}

.hc-c-code-text {
    padding-left: 10px !important;
}

.hc-c-code-text+label {
    /*padding-left: 10px !important;*/
}


/*---------Time Picker--------*/

.hc-time-picker span {
    font-size: unset !important;
    display: unset !important;
}

.hc-time-picker svg line {
    display: none !important;
}


/*.clockpicker-canvas-bearing{
      
    //  display :none !important;    
   }*/


/*---------Footer Z index --------*/

footer {
    z-index: 996 !important;
}


/*======== Body Padding For All =========*/

.body {
    padding-bottom: 50px;
}


/*======== display table cell(wave effect in list) ========*/

.display-table-cell {
    display: table-cell !important;
}


/*======== Multiple Prescription upload ========*/

.image-wrapper {
    position: relative;
    width: 100px;
    border-radius: 50px;
    margin-left: 2px;
}

@media (min-width:400px) {
    .image-wrapper {
        margin-left: 30px;
    }
}

@media (min-width:1000px) {
    .image-wrapper {
        margin-left: 150px;
    }
}

.image-wrapper p {
    position: absolute;
    right: 0;
    bottom: 5px;
    padding: 5px;
    border: 1px solid white;
    color: white;
    width: 32px;
    background-color: #f98315;
}

.patient-home-family-icon {
    max-width: 60px !important;
    border-radius: 50%;
    height: 60px !important;
    width: 60px !important;
}

.hc-blue {
    color: #039be5 !important
}


/* ==== Customize TextArea style ======*/

.textarea-re {
    resize: none;
    height: 60px;
    padding-top: unset;
    padding: 5px 10px;
    text-align: left;
}

.note {
    height: 70px;
}

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

.empty-message-search {
    margin-top: 20px;
    display: none;
}

.empty-message p,
.empty-message-search p {
    background-color: whitesmoke;
    padding: 5px;
    border-radius: 5px;
}


/*======== Text over flow ========*/

.hc-text-overflow {
    width: 14em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media (min-width: 320px) {
    .hc-text-overflow {
        width: 15em;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

@media (min-width: 480px) {
    .hc-text-overflow {
        width: 20em;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

@media (min-width: 720px) {
    .hc-text-overflow {
        width: 30em;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
}

.contactPicker-div {
    height: 40px;
}

.contactIcon-btn {
    height: 100%;
    width: 40px;
    background: url(../images/contact-icon-grey.png) no-repeat center;
    background-size: 20px;
    border: none;
    background-color: transparent;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.contactIcon-btn:focus {
    background-color: transparent;
}

.footer-bg-blue {
    background-color: #028ed2;
    color: #fff;
}

.footer-bg-blue h6 {
    color: #fff;
}

.hyper-link {
    color: #039be5 !important;
    cursor: pointer;
}

.under-line {
    text-decoration: underline;
}

.padding10 {
    padding: 10px !important;
}

.padding8 {
    padding: 8px !important;
}

.padding5 {
    padding: 5px !important;
}


/*===================== Side Nav Bar Style =====================*/

@media only screen and (max-width: 1025px) {
    .side-nav .user-view {
        padding: 5px 16px 0;
    }
}

.side-nav .user-view {
    position: relative;
    padding: 5px 16px 0;
    margin-bottom: unset !important;
}


/*.user-view a {
    padding-left: 10px !important;
    height: 45px;
    font-size: 16px;
}

.user-view a:hover {
    background-color: unset !important;
}*/

.user-view p {
    margin: unset;
}

.side-nav .user-view .background {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.side-nav .user-view .user-img {
    padding-left: 77px;
}

.side-nav .user-view .circle {
    height: 64px;
    width: 64px;
}

.side-nav .user-view .circle,
.side-nav .user-view .name,
.side-nav .user-view .email {
    display: block;
    text-align: center;
}

.circle {
    border-radius: 50%;
}

.side-nav img {
    border: 0;
}

.slide-header {
    height: 50px;
    border-bottom: 1px solid #baeeff;
    background-color: #028ed2;
    color: #fff !important;
}

.side-nav .link a {
    height: 45px;
    font-size: 16px;
    font-weight: 400;
    line-height: 45px;
    top: 10px;
}

.side-nav a {
    padding: 0 20px !important;
}

.side-nav li>a>i.material-icons {
    float: left;
    height: 45px;
    line-height: 45px;
    margin: 0 15px 0 0;
    width: 24px;
    color: #028ed2;
    /* rgba(0, 0, 0, 0.54); */
}

.side-nav .user-view .name {
    margin-top: 8px !important;
    /*padding-top: 22px;*/
    font-weight: 400;
}

.side-nav .user-view .name {
    font-size: 16px;
    line-height: 24px;
}

.side-nav .user-view .email {
    font-size: 14px;
    line-height: 24px;
}

.side-nav .user-view .circle,
.side-nav .user-view .name,
.side-nav .user-view .email {
    display: block;
    padding: 0 !important;
}

.white-text {
    color: #fff !important;
}


/*================== End Side Nav Bar Style ========================*/

.str-overflow {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

@media(min-width: 320px) {
    .str-overflow .right-2 {
        width: 150px !important;
    }
    .str-overflow .right-3 {
        width: 120px !important;
    }
}

@media screen and (min-width: 321px) and (max-width: 375px) {
    .str-overflow .right-2 {
        width: 180px !important;
    }
    .str-overflow .right-3 {
        width: 170px !important;
    }
}

.fc-day-grid-container {
    overflow-x: unset !important;
    overflow-y: unset !important;
    height: 100% !important;
}

.fc-widget-header {
    margin-right: unset !important;
}

.calendar-icon-div1 h2 {
    display: inline;
    font-size: 1rem;
}

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

.calendar-icon-div {
    background-color: #3daf2c !important;
    background-position: 96% 50% !important;
    background-position: no-repeat !important;
}

.calendar-icon-div.down {
    background-image: url(../images/arrow-btm.png) !important;
}

.calendar-icon-div.up {
    background-image: url(../images/arrow-top.png) !important;
}

.image-btn {
    padding: unset !important;
}

.image-btn .link {
    padding: 5px !important;
}


/*============== New Header/Footer Styling ==============*/

.header-top {
    padding: unset !important;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

.header-top .link,
.footer-bar-icons .link {
    cursor: pointer;
    position: relative;
    display: inline-block;
    color: #fff !important;
}

.footer-bar-icons i,
.link-icon-text i {
    position: relative;
    padding: 0 5px 3px 0;
    vertical-align: middle;
}

.footer-bar-icons i {
    font-size: 20px;
}

.footer-bar-icons .footer-links {
    height: 45px !important;
    padding-top: 5px !important;
}

.header-top .link-text {
    padding: 13px !important;
    font-size: 16px;
}

.footer-bar-icons .link-text,
.link-icon-text {
    display: table-cell;
    vertical-align: middle;
    /* font-size: 14px; */
    cursor: pointer;
}

.link-icon-text {
    color: #00bdfd !important;
    display: inline-block !important;
    cursor: pointer;
}

.header-top .link-icon i {
    padding: 13px !important;
}

.header-top .link-icon-small i {
    padding: 13px 8px !important;
}

.header-top .link-icon-slim i {
    padding: 13px 4px !important;
}

.header-top .center-header.left.no-icon {
    width: 80% !important;
    min-width: 10%;
}

.center-header .text {
    padding: 12px 0;
    font-size: 18px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    color: #fff !important;
}

.header-top .fixed-lbl {
    width: 120px;
}

.header-top .left {
    float: left !important;
    text-align: left !important;
}

.no-badge {
    padding-right: 0;
}

.no-badge h7 {
    display: none;
}

.with-badge {
    padding-right: 13px !important;
}

.with-badge h7 {
    display: block !important;
}

.link-icon-small.with-badge {
    padding-right: 4px !important;
}

.link-icon-small .badge-green {
    right: 3px !important;
}

.badge-green {
    position: absolute;
    top: 2px;
    width: 20px;
    height: 20px;
    background-color: #3daf2c;
    border-radius: 50%;
    font-size: 12px;
    right: 13px;
    text-align: center;
    color: #fff;
    padding-top: 1px;
}

.header-no-width {
    width: unset !important;
}

.header-text-width {
    width: 60% !important;
}

.left-user-header div {
    display: inline;
    float: left;
    cursor: pointer;
    color: #fff !important;
}

.with-img-icon-1 .header-img img,
.with-img-icon-2 .header-img img,
.with-img-icon-3 .header-img img {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    vertical-align: middle !important;
}

.with-img-icon-1 .header-img,
.with-img-icon-2 .header-img,
.with-img-icon-3 .header-img {
    line-height: 40px !important;
}

.with-img-icon-1 .main-text,
.with-img-icon-2 .main-text,
.with-img-icon-3 .main-text {
    font-size: 14px !important;
}

.with-img-icon-1 .header-user-text {
    width: 80px !important;
}

.with-img-icon-2 .header-user-text {
    width: 50px !important;
}

.with-img-icon-3 .header-user-text {
    width: 20px !important;
}

@media (min-width: 320px) {
    .with-img-icon-1 .header-img img,
    .with-img-icon-2 .header-img img,
    .with-img-icon-3 .header-img img {
        width: 30px !important;
        height: 30px !important;
        border-radius: 50% !important;
        vertical-align: middle !important;
    }
    .with-img-icon-1 .header-img,
    .with-img-icon-2 .header-img,
    .with-img-icon-3 .header-img {
        line-height: 40px !important;
    }
    .with-img-icon-1 .main-text,
    .with-img-icon-2 .main-text,
    .with-img-icon-3 .main-text {
        font-size: 14px !important;
    }
    .with-img-icon-1 .header-user-text {
        width: 240px !important;
    }
    .with-img-icon-2 .header-user-text {
        width: 200px !important;
    }
    .with-img-icon-3 .header-user-text {
        width: 145px !important;
    }
    .with-save-print .header-user-text {
        width: 110px !important;
    }
}

@media (min-width: 375px) {
    .with-img-icon-1 .header-user-text {
        width: 250px !important;
    }
    .with-img-icon-2 .header-user-text {
        width: 210px !important;
    }
    .with-img-icon-3 .header-user-text {
        width: 160px !important;
    }
}

@media (min-width: 425px) {
    .with-img-icon-1 .header-user-text {
        width: 250px !important;
    }
    .with-img-icon-2 .header-user-text {
        width: 220px !important;
    }
    .with-img-icon-3 .header-user-text {
        width: 190px !important;
    }
}

@media (min-width: 530px) {
    .with-img-icon-1 .header-img img,
    .with-img-icon-2 .header-img img,
    .with-img-icon-3 .header-img img {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        vertical-align: middle !important;
    }
    .with-img-icon-1 .header-img,
    .with-img-icon-2 .header-img,
    .with-img-icon-3 .header-img {
        line-height: unset !important;
    }
    .with-img-icon-1 .main-text,
    .with-img-icon-2 .main-text,
    .with-img-icon-3 .main-text {
        font-size: 16px !important;
    }
    .with-img-icon-1 .header-user-text {
        width: 350px !important;
    }
    .with-img-icon-2 .header-user-text {
        width: 320px !important;
    }
    .with-img-icon-3 .header-user-text {
        width: 290px !important;
    }
}

@media (min-width: 700px) {
    .with-img-icon-1 .header-img img,
    .with-img-icon-2 .header-img img,
    .with-img-icon-3 .header-img img {
        width: 40px !important;
        height: 40px !important;
        border-radius: 50% !important;
        vertical-align: middle !important;
    }
    .with-img-icon-1 .header-img,
    .with-img-icon-2 .header-img,
    .with-img-icon-3 .header-img {
        line-height: unset !important;
    }
    .with-img-icon-1 .main-text,
    .with-img-icon-2 .main-text,
    .with-img-icon-3 .main-text {
        font-size: 16px !important;
    }
    .with-img-icon-1 .header-user-text {
        width: unset !important;
    }
    .with-img-icon-2 .header-user-text {
        width: unset !important;
    }
    .with-img-icon-3 .header-user-text {
        width: unset !important;
    }
}

.left-user-header .header-img {
    padding: 5px 0;
}

.left-user-header .header-img img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.header-user-text {
    padding: 5px 10px;
}

.only-text {
    padding: 13px 10px !important;
}

.header-user-text a.main-text {
    font-weight: 400;
    font-size: 16px;
}

.header-user-text a.sub-text {
    font-weight: 300;
    font-size: 12px;
    display: block;
}

.header-blood-group {
    background-color: red;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: block;
    line-height: 30px;
    text-align: center;
}

.header-search-1 .left-header,
.header-search-1 .right-header {
    width: 15% !important;
}

.header-search-1 .center-header {
    width: 70% !important;
}

.header-search-2 .left-header {
    width: 15% !important;
}

.header-search-2 .right-header {
    width: 28% !important;
}

.header-search-2 .center-header {
    width: 55% !important;
}

.header-search-1 .center-header .search-box-1,
.header-search-2 .center-header .search-box-1,
.header-search-2 .center-header .search-box-2 {
    width: 100%;
    padding: 3px 0;
}

.header-search-1 .center-header .search-box-1 input,
.header-search-2 .center-header .search-box-1 input {
    /*padding: 0 25px 0 15px;*/
    background-color: #fff;
    /*new added*/
    padding: 0 5px;
    margin-top: -1px;
}

.header-search-2 .center-header .search-box-2 input {
    padding: 0 5px 0 8px;
    background: unset;
    background-color: #fff;
}

.header-top .text-left-width {
    width: 180px !important;
}

@media (min-width: 320px) {
    .header-top .text-left-width {
        width: 120px !important;
    }
}

@media (min-width: 375px) {
    .header-top .text-left-width {
        width: 170px !important;
    }
}

@media (min-width: 425px) {
    .header-top .text-left-width {
        width: 200px !important;
    }
}

@media (min-width: 750px) {
    .header-top .text-left-width {
        width: 500px !important;
    }
}

@media (min-width: 1000px) {
    .header-top .text-left-width {
        width: 700px !important;
    }
}

@media (min-width:1000px) {
    .header-top .fixed-lbl {
        width: 220px;
    }
    .header-search-1 .left-header,
    .header-search-1 .right-header {
        width: 8% !important;
    }
    .header-search-1 .center-header {
        width: 84% !important;
    }
    .header-search-2 .left-header {
        width: 8% !important;
    }
    .header-search-2 .right-header {
        width: 16% !important;
    }
    .header-search-2 .center-header {
        width: 76% !important;
    }
    .header-top .text-left-width {
        width: 350px !important;
    }
}

@media (min-width:375px) {
    .header-search-2 .left-header {
        width: 15% !important;
    }
    .header-search-2 .right-header {
        width: 25% !important;
    }
    .header-search-2 .center-header {
        width: 60% !important;
    }
}

@media (min-width:425px) {
    .header-search-2 .left-header {
        width: 12% !important;
    }
    .header-search-2 .right-header {
        width: 22% !important;
    }
    .header-search-2 .center-header {
        width: 66% !important;
    }
}

@media (min-width:768px) {
    .header-search-2 .left-header {
        width: 8% !important;
    }
    .header-search-2 .right-header {
        width: 15% !important;
    }
    .header-search-2 .center-header {
        width: 77% !important;
    }
}


/*Check box in header*/

.header-top [type="checkbox"]+label {
    height: 15px !important;
    min-height: 15px !important;
    padding-left: 25px !important;
}

.header-top [type="checkbox"].filled-in:checked+label:after {
    border-color: #fff !important;
    background-color: #fff !important;
}

.header-top [type="checkbox"].filled-in:not(:checked)+label:after {
    border-color: #fff !important;
}

.header-top [type="checkbox"].filled-in:checked+label:before {
    border-right-color: #028ed2 !important;
    border-bottom-color: #028ed2 !important;
}


/*===== Profile cover pic block ======*/

.cover-bg-image {
    width: 100%;
    height: 115px;
    background-image: url(../images/clinic-img.jpg);
    background-size: cover;
    background-position: center;
}


/*========= Header/Footer Block Ends ===========*/


/*======== Patient find doctor grid style ========*/

.bordered-hc div {
    padding: 2px !important;
}

.bordered-hc img {
    width: 70px !important;
    height: 90px !important;
}

@media (max-width: 360px) {
    .bordered-hc a {
        font-size: 12px !important;
    }
}

@media (max-width: 320px) {
    .bordered-hc a {
        font-size: 11px !important;
    }
}

.bordered-hc .spec-lbl {
    margin-top: -25px;
}

.bordered-hc {
    border-left: 1px solid #3daf2c;
    border-top: 1px solid #3daf2c;
    text-align: center;
    font-family: 'open-sans-regular';
    /*position:relative;*/
}

.bordered-hc .m3 {
    border-bottom: 1px solid #3daf2c;
    border-right: 1px solid #3daf2c;
    text-align: center;
    font-family: 'open-sans-regular';
    position: relative;
}


/*========= End patient find doctor Grid block ========*/


/*======== Patient Record Style =======*/

.consult-badge {
    position: absolute;
    color: #fff;
    background-color: #f98315;
    height: 17px;
    width: 17px;
    margin-top: -17px;
    font-size: 12px;
    right: 2px;
    text-align: center;
    border-radius: 50%
}


/*======= Preset Chart Style =======*/

.preset-chart .heading p {
    font-weight: bold;
    color: gray;
    font-size: 16px;
}


/* .preset-chart .elements .blocks div {
    border-radius: 8px;
    border: 1px solid gray;
    padding: 5px !important;
    margin: 2px;
    cursor: pointer;
} */

.preset-chart .elements .blocks .block {
    border-radius: 8px;
    border: 1px solid gray;
    padding: 5px !important;
    margin: 2px;
    cursor: pointer;
    font-size: 14px !important;
}

.preset-chart .elements .blocks .block.block-list {
    border: unset !important;
    width: 100% !important;
}

.preset-chart .elements .blocks .block.block-list .block-item {
    float: left;
    text-align: left;
}

.preset-chart .elements .blocks .block.block-list .block-item.item-1 {
    width: 20% !important;
}

.preset-chart .elements .blocks .block.block-list .block-item.item-2 {
    width: 80% !important;
}

.preset-chart .elements .blocks .block.block-list .block-item.item-3 {
    width: 0% !important;
}

.preset-chart .elements .blocks .block.block-list.complete .block-item.item-1 {
    width: 20% !important;
}

.preset-chart .elements .blocks .block.block-list.complete .block-item.item-2 {
    width: 30% !important;
}

.preset-chart .elements .blocks .block.block-list.complete .block-item.item-3 {
    width: 50% !important;
}

.preset-chart .elements p {
    margin: 2px !important;
}

.preset-chart .elements .blocks .col.s4 {
    width: 31.755555555% !important;
}

.preset-chart .elements .completed {
    background-color: #00c853;
    color: #fff;
    border: unset !important;
}

.preset-chart .elements .late-completed {
    background-color: #ffab00;
    color: #fff;
    border: unset !important;
}

.preset-chart .elements .pending {
    background-color: #e0e0e0;
    color: #000;
    border: unset !important;
}

.preset-chart .elements .missed {
    background-color: #ff1744;
    color: #fff;
    border: unset !important;
}

.preset-chart .status label {
    color: #757575;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.preset-chart .status .pending {
    color: #757575 !important;
}

.preset-chart .status .missed {
    color: #ff1744 !important;
}

.preset-chart .status .late {
    color: #ffab00 !important;
}

.preset-chart .status .complete {
    color: #00c853 !important;
}

.preset-chart .set-btn {
    margin-top: 20px;
    margin-left: 25%;
    width: 50%;
    border-radius: 8px;
    border: 1px solid gray;
    padding: 8px 20px !important;
    cursor: pointer;
    font-weight: bold;
}

.preset-chart .mark-btn {
    border-radius: 8px;
    border: 1px solid gray;
    padding: 8px 10px !important;
    cursor: pointer;
    font-weight: bold;
}

.preset-chart .mark-btn-mini {
    border-radius: 8px;
    border: 1px solid gray;
    padding: 5px 5px !important;
    margin: 2px !important;
    cursor: pointer;
}

.preset-chart .change-active {
    background-color: #4CC552;
    color: #fff;
    border-color: unset !important;
}

.preset-chart .remove-bottom input {
    margin-bottom: 0px;
}

.preset-chart .create-prescription-div4 {
    margin-bottom: unset;
}

.preset-chart .chart-head {
    margin-top: 10px;
    margin-bottom: unset;
    color: #fff !important;
    background-color: grey;
    /*#263238;*/
    padding: 3px;
    border-radius: 5px;
}

.preset-chart .btn,
.preset-chart .btn-large {
    text-decoration: none;
    color: #fff !important;
    background-color: #26a69a;
}

.preset-chart .heading p {
    margin: 5px 0 5px 0;
    font-weight: bold;
}

.preset-chart .rmspace {
    margin-top: 0px;
}


/*======= End of Preset Chart Style =======*/

.please-wait {
    /*Please wait text */
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -90px;
    width: 200px;
    height: 100px;
    color: green;
    text-align: center;
    display: none;
    z-index: 9999;
}

.please-wait p {
    margin: unset !important;
}


/*.please-Wait .wait-second-line {
    margin-top: -180px;
    z-index: 1;
}*/


/*======= Toast Position Changed =======*/

#toast-container {
    top: auto !important;
    right: auto !important;
    bottom: 45px !important;
    left: auto !important;
}


/* Status Dot Style */

.dot {
    display: inline-block;
    border-radius: 50%;
    width: 50%;
    background-color: #EEE;
    height: 15px;
    width: 15px;
    margin: 0 2px;
}

.dot.mini {
    width: 5px;
    height: 5px;
    vertical-align: middle;
    margin-right: 5px;
}

.dot.mini.pending {
    background-color: #9e9e9e;
}

.dot.mini.success {
    background-color: #449D44;
}

.dot.dot-sm {
    height: 10px;
    width: 10px;
}

.dot.dot-lg {
    margin: 0 4px;
    height: 20px;
    width: 20px;
}

.dot.dot-success {
    background-color: #449D44;
}

.dot.dot-danger {
    background-color: #D9534F;
}

.dot.dot-warning {
    background-color: #ffab00;
}

.img-status {
    position: absolute;
    margin: 8px 0 0 12px;
}

.text-status {
    margin-left: 8px;
}


/* End status dot style 

/*=========== Label text correction ============*/

.heading-label {
    font-size: 16px !important;
    color: unset;
}

.main-label {
    font-size: 14px !important;
    color: unset;
}

.label-green {
    color: #3daf2c !important;
}

.label-white {
    color: #fff !important;
}

.label-blue {
    color: #028ed2 !important;
}

.sub-label {
    font-size: 12px !important;
    color: unset;
}

.label-green {
    color: #3daf2c !important;
}

.label-white {
    color: #fff !important;
}

.label-blue {
    color: #028ed2 !important;
}


/*=========== Phone and code ==========*/

.c-prefix {
    width: 15px !important;
    padding-top: 11px !important;
}

.c-code {
    width: 40px !important;
}

.p-number {
    width: calc(100% - 55px) !important;
}


/*============= Open div as page in same screen ================*/

.page {
    display: unset !important;
    box-sizing: border-box;
    position: fixed !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1002;
}

.popup .page {
    position: absolute !important;
}

.page .body {
    height: 100%;
    overflow: auto !important;
    padding-bottom: 40px;
}

.page .body .with-footer {
    padding-bottom: 90px;
}

.page .fixed-search {
    position: fixed;
    z-index: 1;
    margin-bottom: 0;
    background: white;
    width: 100%;
    padding-top: 10px;
    height: 60px;
    margin-bottom: 0 !important;
}

.page .after-search {
    margin-top: 60px !important;
}

.page .search-text {
    border: 1px solid #9e9e9e !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
    width: calc(100% - 40px) !important;
    margin-bottom: 0 !important;
}

.page .search-text.text2 {
    width: calc(100% - 25px) !important;
}

@media (min-width:1000px) {
    .page .body {
        /* margin-left: 180px !important;
        margin-right: 180px !important;
        width: calc(100% - 360px) !important; */
    }
    .page .fixed-search {
        /* width: calc(100% - 360px) !important; */
    }
    .page .search-text {
        /* width: calc(100% - 40px) !important; */
    }
    .page .search-text.text2 {
        /* width: calc(100% - 25px) !important; */
    }
    .hc-tabs {
        /* padding-left: 40px !important; */
    }
    .network-status {
        /* width: calc(100% - 360px) !important; */
    }
    .network-status-bottom {
        /* width: calc(100% - 360px) !important; */
    }
}

.hide-scroll {
    overflow: hidden !important;
}

.wrap-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.network-status {
    text-align: center;
    background-color: #f98315;
    position: fixed;
    margin-top: 50px !important;
    width: 100%;
    color: white;
}

.network-status-bottom {
    text-align: center;
    background-color: #f98315;
    position: fixed;
    bottom: 0;
    width: 100%;
    color: white;
    margin: 0 !important;
}

.syncing-div {
    color: #fff;
    background-color: #3daf2c;
    height: 20px;
    text-align: center;
    position: fixed;
    width: 100%;
    display: none;
}


/*==================================== Cordova Browser Camera ===================================*/

.cordova-camera-capture {
    position: relative;
    z-index: 2147483647;
    height: 100%;
    width: 100%;
    background: rgba(127, 127, 127, 0.6);
    /*opacity: 0.5;*/
    /* opacity: 0.5; */
}

.cordova-camera-capture video {
    top: 10%;
    /* display: none; */
    position: fixed;
    left: 0;
    right: 0;
    /*background-color: #fafafa;*/
    padding: 0;
    max-height: 70%;
    /* width: 55%; */
    width: 70% !important;
    height: 70% !important;
    margin: auto;
    overflow-y: auto;
    border-radius: 5px;
    will-change: top, opacity;
    /* width: 80%; */
    /*border: 2px solid #039be5;*/
}

.cordova-camera-capture button {
    top: 62%;
    /* display: none; */
    position: fixed;
    left: 30%;
    right: 30%;
    background-color: #fafafa;
    padding: 0;
    max-height: 70%;
    width: 100px;
    margin: auto;
    overflow-y: auto;
    border-radius: 5px;
    will-change: top, opacity;
    /* width: 80%; */
    border: 2px solid #039be5;
    height: 20px;
    background-color: transparent;
    color: white;
    height: 100px;
    /* width: 44%; */
    border-radius: 50%;
}

.action-sheet-container {
    position: relative;
    z-index: 2147483647;
    height: 100%;
    width: 100%;
    background: rgba(127, 127, 127, 0.6);
    /* opacity: 0.5; */
}

.action-sheet-container button {
    top: 62%;
    /* display: none; */
    position: fixed;
    left: 30%;
    right: 30%;
    background-color: #fafafa;
    padding: 0;
    max-height: 70%;
    width: 100px;
    margin: auto;
    overflow-y: auto;
    border-radius: 5px;
    will-change: top, opacity;
    /* width: 80%; */
    border: 2px solid #039be5;
    height: 20px;
    background-color: #039be5;
    color: white;
    height: 100px;
    /* width: 44%; */
    /*border-radius: 50%;*/
}

.action-sheet-container button:nth-child(1) {
    left: 20%;
    right: 80%;
}

.action-sheet-container button:nth-child(2) {
    left: 45%;
    right: 55%;
}

.action-sheet-container button:nth-child(3) {
    left: 75%;
    right: 25%;
}

.cordova-camera-capture .close-camera,
.action-sheet-container .close-actionsheet {
    line-height: 12px;
    /*width: 50px;
        height: 50px;*/
    font-size: 8pt;
    font-family: tahoma;
    margin-top: 1px;
    margin-right: 2px;
    position: absolute;
    top: 0px;
    right: 0;
    border: 2px solid #039be5;
    border-radius: 50%;
    color: #f98315 !important;
    font-size: large;
    padding: 18px !important;
    background: white;
}

.cordova-camera-capture .close-camera:hover,
.action-sheet-container .close-actionsheet:hover {
    float: right;
    display: inline-block;
    padding: 2px 5px;
    background-color: lightgray;
    color: #fff;
}

.btn-slim {
    color: white !important;
    cursor: pointer;
    padding: 5px 10px;
    background: #028ed2 !important;
    border-radius: 4px;
    display: inline-block !important;
    margin: 2px 0 !important;
}

.btn-slim.red {
    background: #f44336 !important;
}

.btn-slim.green {
    background: #4caf50 !important;
}

.btn-slim.blue {
    background: #2196f3 !important;
}

.btn-slim.pink {
    background: #e91e63 !important;
}

.btn-slim.yellow {
    background: #ffeb3b !important;
}

.btn-slim.orange {
    background: #f98315 !important;
}

.btn-slim.gray {
    background: #9e9e9e !important;
}

.btn-slim.light-gray {
    background: #e0e0e0 !important;
    color: #000 !important;
}

.btn-slim.black {
    background: #000 !important;
}

.btn-slim.white {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}

.btn-slim.p5x5 {
    padding: 5px !important;
}

.btn-slim.p5x8 {
    padding: 5px 8px !important;
}

.btn-slim.p8x8 {
    padding: 8px !important;
}

.btn-slim.p8x10 {
    padding: 8px 10px !important;
}

.btn-slim.p8x15 {
    padding: 8px 10px !important;
}

.btn-slim.p8x20 {
    padding: 8px 10px !important;
}

.btn-slim.p10x10 {
    padding: 10px !important;
}


/* Square Tab correction In My Network */

.square-tab {
    position: fixed;
    margin-top: 5px;
    width: 100%;
    background-color: white;
    z-index: 9999;
}

@media (min-width: 1000px) {
    .square-tab {
        /* width: calc(100% - 360px) !important; */
    }
}

.square-tab>div:first-child {
    border-left: 1px solid #e1e1e1 !important;
}

.square-tab-body {
    margin-top: 90px !important;
}

.square-tab-body.with-button {
    margin-top: 150px !important;
}


/* ========= Country code and Mobile Number =========*/

.ccode {
    width: 55px !important;
}

.ccode span {
    margin-top: 12px !important;
    position: absolute !important;
}

.ccode input {
    margin-left: 10px !important;
}

.cphone {
    width: calc(100% - 55px) !important;
}

.cphone-5 {
    width: calc(41.6666666667% - 55px) !important;
}

.cphone-6 {
    width: calc(50% - 55px) !important;
}

.cphone-7 {
    width: calc(58.3333333333% - 55px) !important;
}

.cphone-8 {
    width: calc(66.6666666667% - 55px) !important;
}

@media (min-width: 691px) {
    .cphone {
        width: calc(50% - 55px) !important;
    }
}

.border-2 {
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}

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

.alt-color li:nth-child(2n+1) {
    background-color: #f2f2f2 !important;
}

.controls {
    border: 1px solid transparent !important;
    border-radius: 2px 0 0 2px !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    outline: none !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
    margin: 8px !important;
    padding: 0 25px 0 8px !important;
    width: calc(100% - 51px) !important;
}

#searchInput {
    background-color: #fff;
    text-overflow: ellipsis;
}

#searchInput:focus {
    border-color: #4d90fe;
}

.hc-border-table table {
    border-collapse: collapse;
}

.hc-border-table table,
.hc-border-table th,
.hc-border-table td {
    border: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
}


/*======== Ul Li list right buttons Block ========*/

.ui-li-has-btn {
    padding-right: 42px !important;
}

.ui-li-btn {
    display: none;
}

.ui-li-has-btn .ui-li-btn {
    display: unset;
    position: absolute;
    width: 40px;
    height: 100%;
    border-width: 0;
    border-left-width: 1px;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    z-index: 2;
    cursor: pointer;
    border-left: 1px solid #e0e0e0;
}

.ui-li-has-btn .ui-li-btn .ui-btn-inner {
    padding: 0;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.ui-li-has-btn .ui-li-btn .ui-btn {
    overflow: hidden;
    position: absolute;
    right: 8px;
    top: 50%;
    margin: -13px 0 0 0;
    border-bottom-width: 1px;
    z-index: -1;
    color: #ee6e73;
}

.ui-li-has-btn .ui-li-btn .ui-btn-inner {
    font-size: 16px;
    padding: .6em 20px;
    min-width: .75em;
    display: block;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    zoom: 1;
}

.ui-li-has-btn .ui-li-btn .ui-btn-inner {
    border-top: 1px solid #fff;
    border-color: rgba(255, 255, 255, .3);
}

.ui-li-has-btn .ui-li-btn .ui-btn-inner {
    -webkit-border-radius: inherit;
    border-radius: inherit;
}

.ui-li-has-btn .ui-li-btn.btn2-1 .ui-btn-inner {
    height: 50% !important;
    border-bottom: 1px solid #e0e0e0;
}

.ui-li-has-btn .ui-li-btn.btn2-2 .ui-btn-inner {
    height: 50% !important;
    top: 50% !important;
}

.ui-li-has-btn .ui-li-btn.btn3-1 .ui-btn-inner {
    height: 33.3% !important;
    border-bottom: 1px solid #e0e0e0;
}

.ui-li-has-btn .ui-li-btn.btn3-2 .ui-btn-inner {
    height: 33.3% !important;
    top: 33.3% !important;
    border-bottom: 1px solid #e0e0e0;
}

.ui-li-has-btn .ui-li-btn.btn3-3 .ui-btn-inner {
    height: 33.3% !important;
    top: 66.6% !important;
}


/*======== End of Ul Li list right buttons Block ========*/


/*======== EHR Billing Table ========*/


/* .ehr-fee-input-table input::-webkit-input-placeholder {
    font-size: 16px;
    line-height: 3;
} */

.fee-input input {
    margin: 0px !important;
}

.ehr-fee-input-table td {
    padding: 0px !important;
    position: unset !important;
    padding: 15px 5px !important;
}

.ehr-fee-input-table tr {
    transition: background 0.2s ease-in;
}

.ehr-fee-input-table tr:nth-child(odd) {
    background: #f2f2f2;
}

.ehr-fee-input-table tr:nth-child(odd) input {
    background-color: transparent
}

.ehr-fee-input-table tr:hover {
    background-color: transparent!important
}


/*======== End EHR Billing Table ========*/


/*======== EHR Eye-Exam Table ======== */

.Syringing-multiline-td {
    width: 240px !important;
    word-break: break-all !important;
}


/*chat image css */

.chat-img {
    border: 1px solid #ddd;
    /* Gray border */
    border-radius: 0px;
    /* Rounded border */
    padding-bottom: 0px;
    /* Some padding */
    width: 150px;
    /* Set a small width */
}


/* Add a hover effect (blue shadow) */

.chat-img:hover {
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}


/*===================================== SPA =====================================*/
.toolbar .toolbar-inner {
    justify-content: space-around !important;
}

.home-circle-icon {
    /* width: 75px;
    height: 75px; */
}

.home-circle-icon i {
    padding: 10px;
    font-size: 50px;
    vertical-align: middle;
    color: #4caf50;
    border: 1px solid #4caf50;
    text-align: center;
    border-radius: 50%;
}

.hc-alternate-color li:nth-child(odd) {
    background: #f2f2f2;
    ;
}

.none-border-list ul:after {
    background-color: transparent
}

.none-border-list ul:before {
    background-color: transparent
}

.none-border-list .item-inner:after {
    background-color: transparent
}

.none-border-list .item-inner:before {
    background-color: transparent
}

.card-text-size .item-text,
.card-text-size .item-subtitle {
    font-size: 13px;
}

@media (max-width: 425px) {
    .card-text-size .item-text,
    .card-text-size .item-subtitle {
        font-size: 11px;
    }
}

.div-bottom-border {
    border-bottom: 1px solid #9e9e9e;
    margin-bottom: 8px;
}

.button-sm-red-round {
    margin-left: 10px;
    height: 18px;
    min-width: 50px;
    text-align: center;
    padding: 5px;
    border: 1px solid #f44336;
    color: #f44336;
    border-radius: 25px;
}

.button-sm-green-round {
    margin-left: 10px;
    height: 18px;
    min-width: 50px;
    text-align: center;
    padding: 5px;
    border: 1px solid #4caf50;
    color: #4caf50;
    border-radius: 25px;
}

@media (max-width: 768px) {
    .only-browser {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .only-mobile {
        display: none !important;
    }
}

@media (min-width: 961px) {
    .only-mobile-tablet {
        display: none !important;
    }
}

.appt-home-list-height {
    overflow: auto;
    height: 40vh;
}

.appt-home-list-height.no-head-controls {
    height: 42vh !important;
}

@media (min-width: 767px) {
    .appt-home-list-height {
        height: 83vh;
    }
    .appt-home-list-height.no-head-controls {
        height: 85vh !important;
    }
}


/*vertical align*/

.item-media {
    display: contents !important;
}

.item-media img {
    max-width: 55px;
    min-height: 55px;
    min-width: 55px;
    max-height: 55px;
    /* border: 3px solid lightgray; */
    border-radius: 50%;
}

.hc-card-title {
    color: #f98315;
    font-size: 14px;
}

.followup-text {
    color: black;
    font-weight: bold;
    font-size: 12px !important
}

.appt-home-first-card {
    border: 1px solid #e1e1e1;
    background: #f2f2f2;
    height: 100px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.appt-home-first-card .first-col-bg {
    height: 100px;
    padding: 10px
}

.appt-home-first-card .pending-lbl {
    margin: 0;
    color: #f98315;
    font-size: 40px;
    text-align: center;
}

.appt-home-first-card .total-lbl {
    margin: 0;
    color: #686868;
    font-size: 40px;
    text-align: center;
}

.appt-home-inlinecalendar {
    text-align: center;
}

.appt-home-inlinecalendar .picker-header {
    display: none;
}
.picker-calendar.picker-modal-inline {
    min-width: inherit !important;
}

.t-center {
    text-align: center !important;
    text-align: -webkit-center !important;
}

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

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

.hide {
    display: none !important;
}

.filter-chip,
.filter-type {
    display: inline-block;
    border-radius: 25px;
    border: 1px solid;
    background-color: #fff;
    margin: 5px 0px;
    color: #2196f3 !important;
    padding: 5px 8px;
    min-width: 50px;
    cursor: pointer;
}

.filter-chip-clicked,
.filter-type-clicked {
    border-radius: 25px;
    background-color: #2196f3;
    padding: 5px;
    color: #fff !important;
    padding-left: 10px;
    padding-right: 10px;
}

.attch-ico {
    transform: rotate(45deg);
}


/* Moxie List and Action-Sheet Style */

.pinch-zoom-block .zoom-block {
    padding: unset !important;
}

.pinch-zoom-block .zoom-block:before {
    content: unset !important;
}

.pinch-zoom-block .zoom-block:before {
    content: unset !important;
}

.pinch-zoom-block input[type=checkbox] {
    display: none;
}

@media (min-width: 1025px) {
    .pinch-zoom-block .pinch-zoom-parent {
        transition: transform 0.25s ease;
        cursor: zoom-in;
    }
    .pinch-zoom-block input[type=checkbox]:checked~label>.pinch-zoom-parent {
        transform: scale(2);
        cursor: zoom-out;
    }
}

.contact-list .img-thumb,
.contact-list .zoom-item {
    background-size: contain;
    background-position: center;
}

.contact-list .img-thumb.bg-thumb,
.contact-list .zoom-item.bg-thumb {
    background-image: url("../../images/noimage.png");
}

.avatar .circle.except-img {
    color: white !important;
    text-align: center;
    line-height: 40px;
}

.moxie-list .avatar.small-avatar .circle {
    width: 30px !important;
    height: 30px !important;
    padding: 5px !important;
    left: 20px !important;
}

.tag-users-list .avatar .circle.except-img {
    line-height: 30px !important;
}

.moxie-list.collection img.file-icon {
    border-radius: unset !important;
    height: 35px !important;
    width: 35px !important;
    margin-left: 5px !important;
    margin-top: 3px;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    -webkit-backface-visibility: hidden;
}

.moxie-list.collection {
    border: unset;
}

.moxie-list.collection .collection-item {
    border-bottom: 1px solid #f5f5f5;
}

.moxie-list.collection .collection-item:last-child {
    border-bottom: 1px solid #f5f5f5;
}

.moxie-list.collection .collection-item.blank-message {
    border: unset !important;
}

.moxie-list.collection .collection-item.avatar {
    padding-left: 62px;
}

.moxie-list .ui-li-has-btn .ui-li-btn {
    border: unset;
}

.moxie-list .ui-li-has-btn .ui-li-btn .ui-btn {
    color: #9e9e9e;
}

.icon-gray {
    color: #647164 !important;
}

.moxie-list li.contact-list {
    min-height: 62px !important;
}

.moxie-list .favorite-block {
    position: absolute;
    height: 100%;
    top: 0;
    right: 41px;
}

.moxie-list .favorite-block .fav-icon {
    position: absolute;
    top: 50%;
    right: 1px;
    margin: -10px -5px 0 0;
    font-size: 18px;
    color: #F98311 !important;
}

.moxie-action-sheet .modal-header {
    padding: 8px 20px;
    border-bottom: 1px solid #e0e0e0;
}

.moxie-action-sheet .modal-header p {
    margin: 0;
}

.moxie-action-sheet .modal-content {
    padding: unset !important;
}

.icon-text-list ul.list-options {
    margin: 5px 0;
}

.icon-text-list .list-options li {
    clear: both;
    color: rgba(0, 0, 0, 0.87);
    cursor: pointer;
    min-height: 50px;
    line-height: 1.5rem;
    width: 100%;
    text-align: left;
    text-transform: none;
}

.icon-text-list .list-options li>a {
    font-weight: 500;
    color: #26a69a;
    display: block;
    line-height: 22px;
    padding: 14px 16px;
}

.icon-text-list .list-options li>a>i {
    height: inherit;
    line-height: inherit;
    float: left;
    margin: 0 15px 0 0;
    width: 24px;
    color: #647164;
}

.info-title p {
    margin: 0;
}

.info-title .title-1 {
    font-weight: 500;
}

.info-title.with-img {
    line-height: 33px;
}

.info-title.with-img .title-1 {
    height: 20px;
    line-height: 22px;
    vertical-align: middle;
    display: inline-block;
}

.info-title.with-img .title-1 img {
    height: inherit;
    width: auto;
    float: left;
    margin-right: 20px;
}

.info-title .title-2 {
    color: gray;
    font-size: 12px;
    font-weight: 500;
}

.contact-list li {
    min-height: 64px !important;
}

.contact-list li.blank-message {
    min-height: auto !important;
}

.contact-list .phone {
    color: #000000c7;
    font-size: 14px !important;
    line-height: 20px;
}

.contact-list .phone i {
    font-size: 14px;
    vertical-align: middle;
    padding-right: 8px;
}


/*=================== Chat action sheet ===================*/

.modal.moxie-chat-sheet {
    background-color: #fff !important;
}

.group-chat-list,
.modal.moxie-chat-sheet .chat-list {
    width: 100%;
}

.group-chat-list .collection,
.group-chat-list .collection .collection-item,
.modal.moxie-chat-sheet .chat-list .collection,
.modal.moxie-chat-sheet .chat-list .collection .collection-item {
    border: none !important;
}

.group-chat-list .collection .collection-item.avatar,
.modal.moxie-chat-sheet .chat-list .collection .collection-item.avatar {
    height: auto;
    padding-left: 72px !important;
    position: relative;
}

.group-chat-list .collection .collection-item.avatar.no-avatar,
.modal.moxie-chat-sheet .chat-list .collection .collection-item.avatar.no-avatar {
    padding-left: 10px !important;
}

.group-chat-list .collection .collection-item.avatar .secondary-content,
.modal.moxie-chat-sheet .chat-list .collection .collection-item.avatar .secondary-content {
    top: 10px;
}

.group-chat-list .blank-message .chat-ico img,
.modal.moxie-chat-sheet .blank-message .chat-ico img {
    width: unset;
}

.group-chat-list .chat-title,
.modal.moxie-chat-sheet .chat-title {
    font-weight: 500;
    font-size: 15px;
    color: unset;
    font-family: unset;
}

.group-chat-list .chat-message,
.modal.moxie-chat-sheet .chat-message {
    font-size: 14px;
    font-weight: 400;
    color: #484444;
    font-family: "Roboto", sans-serif;
}

.group-chat-list .collection .collection-item.avatar .circle,
.modal.moxie-chat-sheet .chat-list .collection .collection-item.avatar .circle {
    position: absolute;
    width: 42px;
    height: 42px;
    overflow: hidden;
    left: 15px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    font-weight: 300;
    padding: 10px;
}

.ultra-small {
    font-size: 11px !important;
}

.modal.moxie-chat-sheet .footer-main.chat-list-footer .footer-inner {
    padding: 15px!important;
}

.modal.moxie-chat-sheet .chat-list-footer .comment-txt {
    margin-left: 0!important;
    margin-right: 3.7rem!important;
}

.modal.moxie-chat-sheet .chat-list-footer .input-field .prefix {
    right: 0;
    color: #9e9e9e;
}

.modal.moxie-chat-sheet .chat-list-footer .input-field .prefix.active {
    right: 0;
    color: #26a69a;
}

.modal.moxie-chat-sheet .modal-content {
    padding: 0!important;
    padding-bottom: 60px!important;
    max-height: -webkit-fill-available;
    position: unset !important;
    height: unset !important;
}

.modal.moxie-chat-sheet.modal-fixed-footer {
    overflow: hidden;
    bottom: 0!important;
    width: inherit!important;
    border-radius: 0;
    max-height: calc(100% - 10%)!important;
    height: unset !important;
    min-height: 300px;
}

.modal.moxie-chat-sheet .modal-footer {
    padding: unset;
    height: unset;
    border: unset;
    z-index: 2;
    background-color: #efefef !important;
}

.footer-div .chat-div,
.modal.moxie-chat-sheet .modal-footer .chat-div {
    padding: 10px 10px!important;
    height: unset !important;
    min-height: 60px;
    max-height: 180px;
    background-color: #efefef !important;
    z-index: 2;
    position: relative;
}

.footer-div div.chat-box,
.modal.moxie-chat-sheet .modal-footer div.chat-box {
    width: calc(100% - 3.7rem);
    padding: 8px 11px;
    border: 1px solid #fff;
    border-radius: 21px;
    background-color: #fff;
}

.modal.moxie-chat-sheet .modal-footer div.chat-box:focus {
    outline: none;
}

.footer-div div.chat-box[placeholder]:empty:before,
.modal.moxie-chat-sheet .modal-footer div.chat-box[placeholder]:empty:before {
    content: attr(placeholder);
    color: #9e9e9e;
}

.footer-div div.chat-box-placeholder,
.modal.moxie-chat-sheet .modal-footer div.chat-box-placeholder {
    color: #a4a4a4;
    font-size: 15px;
    line-height: 20px;
    pointer-events: none;
    position: absolute;
    top: 10px;
    padding-left: 12px;
    transition: opacity 0.08s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 100;
    z-index: 2;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.footer-div div.chat-box-container,
.modal.moxie-chat-sheet .modal-footer div.chat-box-container {
    outline: none;
}

.footer-div div.chat-box-container .chat-box.comment-txt,
.modal.moxie-chat-sheet .modal-footer div.chat-box-container .chat-box.comment-txt {
    font-size: 15px;
    font-weight: normal;
    max-height: 100px;
    min-height: 20px;
    outline: none;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    white-space: pre-wrap;
    word-wrap: break-word;
    z-index: 1;
    cursor: text;
    height: 40px;
}

.contact-popup {
    display: none;
    position: absolute;
    width: 70%;
    left: 10px;
    z-index: 1;
    transform: translateY(0);
}

.contact-popup.open {
    display: block!important;
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInUp {
    0% {
        bottom: -64px;
    }
    100% {
        bottom: 59px;
    }
}

@keyframes slideInUp {
    0% {
        bottom: -64px;
    }
    100% {
        bottom: 59px;
    }
}

.contact-popup-inner {
    position: relative;
    width: 100%;
    max-height: 180px;
    overflow-y: auto;
    border: 1px solid #e0e0e0;
    border-radius: 16px 16px 0 0;
    background-color: #efefef;
}

.contact-popup .collection {
    border: none;
}

.contact-popup .collection .collection-item {
    background-color: unset;
    padding: 5px 10px;
    padding-left: 60px !important;
    display: flex;
}

.tag-users-list .avatar .circle.except-img,
.contact-popup .collection .collection-item img.circle {
    width: 32px !important;
    height: 32px !important;
}

.tag-users-list .collection-item .title,
.contact-popup .collection .collection-item .title {
    line-height: 32px;
}

.contact-popup .collection .collection-item.avatar {
    min-height: 43px;
}


/* ======== Mention users styles */

span[data-mention-jid] {
    color: #039be5;
}

.selectable-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

span[data-mention-jid] .at-symbol {
    color: #cad0d0;
    pointer-events: none;
}


/* ========== End of mention users style ========== */

.reply-div {
    position: relative;
    display: none;
}

.reply-div.open {
    display: block;
}

.group-div {
    position: relative;
    display: none;
}

.group-div.open {
    display: block;
}

html[dir] .reply-content {
    background-color: #efefef;
    padding-top: 10px;
}

html[dir] .group-div .group-content {
    background-color: #efefef;
    padding: 10px 5px 0 10px;
}

.reply-content {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    width: 100%;
}

.group-div .group-content {
    -webkit-align-items: center;
    align-items: center;
    /* display: -webkit-flex;
    display: flex; */
    width: 100%;
}

.group-div .group-content .group-btn-div {
    text-align: center;
}

.group-div .group-content .group-btn-div i {
    line-height: 24px;
    vertical-align: middle;
}

.group-div .group-content .group-name-text i.prefix {
    top: .25rem;
    border: unset;
}

.group-div .group-content .group-name-text input {
    margin: unset;
    margin-left: 3rem;
    background-color: #fff;
    border-radius: 21px;
    border: unset;
    padding: 0 15px;
    height: 2.5rem;
}

.group-div .group-content .group-name-text input:focus {
    border: unset;
}

html[dir=ltr] .reply-elems {
    margin-left: 10px;
}

html[dir] .reply-elems {
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}

.reply-elems {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow: hidden;
}

.reply-section {
    width: 100%;
}

html[dir=ltr] .reply-width {
    margin-left: -6px;
}

.reply-width {
    position: absolute;
    width: calc(100% - 6px);
}

html[dir] .reply-det-div {
    background-color: transparent;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 7.5px;
}

.reply-det-div {
    display: -webkit-flex;
    display: flex;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

html[dir=ltr] .reply-left-border {
    border-top-left-radius: 7.5px;
    border-bottom-left-radius: 7.5px;
}

html[dir=ltr] .bg-color-2 {
    background-color: #6bcbef !important;
}

.reply-left-border {
    -webkit-flex: none;
    flex: none;
    width: 4px;
}

.reply-details {
    min-height: 42px;
    max-height: 82px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

.reply-det-div .reply-details,
.reply-details {
    max-height: 66px;
}

html[dir=ltr] .reply-details {
    padding: 4px 12px 8px 8px;
}

html[dir=ltr] .reply-det-div .reply-details,
html[dir=ltr] .reply-details {
    padding: 7px 12px 10px 11px;
}

.reply-details-block {
    overflow: hidden;
}

.reply-det-div .reply-details-block,
.reply-details-block {
    max-width: 500px;
}

.reply-user {
    color: #74cff8;
    display: -webkit-flex;
    display: flex;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 22px;
}

html[dir=ltr] .reply-user.color-2 {
    color: #6bcbef !important;
}

.reply-user-name {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

html[dir=ltr] .reply-user-name {
    padding-left: 2px;
    margin-left: -2px;
}

.reply-msg {
    display: flex;
    font-size: 13.2px;
    line-height: 20px;
    overflow: hidden;
    word-break: break-word;
    color: rgba(0, 0, 0, 0.6);
    max-height: 60px;
    white-space: pre-wrap;
}

.reply-remove-btn {
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: none;
    flex: none;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 64px;
    width: 64px;
}

html[dir] .reply-remove-btn {
    background-color: #efefef;
}

.reply-remove-btn [role="button"] {
    cursor: pointer;
}

.reply-remove-btn svg {
    display: block;
    pointer-events: none;
}


/*==================== End of Moxie Chat List and Action-sheet Style ====================*/


/* Modified tooltip */

.material-tooltip {
    min-height: 25px;
    padding: 5px 10px;
    border-radius: 25px !important;
}

.material-tooltip .backdrop {
    background-color: #0000008f !important;
    border-radius: 25px !important;
}


/* End of modified tooltip */


/* Header Fixed Tabs */

.header-tabs {
    margin-top: 45px;
    position: fixed;
    z-index: 900;
    width: 100%;
    margin-bottom: 0;
}

.header-tabs .after-header .tabs {
    background-color: #028ed2;
    color: #fff;
    border-bottom: 1px solid #f5f5f5;
}

.header-tabs .tabs .indicator {
    height: 3px !important;
}

.header-tabs.after-header-search .tabs {
    background-color: #fff !important;
    color: #028ed2 !important;
    border-bottom: 1px solid #f5f5f5;
    overflow: hidden !important;
}

.header-tabs.after-header-search .tabs.blue {
    background-color: #028ed2 !important;
    color: #fff !important;
}

.header-tabs .tabs .indicator {
    background-color: #fff;
}

.header-tabs.after-header .tabs .indicator {
    background-color: #028ed2 !important;
}

.header-tabs .tabs .tab a {
    font-weight: 500;
    color: #e0e0e0 !important;
}

.header-tabs.after-header .tabs .tab a {
    font-weight: 500 !important;
    color: #676767 !important;
}

.header-tabs .tabs .tab a.active {
    color: #fff !important;
}

.header-tabs.after-header .tabs .tab a.active {
    color: #028ed2 !important;
}

.with-header-tabs {
    margin-top: 93px !important;
}


/* End of Header Fixed Tabs */

.fixed-action-btn.menu-btns {
    z-index: 1002;
}

.fixed-action-btn>.btn-floating>.material-icons {
    transition: transform 0.3s;
}

.fixed-action-btn>.btn-floating.open {
    background-color: #5e756a !important;
}

.fixed-action-btn>.btn-floating.open>.material-icons {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.fixed-action-btn>ul>li>.menu-info {
    position: absolute;
    display: inline-block;
    padding: 5px 15px;
    font-size: 1rem;
    z-index: 2000;
    background-color: #5e756a;
    border-radius: 2px;
    color: #fff;
    min-height: 25px;
    line-height: 120%;
    margin-top: 6px;
    text-align: center;
    cursor: pointer;
    right: 60px;
    border-radius: 25px;
    opacity: 1;
    white-space: nowrap;
}

.fixed-action-btn .sky-blue {
    background-color: #04c7d0 !important;
}

.fixed-action-btn .dark-blue {
    background-color: blue !important;
}

.fixed-action-btn .purple {
    background-color: #d500f9 !important;
}

.fixed-action-btn .black {
    background-color: #000000 !important;
}

.fixed-action-btn .gray {
    background-color: #546e7a !important;
}

.fixed-action-btn .pink {
    background-color: #E57373 !important;
}

@media (min-width: 1025px) {
    .floating-button-container {
        /* right: 180px; */
    }
}

.page-overlay {
    position: fixed;
    z-index: 999;
    top: -25%;
    left: 0;
    bottom: 0;
    right: 0;
    height: 125%;
    width: 100%;
    background: #676767;
    display: none;
    will-change: opacity;
}

.page-overlay.open {
    z-index: 1001;
    display: block;
    background-color: #fff;
    opacity: 0.7;
}

.page-overlay.img-overlay {
    background-color: #000000;
    display: block;
    z-index: 1004 !important;
}

.blank-message .tabs-content {
    text-align: center;
    padding: 50px 0;
}

.blank-message .tabs-content img {
    opacity: 0.5;
}

.blank-message .tabs-content h6 {
    font-size: 1.3rem;
    font-weight: 500;
}

.blank-message .tabs-content p {
    color: #787679;
}

.moxie-search {
    background-position: 10px 50% !important;
    padding: 10px 5px 10px 40px !important;
}

.moxie-search input {
    margin: unset !important;
    margin-top: -15px !important;
}

.header-search {
    height: 100px;
    border: unset !important;
    transition: 0.4s;
    will-change: left right top width height;
}

.header-search.active {
    height: 50px !important;
}

.header-search .progress {
    position: fixed;
    top: 100px;
    margin: unset;
    z-index: 1000;
    transition: 0.4s;
}

.header-search.active .progress {
    position: fixed;
    top: 50px;
    margin: unset;
    z-index: 1000;
}

.header-search.active .header-tabs {
    display: none !important;
}

.header-search .moxie-search {
    top: 50px;
    left: 10px;
    right: 10px;
    width: calc(100% - 20px) !important;
    border-radius: 4px;
    transition: 0.4s;
    will-change: left right top width height;
}

.header-search.active .moxie-search {
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    height: 50px !important;
    line-height: 32px !important;
    border-radius: unset !important;
    background-image: unset !important;
    background-position: unset !important;
    padding-left: 50px !important;
}

.header-search.active .moxie-search .link.link-icon {
    float: left !important;
    top: 0 !important;
    left: 0 !important;
    position: absolute !important;
    display: unset !important;
    color: #9e9e9e !important;
}

.header-top.header-search-input {
    padding: unset !important;
    border: unset !important;
    background-color: #fff !important;
}

.header-top.header-search-input.active {
    display: block;
}

.header-top.header-search-input .link {
    color: #676767 !important;
}

.header-top.header-search-input .search-pallet {
    background: unset !important;
    height: 50px !important;
    box-shadow: 0px 2px 4px 0 #b7b5b5 !important;
}

.header-top.header-search-input .moxie-search {
    padding: unset !important;
}

.header-top.header-search-input .moxie-search input {
    width: calc(100% - 60px) !important;
    line-height: 50px !important;
}

.after-header-search {
    margin-top: 100px !important;
}

.with-search-header,
.with-tabs-header {
    margin-top: 100px !important;
    height: calc(100% - 50px) !important;
}

.with-search-tabs-header {
    margin-top: 150px !important;
    height: calc(100% - 100px) !important;
}


/* Check boxes */

.sel-check {
    width: 0px;
    position: absolute;
    line-height: 64px;
    visibility: hidden
}

.sel-check i {
    vertical-align: middle;
}

.multi-check .with-check-right .sel-check {
    top: 0;
    right: 10px !important;
    width: 40px !important;
    visibility: visible !important;
    text-align: center !important;
}

.multi-check .with-check-right .sel-check label {
    vertical-align: middle !important;
}

.multi-check .with-check-right .sel-check i {
    vertical-align: middle !important;
}

.multi-check .with-check-right .card-content {
    width: calc(100% - 30px) !important;
    margin-right: 30px !important;
}

.multi-check .with-check-left .circle {
    margin-left: 30px !important;
}

.multi-check .with-check-left .sel-check {
    left: 10px;
    width: 30px !important;
    visibility: unset !important;
}

.multi-check .with-check-left .card-content {
    width: calc(100% - 30px) !important;
    margin-left: 30px !important;
}

.tag-users-list .list-padding {
    padding: 0 !important;
}

.tag-users-list .title.name {
    color: #000 !important;
}

.tag-users-list .title.phone {
    display: none !important;
}

.moxie-list .list-title {
    min-height: 14px !important;
    border: unset;
    font-size: 16px;
    color: gray;
    padding: 5px 15px;
}

.header-top.transparent-header {
    left: 0;
    top: 0;
    z-index: 1005 !important;
    background-color: rgba(0, 0, 0, 0.66) !important;
    border: unset;
}

.image-modal .imageboxed {
    z-index: 1000;
    position: absolute;
}

.image-modal.active {
    z-index: 1002;
    position: fixed;
}

.image-modal.active .image-caption {
    z-index: 1004;
    position: fixed;
}

.image-modal .image-caption,
.pdf-modal .image-caption {
    text-align: center;
    width: 100%;
    left: 0;
    bottom: 0;
    height: auto;
    position: absolute;
    z-index: 1000;
    color: #fff;
    padding: 10px 15px;
    max-height: 60px;
    background-color: rgba(0, 0, 0, 0.66) !important;
}

.dropdown-content.more-list {
    top: 6px !important;
    right: 6px !important;
    left: unset !important;
    width: 140px !important;
    border-radius: 2px !important;
    padding: 5px 0 !important;
}

.dropdown-content.more-list li {
    min-height: 30px !important;
    line-height: 30px !important;
    background: unset !important;
}

.dropdown-content.more-list li a {
    padding: 8px 16px !important;
    font-size: 14px !important;
}


/*=============== Upload Progress ===============*/

.upload-progress {
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -60px;
    margin-left: -150px;
    width: 300px;
    height: 60px;
    font-size: 16px;
    text-align: center;
    display: none;
    z-index: 9999;
    background-color: white;
    padding: 10px 20px;
    border-radius: 4px;
    line-height: 40px;
    vertical-align: middle;
}

.upload-progress .title-text {
    position: relative;
    float: left;
    margin-top: -40px;
    left: 60px;
}


/* Web and device view */

.web-only {
    display: -webkit-box !important;
}

.device-only {
    display: none !important;
}

@media only screen and (min-resolution: 117dpi) and (max-resolution: 119dpi),
only screen and (min-resolution: 131dpi) and (max-resolution: 133dpi),
only screen and (min-resolution: 145dpi) and (max-resolution: 154dpi),
only screen and (min-resolution: 162dpi) and (max-resolution: 164dpi),
only screen and (min-resolution: 169dpi),
only screen and (hover:none),
(hover:on-demand),
(pointer:coarse),
(-moz-touch-enabled:1) {
    .web-only {
        display: none !important;
    }
    .device-only {
        display: -webkit-box !important;
    }
    .device-only.link,
    .web-device.link {
        padding: 0 6px !important;
        min-width: 40px !important;
    }
}


/* @media only screen and (max-width: 600px) {
    .covid-text-logo{
        width: 50% !important;
    }
  }

@media only screen and (max-width: 768px) {
    .covid-text-logo{
        width: 65% !important;
    }
  } */