/* ------ Table of Content ------
1. Reset
2. Clearing Floats
3. HTML 5 element
4. Typography
5. Basic Layout
6. Pages
7. All Hack
8. Font Icons
*/


/* 4. Typography
***************************************************************/

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.eot');
    src: url('../fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular.woff') format('woff'), url('../fonts/Roboto-Regular.ttf') format('truetype'), url('../fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}


/* @font-face {
font-family: 'Roboto-Medium';
src: url('../fonts/Roboto-Medium.eot');
src: url('../fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Medium.woff') format('woff'), url('../fonts/Roboto-Medium.ttf') format('truetype'), url('../fonts/Roboto-Medium.svg#Roboto-Medium') format('svg');
}
@font-face {
font-family: 'Roboto-Black';
src: url('../fonts/Roboto-Black.woff') format('woff'), url('../fonts/Roboto-Black.ttf') format('truetype'), url('../fonts/Roboto-Black.svg#Roboto-Black') format('svg');
} */

.fa-angle-right:before {
    content: "\f105";
}

.fa-trash {
    cursor: pointer;
}

.fa-pencil {
    cursor: pointer;
}

td .fa-paperclip {
    cursor: pointer;
}


/* 1. Reset
***************************************************************/

* {
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-appearance: value;
    -moz-appearance: value;
    appearance: value;
}

html,
body,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
fieldset {
    margin: 0px auto;
    padding: 0px;
    border: 0;
    outline: 0;
    font-size: 100%;
}

a,
img a {
    text-decoration: none;
    border: 0;
    outline: 0 !important;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

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

:focus {
    outline: 0px;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

ol,
ul,
li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* 2. Clearing Floats
***************************************************************/

.clear {
    clear: both;
}

.clearfix:after {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.full-height {
    height: 100%;
}


/* 3. HTML 5 element
***************************************************************/

aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
article {
    display: block;
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
}

body {
    background: #fff;
    color: #000;
    font-size: 0.875em;
    font-weight: 400;
    height: 100%;
    width: 100%;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

input[type="tel"],
input[type="text"],
input[type="password"],
textarea {
    margin: 0 0 0px;
    padding: 5px 8px;
    border: 1px solid #ccc;
    width: 100%;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
    font-size: 14px;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

input[type="text"]:hover,
textarea:hover,
input[type="text"]:focus,
input[type="tel"]:hover,
textarea:focus {
    border-color: #6f77ed;
}

input[type="text"]:focus,
input[type="tel"]:focus,
textarea:focus {
    box-shadow: 0 0 5px #53d4c5;
    -moz-box-shadow: 0 0 5px #53d4c5;
    -ms-box-shadow: 0 0 5px #53d4c5;
    -o-box-shadow: 0 0 5px #53d4c5;
    -webkit-box-shadow: 0 0 5px #53d4c5;
}


/*
input[type="checkbox"] {
display: none;
}
input[type="checkbox"]+label>span {
background: rgba(0, 0, 0, 0) url(../images/uncheckbox.png) no-repeat;
cursor: pointer;
display: inline-block;
height: 31px;
margin: 0px 6px 0 0;
position: relative;
vertical-align: middle;
width: 31px;
}
input[type="checkbox"]:checked+label>span {
background: url(../images/checkbox.png) no-repeat;
width: 31px;
height: 31px;
} */


/* .sm-checkbox input[type="checkbox"] {
display: none;
}
.sm-checkbox input[type="checkbox"]+label>span {
background: rgba(0, 0, 0, 0) url(../images/sm-uncheck.png) no-repeat;
cursor: pointer;
display: inline-block;
height: 13px;
margin: 0px 6px 0 0;
position: relative;
vertical-align: middle;
width: 13px;
}
.sm-checkbox input[type="checkbox"]:checked+label>span {
background: url(../images/sm-check.png) no-repeat;
width: 13px;
height: 13px;
} */

.verticle-table {
    display: table;
    width: 100%;
    height: 100%;
}

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

.bootstrap-timepicker-widget table td input {
    width: 50px !important;
}


/* 5. Basic Layout
***************************************************************/

.body {
    margin: 0;
    padding: 0;
}

.up-case {
    text-transform: uppercase;
}

.p-sm {
    padding: 15px;
}

.p-r-lg {
    padding-right: 30px;
}

.p-lg {
    padding: 15px;
}

.p-t-sm {
    padding-top: 15px;
}

.modal .p-t-sm {
    padding-top: 18px;
}

.p-t-lg {
    padding-top: 40px;
}

.p-b-lg {
    padding-bottom: 30px;
}

.p-xs-lg {
    padding: 60px;
}

.m-t-lg {
    margin-top: 30px;
}

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

.m-t-sm {
    margin-top: 15px;
}

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

.m-b-xlg {
    margin-bottom: 50px;
}

.wrap {
    width: 100%;
}

.commn-pad {
    padding: 0 !important;
}

.center {
    text-align: center;
}

.data-wrap {
    position: relative;
    min-height: 100%;
    width: 100%;
    background: #fafafa;
}

.data-wrap-in {
    position: relative;
    height: 100%;
    width: 100%;
    background: #fafafa;
}


/*****************Login Forgot Reset OTP**********************/

.login_group input,
.login_group textarea {
    box-shadow: none !important;
}

.left-col {
    float: left;
    width: 50%;
    height: 100vh;
}

.left-col figure {
    width: 100%;
    overflow: hidden;
}

.right-col {
    float: right;
    width: 50%;
    position: relative;
    height: 100%;
    background: #fff;
}

.index-form-wrap {
    padding: 10px;
}

.brand-wrap-index {
    text-align: center;
    padding-bottom: 25px;
}

.brand-wrap-index figure {
    margin: 0 0 16px 0;
}

.brand-wrap figure {
    text-align: center;
    padding: 15px;
}

.brand-wrap-index figure img {
    width: 324px;
}

.index-title-line {
    font-size: 22px;
    text-align: center;
    color: #242d3d;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-style: italic;
}

.index-inner-form-wrap {
    padding: 15px 40px;
}

.txt-box-wrap {
    position: relative;
}

.login_filed {
    border: none !important;
    border-bottom: 2px solid #f1f1f1 !important;
    font-size: 16px !important;
    color: #000;
    background: transparent;
    position: relative;
    font-family: 'Roboto', sans-serif;
    z-index: 9;
    width: 100%;
    padding: 5px;
    border-radius: 0 !important;
}

.login_filed:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.login_filed:focus~.input-label,
.txt-box-wrap.active .login_filed~.input-label {
    top: -20px;
    font-size: 16px;
    color: #6f77ed;
    left: 5px !important;
}

.index-form-wrap input[type="text"]:focus,
textarea:focus {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

label.input-label {
    font-size: 16px;
    display: block;
    text-transform: uppercase;
    margin: 0;
    top: 5px;
    color: #b2b2b2;
    left: 5px;
    position: absolute;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    letter-spacing: 1px;
    font-weight: 400;
}

.bar {
    width: 100%;
    position: absolute;
    z-index: 99;
    display: block;
}

.bar:after,
.bar:before {
    position: absolute;
    top: -1px;
    width: 0;
    background-color: #6f77ed;
    height: 2px;
    content: "";
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.bar:after {
    right: 50%;
}

.bar:before {
    left: 50%;
}

.login_filed:focus~.bar:after,
.login_group.active .login_filed~.bar:after {
    width: 50%;
}

.login_filed:focus~.bar:before,
.login_group.active .login_filed~.bar:before {
    width: 50%;
}

button.login-bttn {
    background: #6f77ed;
    color: #fff;
    font-size: 21px;
    width: 100%;
    border-radius: 4px;
    padding: 12px;
    letter-spacing: 1px;
}

button.login-bttn:hover {
    background: #1a858a;
}

.commn-note {
    font-size: 18px;
    text-align: center;
    padding: 30px;
    color: #000;
}

.success-messg {
    font-size: 15px;
    display: block;
    color: #1a858a;
}

.login-otp a {
    float: left;
    font-size: 16px;
    color: #41c8c0;
    padding: 17px 0 0 0;
    text-decoration: none;
}

.login-otp a:hover,
.forgot a:hover {
    color: #6f77ed;
    font-weight: 500;
}

.forgot {
    float: right;
}

.forgot a {
    float: left;
    font-size: 16px;
    color: #41c8c0;
    padding: 17px 0 0 0;
    text-decoration: none;
}

.right-col-foot {
    /*    position: absolute;
bottom: 9px;
left: 50%;
transform: translateX(-50%);*/
    width: 100%;
}

.right-col-foot p {
    font-size: 16px;
    text-align: center;
    color: #b2b2b2;
}

.right-col-foot a {
    color: #1a6cac
}

.login-bttn-wrap ul li {
    margin: 15px 20px;
    display: inline-block;
}

.commn-bttn-index {
    padding: 10px 30px;
    font-weight: 400;
    font-size: 20px;
    background: transparent;
    background: #6f77ed;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #6f77ed;
}

.commn-bttn-index:hover {
    background: #242d3d;
    color: #fff;
}

.outline-btn {
    border: 1px solid #6f77ed;
    color: #6f77ed;
    background: transparent;
}

.bottom-para {
    font-size: 16px;
    text-align: center;
    color: #000;
}

.bottom-para a {
    color: #1a6cac;
    text-decoration: underline;
}

.hide-scroll {
    overflow: hidden;
    background: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.forgot-lock {
    margin: 10px auto 10px -41px !important;
}

.forgot-lock img {
    width: 220px !important;
}

p.index-title-line.forgot-heading {
    font-style: normal;
    text-align: center;
}

.login-otp-hd {
    font-size: 21px;
    color: #6f77ed;
    margin: 20px 0 -16px 0;
    font-weight: 400;
}

.country-code .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

button.btn.dropdown-toggle.selectpicker.btn-default {
    background: transparent;
    /* border: 0; */
    margin: 4px 0 0 0;
    border: none;
    border: none;
    border-radius: 0;
    font-size: 16px;
    color: #000;
    outline: none;
}

.login-otp-field .country-code button.btn.dropdown-toggle.selectpicker {
    margin: 1px 0 0 0;
}

.login-otp-field .country-code button.btn.dropdown-toggle.selectpicker:focus {
    border: 1px solid #6f77ed;
    outline: none !important;
    box-shadow: 0 0 4px #6f77ed;
    border-radius: 2px;
}

.country-code {
    width: 82px;
    position: absolute;
    bottom: -10px;
    z-index: 9999;
    top: -3px;
}

.countr-select-code-custom {
    display: inline-block;
    border: 0;
    box-shadow: none;
    font-size: 16px;
    color: #000;
}

.login-otp-field label.input-label {
    left: 100px;
}

.login-otp-field .txtbx-padding {
    padding-left: 86px !important;
}

.login-otp-field .login_filed:focus~.input-label,
.txt-box-wrap.active .login_filed~.input-label {
    top: -20px;
    font-size: 16px;
    color: #6f77ed;
    left: 0;
}

input.otp-box {
    font-size: 18px;
    border: 1px solid;
    width: 40px;
    padding: 6px 0;
    display: inline-block;
    border-radius: 3px;
    border: 2px solid #1b9090;
    text-align: center;
    display: inline-block;
    margin: 20px 8px 0;
    font-weight: 500;
    color: #6f77ed;
}

p.otp-para {
    font-size: 18px;
    text-align: center;
    color: #000000;
}

p.otp-para span {
    font-weight: 600;
}

.otp-time-wrapper {
    margin: 25px 0;
}

.remaining_time {
    color: #e94b4b;
    font-size: 16px;
    display: inline-block;
}

span.time {
    display: inline-block;
    font-size: 16px;
    color: #e94b4b;
    font-weight: 500;
    margin: 0 0 0 5px;
}

.resend_otp {
    font-size: 22px;
    color: #6f77ed;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: underline;
}


/*****************Login Forgot Reset OTP**********************/


/*************Common Header Footer Navigation CSS*******************/


/*****@Mutelcor Inner******/

header {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    box-shadow: 0 0 6px #0000004d;
    background: #fff;
}

.brand {
    float: left;
}

.toggle-bttn {
    display: inline-block;
    margin: 15px 6px;
    cursor: pointer;
    vertical-align: middle;
}

span.icon-bar {
    background: #6f77ed;
    height: 3px;
    width: 18px;
    display: block;
    margin: 3px 0 0 0;
    border-radius: 1px;
}

.brand-wrap {
    margin: 0 5px;
    display: inline-block;
    vertical-align: middle;
}

.brand-wrap a {
    width: 172px;
    display: block;
    padding: 3px;
}

.brand-wrap a img {
    width: 100%;
}

.notification-user {
    float: right;
    position: relative;
}

.inner-notification-user {
    margin: 0;
    padding: 0;
}

.inner-notification-user ul {
    margin: 0;
    padding: 0;
}

.inner-notification-user ul li {
    margin: 0;
    display: inline-block;
    padding: 0;
}

.inner-notification-user ul li a {
    margin: 0;
    display: block;
    padding: 11px 25px;
    border-right: 1px solid #ccc;
    font-size: 19px;
}

.inner-notification-user ul li:last-child a {
    padding: 0 14px;
    position: relative;
    border-right: 0;
}

.inner-notification-user ul li:last-child a .user-image {
    border-radius: 50%;
    overflow: hidden;
    width: 35px;
    height: 35px;
    border: 1px solid #6f77ed;
    margin: 0 auto 0;
    display: block;
}

span.user-name-show-nm {
    font-size: 14px;
    display: block;
    text-align: center;
    position: absolute;
    right: 23px;
}

.inner-notification-user ul li a figure {
    position: relative;
}

.inner-notification-user ul li a figure span {
    position: absolute;
    content: "";
    color: #fff;
    top: -8px;
    right: -11px;
    height: 19px;
    width: 20px;
    background: #4e9bd7;
    border-radius: 3px;
    font-size: 11px;
    text-align: center;
    line-height: 1.8;
}

.inner-notification-user ul li a figure img {
    width: 21px;
}

.inner-notification-user ul li:nth-child(2) a figure span {
    background: #ff715a;
}

.user-setting {
    position: absolute;
    right: 5px;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.36);
    background: #fff;
    border-radius: 5px;
    top: 60px;
    display: none;
    z-index: 9;
}

.user-setting ul {
    margin: 0;
    padding: 0;
}

.user-setting ul li {
    margin: 0;
    padding: 0;
    display: list-item;
}

.user-setting ul li a {
    display: block;
    text-decoration: none;
    font-size: 15px;
    padding: 8px;
    padding: 5px 18px !important;
    color: #323232;
}

.notification-wrap {
    position: absolute;
    top: 50px;
    background: #fff;
    width: 400px;
    display: block;
    right: 40px;
    border-radius: 5px;
    box-shadow: 0px 0px 8px rgba(21, 19, 19, 0.48);
    display: none;
    z-index: 999;
}

.noti-head {
    font-size: 18px;
    padding: 10px 16px;
    border-bottom: 1px solid #e0e0e0;
}

.inner-notification-wrap {
    margin: 0;
    padding: 0;
    max-height: 250px;
    overflow-y: auto;
}

.view-all {
    font-size: 15px;
    text-align: center;
    padding: 10px 0;
    background: #6f77ed;
    color: #fff;
    cursor: pointer;
    border-radius: 0 0 5px 5px;
}

.inner-notification-wrap ul {
    margin: 0;
    padding: 5px 13px;
}

.inner-notification-wrap ul li {
    display: list-item;
    margin: 0;
    padding: 0;
    background: transparent;
}

.inner-notification-wrap ul li a {
    font-size: 15px;
    text-align: left !important;
    text-decoration: none;
    border: none;
    border-bottom: 1px solid #c9c9c9;
    color: #6f868b;
    display: block;
    position: relative;
    padding: 6px 18px !important;
    ;
}

.inner-notification-wrap ul li a .commn-pad {
    padding: 0 !important;
}

.wrap-noti-content {
    margin: 9px 0 0 14px;
}

.notification-label {
    color: #000000;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
}

.notification-note {
    font-size: 15px;
    color: #5a5a5a;
    font-weight: normal;
}

.notification-time {
    font-size: 12px;
    font-weight: normal;
    color: #aaa;
    display: block;
    cursor: pointer;
}

.noti-list-img {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    background: #ccc;
    border: 1px solid #ccc;
}

.active-circle {
    display: inline-block;
    font-size: 6px;
    color: #f00;
}

.noti-list-img img {
    width: 100%;
}

aside {
    overflow: hidden;
    width: 200px;
    transition: 0.1s;
    position: fixed;
    left: 0;
    height: 100%;
    background: #103666;
    z-index: 99;
}

.left-panel {
    padding: 0;
}

body.body-sm .left-user-block {
    padding: 7px;
}

.user-image {
    border-radius: 50%;
    width: 150px;
    /* overflow: hidden; */
    margin: 0 auto;
    position: relative;
}

.user-image img {
    width: 100%;
}

.left-menu ul li a {
    font-size: 16px;
    display: block;
    text-decoration: none;
    padding: 12px 0 11px 5px;
    position: relative;
    width: 250px;
    color: #fff;
    font-weight: 500;
}

.inner-left-pannel .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0 !important;
}

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

.left-user-block .user-image {
    width: 50px;
    overflow: hidden;
    height: 50px;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.dt-dtl-wrap {
    display: inline-block;
    vertical-align: middle;
}

.dr-name {
    font-size: 12px;
    text-transform: capitalize;
    color: #fff;
    display: block;
    font-weight: 600;
    width: 100%;
}

.dr-desgnation {
    font-size: 12px;
    width: 100%;
    color: #fff;
    text-overflow: ellipsis;
    width: 118px !important;
    overflow: hidden;
    white-space: nowrap;
}


/*****@Mutelcor Inner******/


/*************Common Header Footer Navigation CSS*******************/


/************Button CSS*******/

.outline-bttn {
    display: inline-block;
    font-size: 14px;
    padding: 5px 8px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background: transparent;
    cursor: pointer;
    border: 1px solid #6f77ed;
    letter-spacing: 0.5px;
    border-radius: 4px;
    color: #6f77ed;
    font-weight: 600;
}

.outline-bttn:hover {
    background: #108a7c;
    color: #fff;
}

.solid-bttn {
    display: inline-block;
    font-size: 14px;
    padding: 6px 12px;
    font-weight: 800;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background: #6f77ed none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    font-weight: normal;
    font-weight: 500;
}

.solid-bttn:hover {
    background: #108a7c;
    color: #fff;
}

.solid-bttn.last {
    border-bottom: 0;
}

.green.solid-bttn {
    background: #6f77ed;
    padding: 6px 15px;
    border-radius: 4px;
    border: 0;
    color: #fff;
}

.green.solid-bttn:hover {
    background: #6f77ed;
    color: #fff;
}

.gray-bttn {
    display: inline-block;
    font-size: 14px;
    padding: 6px 12px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background: #858a89 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    font-weight: 500;
}

.gray-bttn:hover {
    background: #a5a7a6;
    color: #fff;
}


/************Button CSS END*******/

.left-panel-show {
    width: 55px;
}

body.body-sm .right-panel {
    margin: 0 0 0 55px;
    transition: 0.1s;
}

body.body-sm .left-menu ul li a label.nav-txt {
    display: none;
}

body.body-sm .user-image {
    width: 40px;
    position: relative;
    margin: 0 0 0 -3px;
    height: 40px;
}

body.body-sm .user-image:after {
    /* position: absolute;
content: "";
width: 14px;
height: 27px;
background: #fff;
top: 21px;
left: 35px; */
}

body.body-sm .dr-name,
body.body-sm .dr-desgnation {
    display: none;
    width: 100%;
}

body.body-sm .treeview .treeview-menu {
    margin: 0;
    padding: 0;
    display: none;
    background: #032b4d;
    padding: 0px 0 20px 0;
    position: fixed;
    left: 53px;
    top: 162px;
}

body.body-sm .treeview .treeview-2 {
    margin: 0;
    padding: 0;
    display: none;
    background: #032b4d;
    padding: 0px 0 20px 0;
    position: fixed;
    left: 53px;
    top: 214px;
}

.left-user-block span {
    display: block;
}

.left-menu {
    /* border-top: 5px solid #36deca; */
    /* min-height: 90%; */
    margin: 0;
    position: relative;
    height: 90vh;
}

.left-menu ul {
    margin: 0;
    padding: 0;
}

.left-menu ul li {
    margin: 0;
    padding: 0;
    display: list-item;
}

.left-menu ul li {
    margin: 0;
    padding: 0;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0 !important;
}

.left-menu ul li a label.nav-txt {
    display: inline-block;
    transition: 1s !important;
    font-weight: normal;
    cursor: pointer;
}

.left-menu ul li a:active,
.left-menu ul li a:hover,
.left-menu ul li a.active {
    color: #fff;
    background: #6f77ed;
}

.left-menu ul li a span {
    margin: 5px 10px;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    background-size: contain;
}

figure.angle-drop {
    position: absolute;
    top: 17px;
    right: 64px;
    color: #ffffff;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}

figure.angle-drop-2 {
    position: absolute;
    top: 17px;
    right: 64px;
    color: #ffffff;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}
figure.angle-drop-3 {
    position: absolute;
    top: 17px;
    right: 64px;
    color: #ffffff;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}
figure.angle-drop-4 {
    position: absolute;
    top: 17px;
    right: 64px;
    color: #ffffff;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}

.angle-drop-rotate {
    transform: rotate(90deg) !important;
}

.angle-drop-rotate-2 {
    transform: rotate(90deg);
}
.angle-drop-rotate-3 {
    transform: rotate(90deg);
}
.angle-drop-rotate-4 {
    transform: rotate(90deg);
}

.left-menu ul li a span.dashboard {
    background-image: url("../images/dashboard.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a span.appointments {
    background-image: url("../images/test-list.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a span.patient-manager {
    background-image: url("../images/paitent-manager.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a span.patient {
    background-image: url("../images/paitent.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a span.cms {
    background-image: url("../images/hospital-list.svg");
    background-repeat: no-repeat;
}
.left-menu ul li a span.rpm {
    background-image: url("../images/test-list.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a span.clinical-manager {
    background-image: url("../images/import-export.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a span.billing {
    background-image: url("../images/paitent-manager.svg");
    background-repeat: no-repeat;
}
.left-menu ul li a span.message {
    background-image: url("../images/mail.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a span.setting {
    background-image: url("../images/setting.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a span.ipda {
    background-image: url("../images/ipda.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a span.import-export {
    background-image: url("../images/import-export.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a span.help {
    background-image: url("../images/help.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a:hover span.dashboard,
.left-menu ul li a.active span.dashboard {
    background-image: url("../images/dashboard-w.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a:hover span.appointments,
.left-menu ul li a.active span.appointments {
    background-image: url("../images/test-list-w.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a:hover span.patient-manager,
.left-menu ul li a.active span.patient-manager {
    background-image: url("../images/paitent-manager-w.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a:hover span.rpm,
.left-menu ul li a.active span.rpm {
    background-image: url("../images/paitent-manager-w.svg");
    background-repeat: no-repeat;
}
.left-menu ul li a:hover span.clinical-manager,
.left-menu ul li a.active span.clinical-manager {
    background-image: url("../images/paitent-manager-w.svg");
    background-repeat: no-repeat;
}
.left-menu ul li a:hover span.patient,
.left-menu ul li a.active span.patient {
    background-image: url("../images/paitent-w.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a:hover span.cms,
.left-menu ul li a.active span.cms {
    background-image: url("../images/hospital-list.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a:hover span.message,
.left-menu ul li a.active span.message {
    background-image: url("../images/mail-w.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a:hover span.setting,
.left-menu ul li a.active span.setting {
    background-image: url("../images/setting-w.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a:hover span.help,
.left-menu ul li a.active span.help {
    background-image: url("../images/help-w.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a:hover span.import-export,
.left-menu ul li a.active span.import-export {
    background-image: url("../images/import-export-w.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a span.surgery_instruction {
    background-image: url("../images/surgery_instruction.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a:hover span.surgery_instruction,
.left-menu ul li a.active span.surgery_instruction {
    background-image: url("../images/surgery_instruction-w.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a span.medical_certificate {
    background-image: url("../images/medical_certificate.svg");
    background-repeat: no-repeat;
}

.left-menu ul li a:hover span.medical_certificate,
.left-menu ul li a.active span.medical_certificate {
    background-image: url("../images/medical_certificate-w.svg");
    background-repeat: no-repeat;
}

.treeview-1 {
    display: none;
}

.treeview-2 {
    display: none;
}
.treeview-3 {
    display: none;
}

.treeview-4 {
    display: none;
}
.treeview {
    position: relative;
}

.treeview .treeview-menu {
    margin: 0;
    padding: 0;
    background: rgb(30, 72, 125);
    padding: 0px 0 0 0;
}

.treeview .treeview-menu ul {
    margin: 0;
}

.treeview-menu ul li {
    margin: 0;
    padding: 0;
}

.left-menu .treeview-menu>li>a {
    font-size: 14px !important;
    padding: 10px 5px 10px 40px;
    /* color: #779fc2; */
    color: #fff;
    position: relative;
    transition: 1s;
}

.left-menu .treeview-menu>li>a:hover:before,
.left-menu .treeview-menu>li>a:active:before,
.left-menu .treeview-menu>li>a.active:before {
    position: absolute;
    content: "";
    background: #6f77ed;
    width: 81px;
    height: 2px;
    bottom: 8px;
    transition: 1s;
}

.left-menu .treeview-menu>li>a:active,
.left-menu .treeview-menu>li>a:hover,
.left-menu .treeview-menu>li>a.active {
    /* background: #032b4d; */
    color: #fff;
}

.white-wrapper {
    background: #fff;
}

label.top-label {
    font-size: 14px;
    margin: 9px 0 0 0;
}

.dmy-wrap {
    margin: 10px 10px 0 0;
    display: inline-block;
    float: right;
    position: absolute;
    top: 43px;
    right: 5px;
    color: #fff;
}

.dmy-wrap span {
    font-size: 15px;
    margin: 6px 0 0 0;
    display: inline-block;
}

.dmy-wrap span img {
    margin: -3px 9px 0 0;
}

.dmy-wrap span i {
    font-size: 20px;
    margin: 0 10px;
}

.custom-breadcrumb {
    width: 100%;
    /*margin: 9px 0 0 0;*/
    padding: 0 0 0px 0;
    /* border-bottom: 1px solid #dadada; */
}

.custom-breadcrumb ul {
    margin: 0;
    padding: 0;
}

.custom-breadcrumb ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
}

.custom-breadcrumb ul li:after {
    position: absolute;
    content: ">";
    top: 50%;
    right: -5px;
    font-size: 14px;
    color: #6f77ed;
    transform: translateY(-50%);
}

.custom-breadcrumb ul li:last-child:after {
    content: "";
}


/*.custom-breadcrumb ul li a {
margin: 16px;
padding: 0;
color: #6f77ed;
font-size: 14px;
text-decoration: none;
text-transform:uppercase;
font-family: 'Roboto-Medium';
position: relative;
}*/

.custom-breadcrumb ul li a {
    margin: 9px;
    /* padding: 8px 0px; */
    color: #1EAF9D;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Roboto-Medium';
    position: relative;
    display: block;
}

.custom-breadcrumb ul li a:active,
.custom-breadcrumb ul li a.active {
    color: #000000;
}

.side-border {
    border-left: 8px solid #6f77ed;
    margin: 0;
    padding: 8px 16px;
    border-top: 1px solid #dadada;
}

.form-label {
    font-size: 14px;
    text-transform: uppercase;
    color: #6f77ed;
    font-weight: 400;
    margin: 0px;
    letter-spacing: 1px;
    font-weight: normal;
    display: block;
}

.api-inner-col {
    padding: 22px;
    border-right: 1px solid #dadada;
    border-left: 1px solid #dadada;
}

.api-inner-col-2 {
    padding: 18px 22px;
    border-right: 0;
    border-left: 0;
}

.form-filed-wrap {
    position: relative;
}

.padng-txt-bx {
    padding-left: 110px !important;
}

.mr-ms-select-wrap {
    position: absolute;
}

.mr-ms-select-wrap .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100px;
}

.mr-ms-select-wrap button.btn.dropdown-toggle.selectpicker.btn-default {
    font-size: 14px;
    height: 34px;
    border: none;
    border-right-width: medium;
    border-right-style: none;
    border-right-color: currentcolor;
    background: transparent;
    border-right: 1px solid #dadada;
    border-radius: 2px 0 0 2px!important;
    /* padding: 6px 12px; */
    text-align: center;
    margin: 0;
}

.commn-select-wrap .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100% !important;
    margin: 0;
}

.commn-select-wrap button.btn.dropdown-toggle.selectpicker.btn-default {
    font-size: 14px;
    /* height: 50px; */
    background: #fff;
    padding: 7px 5px;
}

.commn-circle-img {
    background: #e0e0e0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    /* padding: 4px; */
    margin: 0 auto;
}

.browse-bttn {
    background: #838383;
    font-size: 14px;
    color: #fff;
    padding: 3px 22px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    font-weight: normal;
    margin: 0 5px;
}

.commn-circle-img img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.api-inner-col-1 {
    padding: 10px;
    margin: 0 -32px 0 0;
}

.commn-para {
    font-size: 14px;
    color: #000;
}

.strong-label {
    font-size: 14px;
    font-weight: normal;
    /* margin: 0;*/
}

.comn-tb-brdr {
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

.inner-patient-wraper {
    width: 100%;
}

.inner-patient-wraper ul {
    margin: 0;
    padding: 0;
    display: table;
    margin: 0 auto;
    width: 100%;
}

.inner-patient-wraper ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    float: left;
    width: 33%;
}

.inner-patient-wraper ul li a {
    display: block;
    margin: 0;
    background: #2d2d2d;
    font-size: 17px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    position: relative;
    padding: 20px 35px 20px 70px;
    margin: 13px 0 0 0;
}

.inner-patient-wraper ul li a:before {
    position: absolute;
    border-top: 34px solid transparent;
    border-bottom: 28px solid transparent;
    border-left: 50px solid #414141;
    content: "";
    top: 0;
    left: 0px;
    z-index: 1;
}

.inner-patient-wraper ul li a:after {
    position: absolute;
    border-top: 34px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 50px solid #838383;
    content: "";
    top: 0px;
    right: -49px;
    z-index: 2;
}

.inner-patient-wraper ul li:nth-child(1) a {
    background: #6f77ed;
}

.inner-patient-wraper ul li:nth-child(1) a:after {
    border-left-color: #6f77ed;
}

.inner-patient-wraper ul li:nth-child(1) a:before {
    border-left-color: #fff;
}

.inner-patient-wraper ul li:nth-child(1) a {
    background: #6f77ed;
}

.inner-patient-wraper ul li:nth-child(2) a {
    background: #838383;
}

.inner-patient-wraper ul li:nth-child(2) a:before {
    border-left-color: #414141;
}

.inner-patient-wraper ul li:nth-child(2) a:active,
.inner-patient-wraper ul li:nth-child(2) a.active {
    background: #059a88;
}

.inner-patient-wraper ul li:nth-child(2) a.active:after {
    border-left-color: #059a88;
}

.inner-patient-wraper ul li:nth-child(3) a {
    background: #797676;
}

.inner-patient-wraper ul li:nth-child(3) a:after {
    border-left-color: #2d2d2d;
    display: none;
}

.inner-patient-wraper ul li:nth-child(3) a:active,
.inner-patient-wraper ul li:nth-child(3) a.active {
    background: #057b6d;
}

.inner-patient-wraper ul li:nth-child(3) a.active:after {
    border-left-color: #057b6d;
}

.form-one {
    position: relative;
}

.form-one:before {
    background-image: url(../images/corner.png);
    position: absolute;
    top: -84px;
    content: "";
    left: -3px;
    width: 100px;
    height: 86px;
    background-repeat: no-repeat;
    background-size: cover;
}

.form-one:after {
    background-image: url(../images/corner.png);
    position: absolute;
    top: -84px;
    content: "";
    right: -3px;
    width: 100px;
    height: 86px;
    /* background-position: -97px; */
    transform: scaleX(-1);
    z-index: 99;
    background-repeat: no-repeat;
    background-size: cover;
}

input.type-file {
    display: none;
    opacity: 0;
    width: 50%;
    position: absolute;
}

.modal-para {
    font-size: 14px;
    /* text-align: center; */
    color: #000000;
}

time-picker-wrapper span.add-icon {
    position: absolute;
    right: 8px;
    top: 0px;
    background: #6f77ed;
    color: #fff;
    padding: 2px 10px;
    font-size: 23px;
    display: inline-block;
    border-radius: 3px;
    cursor: pointer;
}

span.add-icon {
    position: absolute;
    right: 17px;
    top: 22px;
    background: #6f77ed;
    color: #fff;
    padding: 3px 7px !important;
    font-size: 18px;
    display: inline-block;
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

span.membership {
    position: absolute;
    right: -5px;
    top: 0;
    background: #6f77ed;
    color: #fff;
    padding: 7px 7px;
    font-size: 18px;
    display: flex;
    border-radius: 3px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

span.minus-icon {
    position: absolute;
    right: -8px;
    top: 3px;
    background: #6f77ed;
    color: #fff;
    padding: 7px 7px;
    font-size: 18px;
    /* display: inline-block; */
    border-radius: 3px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

span.membership-minus-icon {
    position: absolute;
    right: -5px;
    top: 0;
    background: #6f77ed;
    color: #fff;
    padding: 7px 7px;
    font-size: 18px;
    display: flex;
    border-radius: 3px;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.calendar-icon {
    background-image: url(../images/calendar-icon.png);
    width: 17px;
    height: 19px;
    position: absolute;
    right: 15px;
    top: 10px;
}

.c-b-top {
    border-top: 1px solid #dadada;
}

.c-b-bottom {
    border-bottom: 1px solid #dadada;
}

.c-b-right {
    border-right: 1px solid #dadada;
}

.c-b-left {
    border-left: 1px solid #dadada;
}

.commn-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

.heading {
    font-size: 16px;
    display: inline-block;
    margin: 0;
}

.table {
    border: none;
}

html input[disabled],
html input[readonly] {
    background: #ebebe4;
    border: 1px solid #ebebe4 !important;
    box-shadow: none !important;
}

.table>thead>tr>th {
    border: none !important;
    font-size: 14px;
    text-align: center !important;
    font-weight: normal;
    border: none;
    padding: 13px 5px;
    /* border-bottom: 2px solid #dde1e3; */
    color: #fff;
    background: #6f77ed;
    font-weight: 500;
}

.table tbody tr td {
    font-size: 14px;
    text-align: center;
    vertical-align: middle;
}

.table>tbody>tr>td>.filter-select-wrap .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
    margin: 0;
}

.table tbody tr:nth-child(odd) {
    background-color: #f2f7fa;
}

.camera-td {
    background-image: url(../images/camera-td.png);
    height: 13px;
    width: 15px;
    display: inline-block;
    margin: 0 auto;
    cursor: pointer;
    background-size: cover;
}

.re-time {
    background-image: url(../images/re-time.png);
    height: 13px;
    width: 12px;
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: cover;
}

.rx {
    background-image: url(../images/rx.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 15px;
    width: 11px;
    display: inline-block;
    margin: 5px 5px 0 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: contain;
}

.user-td {
    background-image: url(../images/user-td.png);
    height: 15px;
    width: 14px;
    display: inline-block;
    margin: 0 5px 0 0px;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    background-size: cover;
    background-size: contain;
}

.note {
    background-image: url(../images/note.png);
    background-repeat: no-repeat;
    height: 15px;
    width: 11px;
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: contain;
}

.trash {
    width: 12px;
    background-image: url(../images/trash.png);
    width: 11px;
    height: 13px;
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
    cursor: pointer;
    background-size: cover;
    /* background-size: contain; */
}

.status-color {
    color: #f00;
}

.stauts-pending {
    color: #262626;
    cursor: pointer;
}

.status-blue-pending {
    color: #264cf1;
}

.stauts-cancel {
    color: #858585;
}

.green-wrapper {
    background: #6f77ed;
    /* padding: 17px 90px 8px 90px; */
    padding: 15px 85px;
    margin: 30px 0 0 0;
}

.green-wrapper input[type="text"],
textarea {
    border-radius: 5px;
    /* border: 2px solid #1b9d8e; */
}

.green-wrapper button.btn.dropdown-toggle.selectpicker.btn-default {
    background: #f5f5f5;
    border-radius: 4px;
    padding: 8px 10px;
}

.green-wrapper .search {
    padding: 1px 8px 0 5px;
    display: block;
    color: #6f77ed;
    font-size: 24px;
    cursor: pointer;
    text-align: left;
    position: absolute;
    background: #fff;
    top: 2px;
    right: 2px;
    /* background: #ccc; */
    border-left: 1px solid #eee;
}


/*.modal-body.clinic-note-modal-body {
border: 2px solid #dfdfdf;
border-radius: 11px;
margin: 9px 13px;
padding: 0 15px 0px 15px;
}*/

.modal-body.clinic-note-modal-body {
    border: 1px solid #dfdfdf;
    border-radius: 11px;
    margin: -10px 13px 15px;
    padding: 0 15px 0 15px;
}

.modal-body.clinic-note-modal-body textarea {
    /* border: none; */
    margin: 0 0 10px 0;
}

.clinic-note-modal-body button.btn.dropdown-toggle.selectpicker.btn-default {
    font-size: 14px;
    height: 35px;
    /* background: #fff; */
    /* border: none;*/
    /* padding: 7px 12px; */
    /* box-shadow: none; */
    width: 100%;
    padding: 0 20px;
}

.clinic-note-modal-head {
    border-bottom: none;
}

.clinic-note-modal-head span {
    font-size: 18px;
    font-weight: 600;
    /* color: #6f77ed; */
    color: #000;
}

.clinic-note-modal-head label {
    font-size: 18px;
    display: inline-block;
}

.clinical-modal-foot {
    border: none;
}

.attach-wrap {
    padding: 15px 0 0;
}

.attach-icon {
    background: #6f77ed;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.attach {
    font-size: 17px;
    color: #6f77ed;
    text-transform: uppercase;
    letter-spacing: 1px;
}

input.attach-file-path {
    width: auto;
    border: none;
}

input.attach-file-path:focus {
    border: none !important;
    box-shadow: none !important;
}

input[type="file"] {
    display: none !important;
}

.show-label {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    word-break: break-word;
}

.tringle-border {
    position: relative;
}

.tringle-border {
    background-image: url(../images/seprator.png);
    /* background-size: cover; */
    background-repeat: no-repeat;
    /* height: 112px; */
    padding: 22px;
    background-position: right;
}

.center-select-wrap .bootstrap-select.btn-group .btn .filter-option {
    text-align: center;
}

span.select-med {
    font-size: 16px;
    color: #b1b1b1;
}

@media (min-width: 992px) {
    .modal-lg-epre {
        width: 1300px;
    }
}

.inner-col-eprescripton {
    height: 637px;
}

span.days {
    font-size: 17px;
    display: block;
    background: #6f77ed;
    width: 86px;
    text-align: center;
    border-radius: 4px;
    padding: 3px 0;
    color: #fff;
}

.edit-trash {
    font-size: 20px;
    color: #b1b1b1;
}

.modal .edit-trash {
    font-size: 15px;
    color: #b1b1b1;
    position: absolute;
    top: 0;
    right: 0;
}

.gray-label {
    font-size: 14px;
    color: #4e4e4e;
    font-weight: normal;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
}

.view-result-dig .commn-select-wrap button.btn.dropdown-toggle.selectpicker.btn-default {
    font-size: 14px;
    height: 32px;
    vertical-align: middle;
    width: 50px;
    margin: 0;
}

.inner-col-eprescripton {
    margin: 0;
    padding: 0;
}

.inner-col-eprescripton ul {
    margin: 0;
    padding: 0;
}

.inner-col-eprescripton ul li {
    margin: 0;
    padding: 9px 0;
    border-bottom: 1px solid #dfdfdf;
}

.inner-col-eprescripton ul li:last-child {
    border-bottom: none;
}

.meadical-type {
    margin: 0 -14px;
    padding: 0;
}

.meadical-type ul {
    margin: 0;
    padding: 0;
}

.meadical-type ul li {
    margin: 0 auto;
    display: table;
    border-right: 1px solid #dfdfdf;
    float: left;
}

.meadical-type ul li:last-child {
    border-right: none;
}

.meadical-type ul li a {
    display: block;
}

.meadical-type ul li a span {
    background: #fff;
    padding: 65px 103px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.modal .meadical-type ul li {
    display: inline-block;
}

.modal .meadical-type ul li a span {
    padding: 35px 59px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-size: 45px;
}

.meadical-type ul li a span.injection {
    background-image: url(../images/injection-g.png);
}

.meadical-type ul li a span.capsule {
    background-image: url(../images/capsule-g.png);
}

.meadical-type ul li a span.tablet {
    background-image: url(../images/tablet-g.png);
}

.meadical-type ul li a span.syrup {
    background-image: url(../images/syrup-g.png);
}

.meadical-type ul li a:active span.injection,
.meadical-type ul li a.active span.injection {
    background-color: #6f77ed;
    background-image: url(../images/injection-w.png);
}

.meadical-type ul li a:active span.capsule,
.meadical-type ul li a.active span.capsule {
    background-color: #6f77ed;
    background-image: url(../images/capsule-w.png);
}

.meadical-type ul li a:active span.tablet,
.meadical-type ul li a.active span.tablet {
    background-color: #6f77ed;
    background-image: url(../images/tablet-w.png);
}

.meadical-type ul li a:active span.syrup,
.meadical-type ul li a.active span.syrup {
    background-color: #6f77ed;
    background-image: url(../images/syrup-w.png);
}

.top-total-count {
    font-size: 17px;
}

.notification-bell-wrap {
    margin: 10px 0 0 0;
    padding: 0;
}

.notification-bell-wrap ul {
    margin: 0;
    padding: 0;
}

.notification-bell-wrap ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.notification-bell-wrap ul li a {
    text-decoration: none;
    font-size: 14px;
    display: block;
    color: #000;
    margin: 0 10px 0 0;
}

.notification-bell-wrap ul li a:active,
.notification-bell-wrap ul li a.active {
    color: #6f77ed;
    font-weight: 600;
}

.notification-bell-wrap ul li a span {
    font-weight: 600;
}

.normal {
    color: #8eac6b;
    display: inline-block !important;
}

.risk {
    color: #d99f3a;
    display: inline-block !important;
}

.pending {
    color: #646568;
    display: inline-block !important;
}

.high-risk {
    color: #ff715a;
    display: inline-block !important;
}

.paination-wraper {
    margin: 0;
    padding: 0;
}

.paination-wraper ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.paination-wraper ul li {
    margin: 0;
    display: inline-block;
    padding: 0;
    float: left;
}

.paination-wraper ul li:first-child a {
    border-left: 1px solid #dde1e3;
    border-radius: 5px 0 0 5px;
}

a.disable {
    background: rgba(204, 204, 204, 0.35);
    color: #fff !important;
    cursor: no-drop;
}

a.disable:hover {
    background: rgba(204, 204, 204, 0.35) !important;
}

.paination-wraper ul li:last-child a {
    border-left: 1px solid #dde1e3;
    border-radius: 0px 5px 5px 0px;
}

.paination-wraper ul li a {
    margin: 0;
    display: block;
    padding: 5px 10px;
    font-size: 12px;
    text-decoration: none;
    color: #4e4e4e;
    border-top: 1px solid #dde1e3;
    border-right: 1px solid #dde1e3;
    border-bottom: 1px solid #dde1e3;
}

.paination-wraper ul li a:hover,
.paination-wraper ul li a:active,
.paination-wraper ul li a.active {
    background-color: #6f77ed;
    color: #fff;
}

.show-count {
    font-size: 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #eee;
}

.user-call-wrap {
    position: absolute;
    width: 212px;
    /* left: 0; */
    background: rgb(249, 249, 249);
    z-index: 999;
    /* width: 200px; */
    right: 23px;
    padding: 15px 13px;
    top: 0;
    border-radius: 10px;
    box-shadow: 0px 3px 8px #ccc;
    display: none;
    transition: 1s;
    padding: 20px 14px;
}

.user-call-wrap:after {
    content: "";
    position: absolute;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid rgb(249, 249, 249);
    top: 50%;
    right: -6px;
    transform: translateY(-50%);
    box-shadow: 2px 2px 8px rgba(204, 204, 204, 0.08);
    /* z-index: -1; */
}


/*.user-td:hover .user-call-wrap{
display: block;
}*/

.user-call-wrap ul {
    padding: 0;
    margin: 0;
}

.user-call-wrap ul li {
    padding: 2px 0;
    margin: 0;
    text-align: left;
    border-bottom: 1px solid #0000001f;
}

.user-call-wrap ul li a {
    text-decoration: none;
    padding: 1px;
    margin: 0;
    color: #000;
    /* font-size: 14px; */
    text-align: left !important;
    display: block;
}

.user-call-wrap ul li a .fa {
    color: #6f77ed;
    margin: 0 4px 0 0;
}

.strip-action {
    width: auto !important;
    right: 22px !important;
    top: -82px;
}

.error-page-h1 {
    text-align: center;
    text-align: center;
    font-size: 30vh;
    color: #ccc;
}

p.error-page-para {
    font-size: 57px;
    text-align: center;
    color: #262626;
}

.country {
    border: 1px solid #ccc;
    margin: 8px -5px 0 0;
    padding: 20px 0 10px;
    position: relative;
}

.country .head-title {
    font-size: 18px;
    position: absolute;
    display: block;
    left: 15px;
    top: -12px;
    background: #fff;
}

.profile-img-wrap {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border: 1px solid #262626;
    position: relative;
}

.profile-img-wrap img {
    width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.profile-img-wrap label {
    font-size: 22px;
    position: absolute;
    bottom: -7px;
    right: 0;
    color: #ffffff;
    background: #6f77ed;
    padding: 0 2px 0 6px;
    border-radius: 9px 0 0 8px;
    cursor: pointer;
}

.row.dash-inner-col {
    border: 1px solid #262626;
    margin: 0;
    background: #6f77ed;
    padding: 12px;
    border-radius: 5px;
    box-shadow: 2px 4px 8px rgba(99, 99, 99, 0.72);
}

span.das-label {
    font-size: 16px;
    display: block;
    text-align: right;
    padding: 0 20px 0 0;
    color: #fff;
}

span.user-digt {
    font-size: 20px;
    color: #fff;
    text-align: right;
    display: block;
    padding: 0 20px 0 0;
}

.custom-width {
    width: 200px;
}

.change-box {
    width: 400px;
    margin: 50px auto;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.time-picker-wrapper {
    position: relative;
    padding: 0 45px 0 0;
    margin: 0 0 15px 0;
}

.commn-bttn {
    background: #6f77ed;
    color: #fff;
    border: none;
    font-size: 18px;
    padding: 6px;
    width: 100%;
    border-radius: 5px;
    text-align: center;
    font-weight: normal;
}

.error_messg {
    font-size: 15px;
    color: #f00;
    display: block;
}

.mCSB_inside>.mCSB_container {
    margin-right: 0px !important;
}


/* .custom-breadcrumb ul li a:before {
content: ">";
position: absolute;
font-size: 20px;
position: absolute;
right: -20px;
top: -6px;
} */

.custom-breadcrumb ul li:last-child a:before {
    content: "";
}

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

.note-italic {
    font-size: 14px;
    font-style: italic;
    color: #262626;
    text-transform: capitalize;
}

.first-user {
    display: inline-block;
    color: #ccc;
}


/* span.text {
word-wrap: break-word !important;
width: 62px !important;
display: block;
} */


/****Update  page***/

.dr-img-wrap {
    /* float: left; */
    overflow: hidden;
    margin: 0 20px 0 0;
    vertical-align: middle;
    display: inline-block;
}

.dr-detail-wrap {
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.dr-img-wrap figure {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    background-color: #ccc;
    border: 1px solid #6f77ed;
    /* background-image: url(../images/default_doctor_image.png); */
    background-position: center;
    background-size: contain;
}

.dr-img-wrap figure img {
    width: 100%;
    height: 100%;
}

.dr-detail-wrap .dr-bell {
    color: #f00;
    font-size: 14px;
    margin: 0 8px 0 -15px;
}

.dr-detail-wrap .dr-name {
    font-size: 18px;
    margin: 0;
    color: #000;
    margin: 0;
    padding: 0;
    text-align: left;
    display: inline-block !important;
    width: auto !important;
}

.dr-detail-wrap .uhid {
    display: block;
    margin: 0 0 0 7px;
    font-size: 16px;
}

.dr-detail-wrap .mob-no {
    font-size: 16px;
    margin: 0 0 0 6px;
    display: block;
}

.dr-detail-wrap .email-id {
    font-size: 14px;
    margin: 0 0 0 24px;
}

.dr-detail-wrap .email-id .fa-envelope-o {
    margin: 0 6px 0 0;
}

.dr-m-list-wrap {
    margin: 0;
    position: relative;
}

.center-label {
    background-color: #fff;
    /* margin: 0 auto; */
    font-size: 14px;
    border-radius: 0 0 20px 20px;
    position: absolute;
    top: 100%;
    left: 50%;
    padding: 4px 25px;
    font-weight: 600;
    transform: translateX(-50%);
    box-shadow: 0 4px 6px rgba(204, 204, 204, 0.46);
    border-top: 1px solid #dadada;
    text-align: center;
}

.dr-m-list-wrap ul {
    margin: 0;
    padding: 5px 0;
    background: #6f77ed;
}

ul.common-nav {
    text-align: center;
    white-space: nowrap;
    overflow-x: auto;
}

.dr-m-list-wrap ul li {
    padding: 0;
    margin: 0 4px 0 4px;
    display: inline-block;
    position: relative;
}

.dr-m-list-wrap ul li a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 5px 8px;
    color: #fff;
    position: relative;
    border-radius: 25px;
}

.dr-m-list-wrap ul li a:active,
.dr-m-list-wrap ul li a.active {
    color: #6f77ed;
    background-color: #fff;
}

.dr-m-list-wrap ul li:after {
    content: "|";
    position: absolute;
    font-size: 20px;
    position: absolute;
    right: -7px;
    top: -6px;
    color: #fff;
}

.dr-m-list-wrap ul li:last-child:after {
    background: transparent;
    color: transparent;
}

.dr-m-list-wrap ul li:last-child a:before {
    content: "";
}

.b-s-label {
    font-size: 15px;
    margin: 5px 0 0;
}

.sm-select-wrap .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.sm-select-wrap button.btn.dropdown-toggle.selectpicker.btn-default {
    font-size: 14px;
    height: 30px;
}

.disable-bttn {
    font-size: 15px;
    padding: 10px 15px;
    width: 100%;
    background: transparent;
    color: #ccc;
    letter-spacing: 0px;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-family: 'Roboto-Medium';
    cursor: not-allowed;
}

input.td-text-box {
    width: auto !important;
    padding: 3px 5px !important;
}

.inner-measurement-block {
    border-radius: 6px;
    box-shadow: 2px 2px 6px rgba(204, 204, 204, 0.3);
    cursor: pointer;
    min-height: 200px;
    background: #fff;
    margin: 8px 0;
    border: 1px solid #eee;
    position: relative;
}

.col-head-block {
    border-bottom: 2px solid #6f77ed;
}

.col-head-block .icon {
    background: #6f77ed;
    width: 45px;
    height: 37px;
    float: left;
    overflow: hidden;
    margin: -1px 10px 0 0;
    border-radius: 3px 0 0 0;
    position: relative;
}

.col-head-block .icon figure img {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.col-head-block .heade-content {
    font-size: 16px;
    padding: 9px 10px 4px;
    margin: 0 0 0 0;
    font-weight: 500;
}

.measur-r-col {}

.bell-side {}

.red-bell {
    color: #f00!important;
}

.green-bell {
    color: #1eaf3e;
}

.yellow-bell {
    color: #F1B24F!important;
}

.light-label {
    font-size: 15px;
    color: #000;
    font-weight: normal;
    margin: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
}

.b-l-wrap {
    margin: 4px 0;
    padding: 5px 1px;
    min-height: 35px;
}

span.show-label.right {
    text-align: right;
    display: block;
}

.foot {
    border-top: 1px solid #6f77ed;
    padding: 9px 5px;
    margin: 0 9px;
    font-size: 13px;
    color: #000;
    position: absolute;
    width: 93%;
    bottom: 0;
}

label.outline-bttn {
    text-align: center;
    font-weight: normal;
    margin: 0;
    padding: 5px 6px;
    cursor: pointer;
    font-weight: 500;
}

.sort-ascen {
    display: inline-block;
    height: 20px;
    background: transparent;
    position: relative;
    left: 11px;
    top: 4px;
    cursor: pointer;
}

.am-asc {
    color: #6f77ed;
}

.sort-ascen:before {
    font-family: FontAwesome;
    content: "\f0dd";
    position: absolute;
    left: 0;
    color: #6f77ed;
}

.sort-dscen {
    display: inline-block;
    height: 20px;
    background: transparent;
    position: relative;
    left: 11px;
    top: 4px;
    cursor: pointer;
}

.sort-dscen:after {
    font-family: FontAwesome;
    content: "\f0de";
    position: absolute;
    left: 0;
    color: #6f77ed;
}

span.dr-m-icon:after {
    position: absolute;
    background: #000;
    height: 0;
    width: 0;
    top: -5px;
    content: "|";
    right: -8px;
    font-size: 18px;
}

span.dr-m-icon {
    position: relative;
    margin: 0 12px 0 0;
}

span.score {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 13px;
    margin-top: 0px;
    margin-left: 0;
    color: #e1e4e4;
    position: relative;
}

.score::before,
.score span::before {
    content: "\f006\f006\f006\f006\f006";
    display: block;
}

.score::before,
.score span::before {
    content: "\f005\f005\f005\f005\f005";
    display: block;
}

.score span {
    color: #ffd218;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.fa-paperclip {
    margin: 0 10px 0 0;
    font-size: 18px;
}

.boder-table {
    border-bottom: 2px solid #dde1e3;
}

.plan-green {
    padding: 10px;
    background-color: #6f77ed;
    position: relative;
}

.step-date-wrap {
    margin: 0 0 25px 0;
    padding: 0;
    text-align: center;
}

.step-date-wrap ul {
    margin: 0 53px 0 2px;
    padding: 0;
    position: relative;
    height: 37px;
    padding: 0;
}

.step-date-wrap ul li {
    font-size: 14px;
    position: absolute;
}

.step-date-wrap ul li:after {
    position: absolute;
    content: "";
    background: #e1fffb;
    height: 5px;
    width: 100%;
    top: 5px;
    display: none;
}

.step-date-wrap ul li:last-child .test-date-wrap span {
    white-space: nowrap;
}

.step-date-wrap ul li:last-child .test-date-wrap {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}

.step-date-wrap ul li:last-child {}

.step-date-wrap ul li:last-child:after {
    /*    width: 100%;*/
}

.step-date-wrap ul li:nth-last-child(-n+2):after {
    background: #49cebe;
}

.step-date-wrap ul li:last-child .circle {
    background: #49cebe;
}

.circle {
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: table;
    margin: 0 auto;
    position: relative;
    z-index: 99;
}

.first-circle {
    background: #49cebe;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: table;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    right: -10px;
    top: -1px;
}

.srgy-circle {
    background: #e21a1a;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: table;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    z-index: 99999;
    /* z-index: 999; */
}

.srg-date {
    /* text-align: center; */
    color: #e1fffb;
    font-size: 14px;
    padding: 0 0 0 0;
    display: none;
    position: absolute;
    /* z-index: 999; */
    /* background: #ccc; */
}

.srgy-circle:hover+.srg-date {
    display: block;
    padding: 4px 5px 0 4px;
    background: #0c9080;
    border-radius: 3px;
    margin: 1px 0 0 -27px;
}

.dsrg-circle {
    background: #65da5e;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: table;
    margin: 0 auto;
    position: relative;
    z-index: 99;
    z-index: 99999;
    /* z-index: 999; */
}

.dsrg-date {
    /* text-align: center; */
    color: #e1fffb;
    font-size: 14px;
    padding: 0 0 0 0;
    display: none;
    position: absolute;
    /* z-index: 999; */
    /* background: #ccc; */
}

.dsrg-circle:hover+.dsrg-date {
    display: block;
    padding: 4px 5px 0 4px;
    background: #0c9080;
    border-radius: 3px;
    margin: 1px 0 0 -27px;
}

.test-date-wrap {
    /* text-align: center;*/
    color: #e1fffb;
    font-size: 14px;
    padding: 0 0 0 0;
}

span.lb1 {
    display: block;
}

.chart-button-wrap {
    margin: 0;
    padding: 0;
}

.chart-button-wrap ul {
    padding: 0;
    margin: 0;
}

.chart-button-wrap ul li {
    padding: 0;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.chart-button-wrap>ul>li>a,
.chart-button-wrap>ul>li>span {
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 3px;
    padding: 5px 8px;
    display: block;
    text-decoration: none;
    font-size: 11px;
    margin: 10px 3px 0 0;
    cursor: pointer;
}

.chart-button-wrap ul li a:active,
.chart-button-wrap ul li a.active {
    background-color: #fff;
    color: #000;
}

.switch-wrapper {
    width: 100%;
    position: relative;
    margin: 15px 0;
    padding: 0 20px;
}

.switch-tab {
    margin: -60px 0 0 10px;
    padding: 0;
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translateX(-50%);
    /* top: -49%; */
    background: #fff;
    padding: 15px 0 0;
}

.switch-tab:before {
    background-image: url(../images/switch-corner.png);
    width: 42px;
    content: "";
    height: 49px;
    position: absolute;
    top: 0px;
    left: -41px;
    z-index: -1;
}

.switch-tab:after {
    background-image: url(../images/switch-corner.png);
    width: 42px;
    content: "";
    height: 49px;
    position: absolute;
    top: 0px;
    right: -41px;
    transform: scaleX(-1);
    z-index: -1;
}

.switch-tab ul {
    margin: 0;
    padding: 0;
    border: 2px solid #6f77ed;
    border-radius: 25px;
}

.switch-tab ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.switch-tab ul li a {
    color: #000;
    font-size: 15px;
    text-decoration: none;
    border-radius: 14px;
    /* border: 2px solid #6f77ed; */
    padding: 6px 13px;
    display: block;
}

.switch-tab ul li a:active,
.switch-tab ul li a.active {
    background-color: #6f77ed;
    border-radius: 14px;
    color: #fff;
}

.measurment-cbc-hb-wrap {
    margin: 0;
    padding: 0 0;
}

.measurment-cbc-hb-wrap ul {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.measurment-cbc-hb-wrap ul li {
    padding: 0;
    margin: 0 8px 0 0;
    position: relative;
    display: inline-block;
}

.measurment-cbc-hb-wrap ul li span {
    font-size: 16px;
    margin: 0 15px 0 15px;
}

.measurment-cbc-hb-wrap>ul>li>a:after,
.measurment-cbc-hb-wrap>ul>li>span:after {
    position: absolute;
    width: 1px;
    height: 12px;
    content: "";
    background-color: #000000;
    right: 0px;
    top: 4px;
    right: -8px;
}

.measurment-cbc-hb-wrap ul li a,
.measurment-cbc-hb-wrap ul li span {
    text-decoration: none;
    font-size: 16px;
    color: #000;
    margin: 0 8px 0 0;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    position: relative;
}

.measurment-cbc-hb-wrap ul li a:active,
.measurment-cbc-hb-wrap ul li a.active,
.measurment-cbc-hb-wrap ul li span.active {
    color: #6f77ed;
    border-bottom: 3px solid #6f77ed;
}

.hide-tab {
    display: none;
}

.show-tab {
    display: block;
}

span.th-data {
    width: 96px !important;
    overflow: hidden;
    display: block;
    /* margin: 0 0 -8px; */
    font-size: 14px !important;
}

.none-box {
    border: none !important;
}

.transparent .input-group-addon {
    background: transparent;
    border: navajowhite;
}

.check-label {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
}

.sm-checkbox {
    margin: 0 0 10px 0;
    display: inline-block;
}

.user-call-wrap ul li.sm-checkbox {
    padding: 0 0 0px 30px !important;
    display: block !important;
    margin: 0 0 2px 0 !important;
}

.timing-wrapper ul li {
    display: inline-block;
    margin: 7px 0 0 5px;
}

.sm-bttn {
    width: auto !important;
}

span.sm-icon {
    vertical-align: middle;
    margin: 0 0 12px 0;
    display: inline-block;
}

.gren-bg {
    background-color: #6f77ed;
    height: 150px;
}

.gren-bg .b-s-label {
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    display: block;
    margin: 8px 20px;
}

.txt-area {
    resize: none;
    height: 88px;
    margin: 20px 0 13px 0;
}

.signature-note {
    color: #fff;
    font-size: 13px;
}

.grn-brd {
    border-right: 1px solid #47d8c7;
}

.signature-show {
    width: 100%;
    background-color: #66d3c6;
    height: 54px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.signature-upload-btn {
    position: absolute;
    background-color: rgb(15, 119, 107);
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 15px;
    color: #ffffff;
    z-index: 9999;
    right: 0;
    bottom: -6px;
}

.day-wrapper ul {
    margin: 0;
    padding: 0;
}

.day-wrapper ul li {
    display: inline-block;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.day-wrapper ul li a,
.day-wrapper ul li span {
    color: #6f77ed;
    font-size: 12px;
    border-radius: 5px;
    display: block;
    border: 1px solid #6f77ed;
    padding: 5px 11px;
    text-decoration: none;
    margin: 0 3px;
}

.day-wrapper ul li span:active,
.day-wrapper ul li span.active {
    background-color: #6f77ed;
    color: #fff;
}

.food-quantity-wrap .cross-icon,
.food-quantity-wrap .cross-icon-child {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    overflow: hidden;
    background-color: #6f77ed;
    /* padding: 13px; */
    /*    right: 0px;*/
    /* top: 27px; */
    cursor: pointer;
}

.food-quantity-wrap span .fa-times {
    /* margin: 0 1px; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

span.add-food {
    font-size: 15px;
    cursor: pointer;
    color: #6f77ed;
}

.nutrion-cal-list {
    margin: 0;
    padding: 0;
}

.nutrion-cal-list ul {
    margin: 0;
    padding: 0;
}

.nutrion-cal-list ul li {
    padding: 0;
    margin: 0 24px 0 0;
    display: inline-block;
}

.nutrion-cal-list ul li a {
    display: block;
    font-size: 14px;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    padding: 6px 15px;
    border-radius: 5px;
    text-decoration: none;
    margin: 5px 0;
}

.bld {
    color: #333333;
    font-weight: 600;
}

.lt {
    color: #333333;
}

.fld-wrap {
    position: relative;
    margin: 6px -15px;
}

.kcal-tab {
    margin: 0;
    padding: 0;
    overflow-x: auto;
}

.kcal-tab ul {
    margin: 0 0 15px 0;
    padding: 0;
    border: 1px solid #dadada;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
}

.kcal-tab ul::-webkit-scrollbar {
    width: 2px;
    height: 5px;
}


/* Track */

.kcal-tab ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #33496b;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}


/* Handle */

.kcal-tab ul::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #6f77ed;
    -webkit-box-shadow: inset 0 0 6px #33496b;
}

.kcal-tab ul::-webkit-scrollbar-thumb:window-inactive {
    background: #6f77ed;
}

.kcal-tab ul li {
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: inline-block;
}

.kcal-tab ul li a {
    margin: 0;
    display: block;
    padding: 0;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    padding: 10px;
    border-right: 1px solid #dadada;
}

.kcal-tab ul li a:active,
.kcal-tab ul li a.active {
    background-color: #6f77ed;
    color: #fff;
}

.kcal-tab ul li:first-child a {
    /*    border-radius:  25px 0 0 25px;  */
}

.kcal-tab ul li:last-child a {
    /*    border:none;
border-radius: 0 25px 25px 0;  */
}

.cal-kcal-wrap {
    margin: 0;
    padding: 0;
}

.cal-kcal-wrap ul {
    margin: 0;
    padding: 0;
}

.cal-kcal-wrap ul li {
    display: inline-block;
    /* padding: 12px; */
    font-size: 15px;
    border: 1px solid #dadada;
    border-radius: 3px;
    margin: 0px 3px;
}

.cal-kcal-wrap ul li span {
    color: #567180;
    background-color: #eeeeee;
    display: inline-block;
    padding: 6px 8px;
}

.cal-kcal-wrap ul li label {
    color: #000000;
    font-weight: 600;
    display: inline-block;
    margin: 0;
    padding: 0 13px;
}

.altrnt-fd-block {
    border-bottom: 1px dashed #ccc;
    padding: 0 0 6px 0;
    margin: 0 0 15px 0;
}

.mk-slction-col {
    background: #ffffff;
    border: 1px solid #dadada;
    border-radius: 3px;
    box-shadow: 2px 2px 8px rgba(204, 204, 204, 0.29);
}

.mk-slction-col .head {
    border-bottom: 2px solid #6f77ed;
    font-size: 14px;
    padding: 12px 9px;
    color: #6f77ed;
    text-transform: uppercase;
    font-weight: 500;
}

.list-wrap {
    padding: 6px 9px;
    height: 225px;
}

.list-wrap ul {
    margin: 0;
    padding: 0;
}

.list-wrap ul li {
    margin: 5px 0;
    padding: 0;
    display: list-item;
    font-size: 15px;
}

.mk-slction-col .foot {
    color: #000;
    font-weight: 400;
    border: none;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 750px;
        margin: 30px auto;
    }
}

.linebar {
    position: relative;
    color: #f00;
}

@media (min-width: 768px) {
    .modal-sm {
        width: 300px !important;
    }
}

.top-comn-wrap {
    padding: 5px 15px;
}

.reshudl-inner-col {
    padding: 10px 0;
    max-height: 150px;
}

.slider.slider-horizontal {
    width: 98%;
    height: 20px;
    position: absolute;
    left: 5px;
    top: 33px;
    z-index: 999;
}

.drug-wrap {
    width: 80px;
    height: 80px;
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
    margin: 5px;
    border: 1px solid #dadada;
}

.drug-wrap:hover,
.drug-wrap.active {
    background-color: #6f77ed;
}

.box-drug {
    width: 70px;
    height: 70px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    padding: 5px;
    cursor: pointer;
}

.drug-wrap span.injection {
    background-image: url(../images/injection-g.png);
    background-size: cover;
}

.drug-wrap span.injection:hover,
.drug-wrap.active span.injection {
    background-image: url(../images/injection-w.png);
}

.drug-wrap span.capsule {
    background-image: url('../images/capsule-g.png');
}

.drug-wrap span.capsule:hover,
.drug-wrap.active span.capsule {
    background-image: url(../images/capsule-w.png);
}

.drug-wrap span.syrup {
    background-image: url(../images/syrup-g.png);
}

.drug-wrap span.syrup:hover,
.drug-wrap.active span.syrup {
    background-image: url(../images/syrup-w.png);
}

.drug-wrap span.tablet {
    background-image: url(../images/tablet-g.png);
}

.drug-wrap span.tablet:hover,
.drug-wrap.active span.tablet {
    background-image: url(../images/tablet-w.png);
}

#double_date_range {
    position: relative;
    top: 8px;
    z-index: 999;
    margin: 0 !important;
}

#double_date_range .range-picker .not-select-process {
    display: block;
    height: 5px;
    background-color: #49cebe;
    border: none;
}

#double_date_range .range-picker .label {
    display: inline-block;
    padding: 2px 4px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
}

#double_date_range .range-picker .range-label {
    margin-top: 4px;
    background-color: #e1e4e9;
    color: #9ba0b9;
    display: none;
}

#double_date_range .range-picker .process {
    position: absolute;
    height: 5px;
    top: 0;
    left: 0;
    background-color: #e1fffb;
}

#double_date_range .range-picker .select-label {
    display: block;
    position: absolute;
    z-index: 0;
    font-size: 16px;
    font-family: monospace;
    margin-bottom: 4px;
    white-space: nowrap;
    background-color: #138476;
    color: #fff;
    margin: 0 0 12px 0;
}

.range-picker,
.range-picker-wrapper {
    position: relative;
    margin: 0;
}

.range-picker .select-label:after {
    border-radius: 50%;
    background-color: #25f3d9;
    color: #fff;
    width: 18px;
    height: 20px;
    position: absolute;
    left: 48%;
    top: 25px;
    border-top: 0;
}

.append-box {
    margin: 0;
    padding: 0;
}

.append-box ul {
    margin: 0;
    padding: 0;
}

.append-box ul li {
    margin: 0 0 5px;
    /* padding: 2px 15px 20px; */
    display: block;
    position: relative;
}

.append-box .fld-wrap .cross-icon {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 20px;
    color: #fff;
    overflow: hidden;
    background-color: #6f77ed;
    /* padding: 13px; */
    left: 65%;
    /* top: 27px; */
}

.update-digit {
    position: absolute;
    left: -16px;
    top: 7px;
}

.altrnt-fd-block span.add-food {
    font-size: 14px;
    cursor: pointer;
    color: #6f77ed;
    display: inline-block;
    /* position: absolute; */
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 5px;
    width: 130px;
}

.short-tbl {
    background-color: #d2dfe7 !important;
}

.appnd-rw-bg {
    background-color: #f2f7fa;
    position: relative;
}

.appnd-rw-bg .short-tbl,
.appnd-rw-bg td {
    background-color: #d2dfe7 !important;
    border: 1px solid #b9c9d2 !important;
}

.an-diet-recomnd {
    font-size: 20px;
    text-align: center;
    padding: 14px 0;
    border: 2px dotted #bebebe;
    color: #ffffff;
    margin: 0 0 15px 0;
    cursor: pointer;
    background: #6f77ed;
}

.cmmn-pd-wrap {
    padding: 0 15px;
}

.accord-wrap {
    background-color: #dedede;
}

.accord-wrap .ac-title p {
    font-size: 18px;
    margin: 0;
}

.accord-wrap .accordian-para {
    display: none;
}

.accord-wrap .acc-show {
    display: block;
}

.accord-wrap .accordian-para {
    border-bottom: 1px solid #e5e6e6;
    padding: 0;
}

.accord-wrap .ac-title {
    position: relative;
    padding: 9px 50px;
    cursor: pointer;
    border-bottom: 1px solid #e5e6e6;
    background: #6f77ed;
    color: #fff;
}

.accord-wrap .plus-icon {
    background-image: url('../images/plus-icon.svg');
    width: 20px;
    height: 20px;
    position: absolute;
    transition: all 0.6s ease;
    top: 11px;
    left: 20px;
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center;
}

.accord-wrap .minus-icon {
    background-image: url('../images/minus-icon.svg');
    width: 20px;
    height: 20px;
    position: absolute;
    transition: all 0.6s ease;
    top: 11px;
    left: 20px;
    background-size: 85%;
    background-repeat: no-repeat;
    background-position: center;
}


/*.food-quantity-wrap>div {
float: left;
width: 333px;
}
.food-quantity-wrap>span {
float: left;
}*/

.food-col {
    float: left;
    width: 100%;
    position: relative;
}

.food-col {
    padding: 0 30px 0 5px;
    margin: 0 0 15px 0;
    position: relative;
}

.food-col .col-xs-6 {
    padding: 0 5px;
}

.total-block {
    background: #f5f5f5;
    padding: 3px 5px;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    text-align: center;
}

.discharge-block-hight .total-block-disc-blk {
    min-height: 40px;
}

.edit-discharge-text-box {
    overflow-y: auto;
    resize: none;
}

.total-block .b-s-label {
    font-size: 14px;
    display: inline-block;
    margin: 5px 0 0 0;
}

.total-block-disc-blk span {
    font-size: 13px;
    color: #333333;
    font-weight: 500;
    display: block;
    text-align: center;
}

.total-block-disc-blk .b-s-label {
    font-size: 14px;
    margin: 0px 0 0;
    color: #6f77ed;
}

.modal {
    z-index: 999999;
}

.text-red-td {
    background-color: #f00;
    color: #fff;
    border-bottom: 1px solid #ccc;
}

.text-yellow-td {
    background-color: #fdfb38;
    color: #3d3d3d;
    border-bottom: 1px solid #ccc;
}

.text-green-td {
    background-color: #0dcb23;
    color: #fff;
    border-bottom: 1px solid #ccc;
}

td.text-yellow-td {
    border-bottom: 1px solid rgba(255, 247, 247, 0.18) !important;
    background: rgba(255, 201, 4, 0.81);
}

td.text-red-td {
    color: #fff;
    border: 1px solid rgba(255, 247, 247, 0.18) !important;
    background: rgb(241, 100, 100) !important;
}

td.text-green-td {
    color: #fff;
    border: 1px solid rgba(255, 247, 247, 0.18) !important;
    background: rgba(90, 171, 80, 0.8) !important;
}

.border-box {
    border: 3px solid #0d9282;
}

.discharge-summry-list {
    margin: 0;
    padding: 0;
}

.discharge-summry-list ul {
    margin: 0;
    padding: 0;
}

.discharge-summry-list ul li {
    margin: 0px 10px;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

.span-grn {
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    padding: 6px;
}

span.input-group-addon {
    background: transparent;
    position: absolute;
    border: 0;
    top: 50%;
    right: 0;
    display: block;
    width: 100%;
    text-align: right;
    transform: translateY(-50%);
}

.input-group {
    position: relative;
    display: block;
    border-collapse: separate;
}

.hwrap {
    position: relative;
}

span.close-icon {
    font-size: 15px;
    background: #6f77ed;
    color: #fff;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: block;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0;
}

span .fa-sort,
span .fa-sort-amount-desc {
    color: #ffffff;
    cursor: pointer;
}

.chart-button-wrap ul li span:active,
.chart-button-wrap ul li span.active {
    background-color: #0c9888;
    color: #fff;
    border: 1px solid transparent;
}

span.text-wrap1 {
    font-size: 13px;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.modal-heading {
    font-size: 19px;
    text-align: center;
    color: #6f77ed;
}

.col-pd-less {
    padding-right: 10px;
    padding-left: 10px;
}

.fc-toolbar .fc-center h2 {
    margin: 9px 0 0;
    font-size: 20px;
}

#calendar button {
    font-size: 16px !important;
    font-weight: normal !important;
}


/* .fc-prev-button {
    background: #fff !important;
    border-right:1px solid #1EAF9D !important;
}
.fc-next-button {
    background: #fff !important;
} */

span .fa-sort {
    cursor: pointer;
}

.line-bar {
    color: #f00;
}

.tblt-detail-wrap.m-b-sm {
    position: relative;
}

span.sm-medcinin {
    position: absolute;
    width: 25px;
    height: 25px;
}

span.sm-medcinin img {
    width: 100%;
}

.medicin-dy {
    margin: 0 0 0 36px;
}

.medicine-qnt-dtl-wrp .gray-label {
    font-size: 15px;
    color: #b1b1b1;
    font-weight: normal;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
}

.measurment-cbc-hb-wrap .sm-select-wrap ul li a {
    font-size: 12px;
    color: #000;
    margin: 0 0;
}

.measurment-cbc-hb-wrap .sm-select-wrap ul li a:after {
    position: absolute;
    width: 1px;
    height: 12px;
    content: "";
    background-color: transparent;
    right: -9px;
    top: 4px;
}

.side-border.col-sm-5,
.side-border.col-sm-4,
.side-border.col-sm-3 {
    padding: 0 3px;
}

.hwrap span.cross-icon {
    position: absolute;
    font-size: 17px;
    right: 134px;
    top: 24px;
    /* left: 0; */
    background: #6f77ed;
    width: 25px;
    text-align: center;
    height: 25px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    display: inline-block;
}

.dy {
    position: absolute;
    right: -32px;
    top: 9px;
    font-size: 13px;
}

.pls-more {
    font-size: 10px;
    color: #1f9ce6;
    cursor: pointer;
}

.indication-dt-wrap {
    margin: 0;
    padding: 0;
    text-align: center;
}

.indication-dt-wrap ul {
    margin: 0;
    padding: 0;
}

.indication-dt-wrap ul li {
    margin: 0 14px;
    padding: 0;
    display: inline-block;
    position: relative;
    font-size: 15px;
    position: relative;
}

.indication-dt-wrap ul li:first-child:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #25f3d9;
    position: absolute;
    left: -17px;
    top: 5px;
}

.indication-dt-wrap ul li:nth-child(2):before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #e21a1a;
    position: absolute;
    left: -17px;
    top: 5px;
}

.indication-dt-wrap ul li:nth-child(3):before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #65da5e;
    position: absolute;
    left: -17px;
    top: 5px;
}

.indication-dt-wrap ul li:last-child:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #25f3d9;
    position: absolute;
    left: -17px;
    top: 5px;
}

.chat-list-col {
    float: left;
    width: 35%;
    /* border-right: 1px solid #eee; */
    padding: 0;
}

.messages-col {
    float: right;
    width: 65%;
    height: 611px;
    background: #fff;
    position: relative;
    border-left: 1px solid #dfdfdf
}

.mssg-usr-list {
    margin: 0;
    padding: 0;
    max-height: 531px;
    overflow-y: auto;
}

.mssg-usr-list ul {
    margin: 0;
    padding: 0;
}

.mssg-usr-list ul li {
    margin: 0;
    padding: 0;
    display: list-item;
}

.mssg-usr-list ul li:nth-child(odd) {
    background: #f2f7fa;
}

.mssg-usr-list ul li:nth-child(even) {
    background: #ffffff;
}

.user-image-mssg {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%;
    float: left;
    margin: 0 12px 0 0;
    vertical-align: middle;
    background: #6f77ed;
}

.user-image-mssg img {
    width: 100%;
    min-height: 100%;
    min-width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.mssg-tab-blk {
    padding: 5px;
    overflow: hidden;
    cursor: pointer;
}

.dtl-user-mssg .user-name {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    cursor: pointer;
}

.dtl-user-mssg .chat-prsn-color {
    color: #6f77ed;
}

.dtl-mssg {
    font-size: 13px;
    color: #828282;
    margin: 0;
    max-height: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 81%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.list-mssg-time {
    display: block;
    font-size: 14px;
    text-align: right;
}

.reciver-wrapper {
    width: 100%;
    float: left;
    padding: 0 20px 0 20px;
}

.reciver-wrapper p {
    font-size: 15px;
    color: #000;
    background: #f2f7fa;
    display: inline-block;
    padding: 10px 13px;
    border-radius: 5px;
    position: relative;
    margin: 0;
}

.reciver-wrapper p:before {
    position: absolute;
    content: "";
    left: -13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 25px 13px 0;
    border-color: transparent #f2f7fa transparent transparent;
    top: 50%;
    transform: translateY(-50%);
}

.recive-time {
    font-size: 13px;
    display: block;
    padding: 0 0 0 11px;
    color: #807c7c;
}

.sender-wrapper {
    width: 100%;
    float: right;
    padding: 0 20px 0 20px;
    text-align: right;
    margin: 5px 0;
}

.sender-wrapper p {
    font-size: 15px;
    color: #fff;
    background: #6f77ed;
    display: inline-block;
    padding: 10px 13px;
    border-radius: 5px;
    position: relative;
    margin: 0;
    word-wrap: break-word;
    max-width: 100%;
}

.sender-wrapper p:before {
    position: absolute;
    content: "";
    right: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 20px;
    border-color: transparent transparent transparent #6f77ed;
    top: 50%;
    transform: translateY(-50%);
}

.sender-wrapper .send-time {
    font-size: 13px;
    display: block;
    padding: 0 0 0 11px;
    color: #807c7c;
}

.reciver-wrapper span {}

.text-mssg-box-wrap {
    position: absolute;
    bottom: 0;
    background: #d3d3d3;
    width: 100%;
    padding: 10px 11px;
}

.type-text-box {
    float: left;
    width: 90%;
}

.send-icon-wrap {
    width: 10%;
    float: right;
}

.send-icon-wrap span {
    font-size: 20px;
    text-align: center;
    display: block;
    padding: 5px 0;
    background: #6f77ed;
    color: #fff;
    margin: 0 8px;
    border-radius: 3px;
    cursor: pointer;
}

.chat-mssg-head {
    width: 100%;
    overflow: hidden;
    padding: 10px;
    border-bottom: 1px solid #d8d7d7;
    margin: 0 7px;
    background: #f2f7fa;
}

.chat-mssg-head img {
    width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
    min-height: 100%;
    background: #6f77ed;
    /*border: 2px solid #6f77ed;*/
}

.chat-user-hd-pic {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin: 0 17px 0 0;
}

.user-chat-head {
    margin: 8px 0 0 0;
}

.user-chat-head .name {
    font-size: 18px;
}

.user-chat-head .email-id {
    display: block;
    font-size: 14px;
}

.main-mssg-wrapper {
    height: 475px;
    overflow-y: auto;
    padding: 5px 0 5px 0;
    width: 100%;
    margin: 0 0 0 6px;
}

.chat-usr-srch-wrp {
    /* padding: 5px; */
    position: relative;
    margin: 0 0 5px 0;
}

.chat-tab-d-p {
    margin: 0;
    padding: 0;
}

.chat-tab-d-p ul {
    margin: 0;
    padding: 0;
}

.chat-tab-d-p ul li {
    margin: 0;
    padding: 0;
    float: left;
    width: 50%;
}

.chat-tab-d-p ul li a {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #262626;
    display: block;
    text-align: center;
    background: #f2f7fa;
}

.chat-tab-d-p ul li a {
    margin: 0;
    padding: 0;
    font-size: 15px;
    color: #262626;
    display: block;
    text-align: center;
    font-weight: 600;
    background: #f2f7fa;
    padding: 10px 0;
    text-decoration: none;
    border-bottom: 1px solid #1EAF9D;
}

.chat-tab-d-p ul li a:active,
.chat-tab-d-p ul li a.active {
    background: #6f77ed;
    color: #fff;
}

.das-col-wrap {
    margin: 0;
    padding: 0;
    /* border-top: 1px solid #dadada; */
    background: #fff;
    margin: 4px 0 4px 0;
}

.das-col-wrap ul {
    margin: 0;
    padding: 0;
    border-bottom: 8px solid #6f77ed;
}

.das-col-wrap ul li {
    margin: 0;
    padding: 0;
    float: left;
    width: 14.2%;
}

.das-col-wrap ul li a {
    margin: 0;
    padding: 20px 0;
    display: block;
    float: left;
    border-right: 1px solid #dadada;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.das-col-wrap ul li:last-child a {
    border-right: none;
}

.big-digit {
    font-size: 35px;
    display: block;
}

.label-gy {
    font-size: 15px;
    color: #000000;
    position: relative;
    display: block;
    font-weight: 400;
}

.high-risk-color {
    color: #ff3c3c;
}

.risk-color {
    color: #ffc600;
}

.normal-color {
    color: #6f77ed;
}

.inactive-color {
    color: #264cf1;
}

.appointment-color {
    color: #ff8c4d;
}

.rpm-color {
    color: #4c4c4c;
}

.box-white-wrap {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 6px rgba(121, 121, 121, 0.10);
}

.dash-box-wrapper {
    padding: 0;
    margin: 0 -5px;
}

.top-head {
    border-bottom: 2px solid #6f77ed;
    overflow: hidden;
}

.top-head .heading-col {
    float: left;
    width: 50%;
    position: relative;
}

.prs-icon {
    position: absolute;
    width: 50px;
    height: 60px;
    left: 0;
    background-color: #6f77ed;
    display: inline-block;
    padding: 8px;
    border-radius: 5px 0 0 0px;
}

.prs-icon img {
    width: 100%;
}

.top-head .total-count {
    float: right;
    width: 50%;
    text-align: right;
    padding: 11px;
}

.top-head .total-count .total {
    font-size: 16px;
    font-weight: 600;
}

.top-head .total-count .digit {
    font-size: 16px;
    font-weight: 600;
}

.top-head .heading-col h2 {
    font-size: 16px;
    position: relative;
    padding: 0 0 0 47px;
    font-weight: 600;
    margin: 14px 10px;
}

.img-video-wrap {
    width: 100%;
    height: 250px;
    overflow: hidden;
    border: 1px solid #6f77ed;
    position: relative;
}

.img-video-wrap img {
    width: 100%;
    min-height: 100%;
    min-width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.comn-para {
    font-size: 14px;
    color: #656060;
}

textarea.description-area {
    height: 166px;
}

.attch-img-video {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 15px;
    position: absolute;
    bottom: 0;
    background: #6f77ed;
    color: #fff;
    padding: 5px 0;
    width: 50px;
    height: 50px;
    border-radius: 7px 0 0 0;
    right: 0;
    margin: 0;
    cursor: pointer;
}

.attch-img-video .fa-paperclip {
    margin: 4px 10px 0 7px;
    font-size: 30px;
}

.button-wrap ul {
    margin: 0;
    padding: 0
}

.button-wrap ul li {
    margin: 0 5px;
    padding: 5px 10px;
    display: inline-block;
}

label.browse-file {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 14px;
    background: #6f77ed;
    font-weight: normal;
    color: #fff;
    padding: 7px 6px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    height: 100%;
}

.button-wrap ul {
    margin: 0;
    padding: 0;
}

.button-wrap ul li {
    margin: 0 0px 0 8px;
    padding: 0;
    display: inline-block;
}

.error_messg {
    font-size: 14px;
    color: red;
    align-content: center;
}

.side-border .button-wrap {
    margin: 20px 0 0 0;
}

.fc-ltr .fc-list-heading-alt,
.fc-rtl .fc-list-heading-main {
    float: left;
    margin: 0 0 0 -240px;
}

.fc-ltr .fc-list-heading-main {
    float: left;
    margin: 0 0 0 118px;
}

.bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px;
    font-size: 15px;
}


/********3/8/2017************/

.symptom-col {
    float: left;
    width: 50%;
}

.activity-col {
    float: right;
    width: 48%;
}

.symptom-col .top-head .heading-col {
    float: left;
    width: 100%;
    position: relative;
}

.activity-col .top-head .heading-col {
    float: left;
    width: 100%;
    position: relative;
}

table.cutom-table {
    width: 100%;
    text-align: center;
}

table.cutom-table thead {
    background: #f5f5f5;
    font-size: 16px;
    text-align: center;
    padding: 6px 10px;
}

table.cutom-table th {
    text-align: center;
    padding: 10px 0;
}

table.cutom-table td {
    font-size: 15px;
    padding: 10px 4px;
    border-bottom: 1px dashed #dadada;
    border-right: 1px dashed #dadada;
}

.recent-activity-wrap {
    background-color: #fff;
    width: 100%;
}

.recent-activity-wrap ul {
    margin: 0;
    padding: 0;
    height: 400px;
    overflow: hidden;
}

.recent-activity-wrap ul li {
    margin: 0;
    padding: 0;
    display: list-item;
    width: 100% !important;
    padding: 6px 10px 10px 30px !important;
    position: relative;
}

.recent-activity-wrap ul li:before {
    content: "";
    top: 13px;
    width: 2px;
    height: 100%;
    position: absolute;
    background: #000;
    left: 13px;
}

.recent-activity-wrap ul li:last-child:before {
    height: 50%;
}

.recent-activity-wrap ul li .time {
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 14px;
    display: block;
}


/* .recent-activity-wrap ul li:first-child .time {
color: #f00;
}
.recent-activity-wrap ul li:last-child .time {
color: #f00;
} */

.recent-activity-wrap ul li .short-description {
    font-size: 14px;
    color: #828282;
}


/* .recent-activity-wrap ul li:first-child .dot {
border: 2px solid #f00;
} */

.recent-activity-wrap span.dot {
    position: absolute;
    border: 2px solid #000;
    background: #fff;
    width: 15px;
    height: 15px;
    border-radius: 25px;
    left: 6px;
    top: 12px;
}


/* .recent-activity-wrap ul li:last-child .dot {
border: 2px solid #f00;
} */

.pie-chart-wrap {
    height: 400px;
    overflow: hidden;
    position: relative;
}

.form-label mark {
    background: transparent;
    color: #ff0c0c;
    position: absolute;
    top: -7px;
}

.xsm-select-wrap {
    width: 100px;
}

.sm-select-wrap {
    width: 80px;
}

.xs-input {
    width: 50px !important;
    font-size: 14px !important;
    padding: 5px !important;
}

span.year {
    font-size: 14px;
    position: absolute;
    left: 6px;
    top: 8px;
}

span.day {
    font-size: 14px;
    color: #000000;
    font-weight: 500;
    display: block;
}

.commn-col-wrap {
    margin: 20px 0;
    padding: 0;
}

.commn-col-wrap ul li {
    margin: 0 18px 0 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
}

li.mg-left {
    margin: 0 0 0 50px !important;
}

.descript-box {
    height: 150px;
}

.emr-tab {
    margin: 5px 0 0;
    padding: 0;
}

.emr-tab ul {
    margin: 0;
    padding: 0;
    background: #fff;
}

.emr-tab ul li {
    margin: 0;
    padding: 0;
    display: block;
    /* width: 15%; */
}

.emr-tab ul li a {
    margin: 0px;
    padding: 6px 0 6px 8px;
    display: inline-block;
    font-size: 16px;
    text-decoration: none;
    background-color: #fff;
    vertical-align: middle;
    color: #000;
    font-weight: 600;
    width: 100%;
    /* text-align: center; */
}

.emr-tab ul li a:active,
.emr-tab ul li a:hover,
.emr-tab ul li a.active {
    background-color: #6f77ed;
    color: #fff;
}

.vital-list ul {
    margin: 0;
    padding: 0;
}

.vital-list ul li {
    font-size: 15px;
    margin: 8px 0 5px 20px;
    position: relative;
}

.vital-list ul li:before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    background-color: #0e0e0e;
    border-radius: 50%;
    left: -22px;
    top: 50%;
    transform: translateY(-50%);
}

.gn-lbl-list {
    color: #020202;
    font-size: 16px;
    font-weight: 500;
    margin: 0 16px 10px 8px;
    display: block;
}

.post-follow-ot-wrap ul li {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0;
}

.top-heading {
    font-size: 20px;
    margin: 10px 0 10px 0;
    text-transform: uppercase;
}

.check-label-lg {
    font-size: 15px;
    font-weight: normal;
}

.bootstrap-timepicker-widget table td input {
    width: 38px;
    margin: 0;
    text-align: center;
}

.sm-heading {
    font-size: 15px;
    margin: 0;
    text-transform: uppercase;
}

.excel-tbl {
    border: 1px solid #ccc;
}

.excel-tbl .table tbody tr td:last-child {
    border-right: none;
}

.excel-tbl .table tbody tr:nth-child(odd) {
    background: transparent;
}

.excel-tbl .table tbody tr td {
    font-size: 13px;
    text-align: center;
    border: none;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.excel-tbl .table tbody tr:last-child td {
    border-bottom: none;
}

.excel-tbl .table {
    border: none;
    margin: 0;
}

.excel-tbl .table>thead>tr>th {
    border-right: 1px solid #ccc;
}

.mce-branding-powered-by {
    display: none;
}

.form-field-wrap {
    position: relative;
}


/*******404********/

h1.four-heading {
    font-size: 50px;
    text-align: center;
    padding: 18px 6px 5px;
}

.component-error-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #363636;
    text-align: center;
}

.err0r_page_wrap h1 {
    font-size: 58px;
    color: #6f77ed;
}


/*******404 Page************/

div#donutchartnew {
    margin: -39px 0 0 -95px;
}

.do-nuts-digt {
    position: absolute;
    top: 53%;
    transform: translate(-50%, -50%);
    left: 44%;
    font-size: 35px;
}

.caret {
    color: #6f77ed;
}

.glyphicon-calendar:before {
    content: "\e109";
    color: #6f77ed;
}

.bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px;
    font-size: 15px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #6f77ed !important;
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
    color: #ffffff;
    background-color: #6f77ed !important;
}

li.sm-libox {
    width: 38%;
}

.side-border button.outline-bttn {
    font-size: 12px;
    padding: 5px 5px;
    border: 1px solid #6f77ed;
    font-weight: normal;
}


/* table.list-table thead th:first-child:before {
    content: "#";
    background: #6f77ed;
    color: #ffffff;
    width: 37px;
    position: absolute;
    font-weight: 600;
} */

.modal-body .strong-label {
    font-size: 15px;
}

.live-person {
    color: #6f77ed !important;
}

.side-border .button-wrap ul li button.outline-bttn {
    font-size: 13px;
    padding: 5px 5px;
    border: 1px solid #6f77ed;
    font-weight: normal;
    background: #6f77ed;
    color: #fff;
}

.side-border .button-wrap ul li button.outline-bttn:hover {
    background: #108a7c;
    color: #fff;
}

span.food-td-text {
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

span.food-td-text:before {
    position: absolute;
    content: "";
    right: 0px;
    top: 1px;
    font-size: 13px;
    content: "\f196 ";
    font-family: FontAwesome;
    color: #6f77ed;
    /* background: #6f77ed; */
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    display: none;
}

.highlight-border {
    border: 1px solid #6f77ed !important;
}

figure.report-x-image {
    width: 100%;
    height: 150px;
    overflow: hidden;
    margin: 0 auto 8px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    border: 1px solid #6f77ed;
    padding: 0;
    border-radius: 5px;
}

.emr_test_name {
    font-size: 17px;
    color: #6f77ed;
    font-weight: 600;
}

.emr_test_date {
    font-size: 14px;
    color: #103666;
    font-weight: 500;
}

figure.report-x-image img {
    width: 100%;
}


/*********************************************
Material CSS Start For Form Element
*********************************************/

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0;
}

[type="checkbox"]+label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 18px;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

[type="checkbox"].filled-in:not(:checked)+label:before {
    width: 0;
    height: 0;
    border: 3px solid transparent;
    left: 6px;
    top: 10px;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 20% 40%;
    transform-origin: 100% 100%;
}

[type="checkbox"]+label:before,
[type="checkbox"]:not(.filled-in)+label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s;
}

[type="checkbox"].filled-in:checked+label:before {
    top: 0;
    left: 1px;
    width: 8px;
    height: 13px;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    border-right: 2px solid #6f77ed;
    border-bottom: 2px solid #6f77ed;
    -webkit-transform: rotateZ(37deg);
    transform: rotateZ(37deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

[type="checkbox"].filled-in+label:before,
[type="checkbox"].filled-in+label:after {
    content: '';
    left: 0;
    position: absolute;
    transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
    z-index: 1;
}

[type="checkbox"].filled-in:not(:checked)+label:after {
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: 1px solid #6f77ed;
    top: 0px;
    z-index: 0;
    border-radius: 3px;
}

[type="checkbox"].filled-in:checked+label:after {
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #6f77ed;
    background-color: #ffffff;
    z-index: 0;
    border-radius: 3px;
}

[type="radio"]:not(:checked),
[type="radio"]:checked {
    position: absolute;
    left: -9999px;
    opacity: 0;
}

[type="radio"]:not(:checked)+label,
[type="radio"]:checked+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 24px;
    font-size: 14px;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400;
    color: #363636;
    font-weight: 400;
}

[type="radio"]+label:before,
[type="radio"]+label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    transition: .28s ease;
}

[type="radio"]:checked+label:before {
    border: 2px solid transparent;
}

[type="radio"]:not(:checked)+label:before,
[type="radio"]:not(:checked)+label:after,
[type="radio"]:checked+label:before,
[type="radio"]:checked+label:after,
[type="radio"]:checked+label:before,
[type="radio"]:checked+label:after {
    border-radius: 50%;
}

[type="radio"]:checked+label:after,
[type="radio"]:checked+label:before,
[type="radio"]:checked+label:after {
    border: 2px solid #7da527;
}

[type="radio"]:checked+label:after {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

[type="radio"]:checked+label:after {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

[type="radio"]:checked+label:after,
[type="radio"]:checked+label:after {
    background-color: #6f77ed;
}

[type="radio"]:not(:checked)+label:before,
[type="radio"]:not(:checked)+label:after {
    border: 1px solid #c1c1c1;
}

[type="radio"]:checked+label:after,
[type="radio"]:checked+label:before,
[type="radio"]:checked+label:after {
    border: 1px solid #6f77ed;
}

[type="radio"]:focus+label:before,
[type="radio"]:focus+label:after {
    border-color: #6f77ed;
    box-shadow: 0 0 5px #61c7bb;
    -moz-box-shadow: 0 0 5px #2ba093;
    -ms-box-shadow: 0 0 5px #2ba093;
    -o-box-shadow: 0 0 5px #2ba093;
    -webkit-box-shadow: 0 0 5px #2ba093;
}

.th-checkbox {
    display: inline-flex;
    vertical-align: middle;
    margin: -2px 0 -5px 0;
}

span.plus-more {
    color: #6f77ed;
    cursor: pointer;
    display: inline-block;
}

.inner-notification-wrap ul li a.active {
    background: #6f77ed1a;
}

.input-search-top-wrap {
    position: absolute;
    left: -190px;
    top: -50%;
    transform: translate(-50%, -50%);
    width: 500px;
    -webkit-transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
    z-index: 99999999;
}

.input-search-top-wrap input[type="text"] {
    border: 1px solid #6f77ed;
    height: 34px;
    padding: 0 56px 0 15px;
}


/* .input-search-top-wrap.show-search {
    top: 50%;
} */

.input-search-top-wrap.show-search {
    top: 50%;
    left: -190px;
}

.pointer-link {
    cursor: pointer;
}


/********************New Css***********/

.right-panel {
    margin: 0 0 0 200px;
    padding: 54px 0 0 0px;
    position: relative;
    transition: 0.1s;
}

.inner-right-panel {
    margin: 0 5px 0 205px;
}

body.body-sm .inner-right-panel {
    margin: 0 5px 0 58px;
}

.top-heading-wrap {
    background: #6f77ed;
    padding: 8px 10px;
}

.top-heading-wrap .top-heading {
    font-size: 16px;
    margin: 0;
    text-transform: none;
    color: #fff;
}

.white-wrapper {
    background: #fff;
    padding: 9px 14px;
    box-shadow: 0px 0 3px rgba(0, 0, 0, 0.2);
    margin: 5px 0 5px 0;
    position: relative;
}

.table-foot-left-col {
    float: left;
    width: 50%;
}

.table-foot-right-col {
    float: right;
    width: 50%;
}

.table-below-foot {
    padding: 10px 0;
}

.list-table {
    margin: 0;
}

.fltr-heading {
    background: #6f77ed;
    text-align: center;
    margin: 0;
    padding: 10px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
}

.filter-wrap .admin-label.severity {
    margin: 15px 0 0 0;
}

.inner-filter-wrap {
    padding: 15px 16px;
}

.filter-wrap.active {
    opacity: 1;
    transform: scale(1);
}

.filter-wrap {
    background: #fff;
    padding: 0;
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.23);
    border-radius: 0;
    position: absolute;
    right: 0;
    z-index: 999;
    top: 0;
    width: 325px;
    transform-origin: right top;
    transform: scale(0);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
}

.fltr-field-wrap {
    position: relative;
    margin: 0 0 15px 0;
}

.cancel {
    width: 120px;
    background: #a59d9d !important;
}

.cancel:hover {
    width: 120px;
    background: #ccc !important;
}

.save {
    width: 120px;
}

.commn-btn {
    font-size: 16px;
    vertical-align: middle;
    padding: 5px;
    background: #6f77ed;
    color: #fff;
    display: inline-block;
    margin: 0 5px;
    padding: 5px 10px;
}

.admin-label {
    font-size: 15px;
    font-weight: normal;
    color: #6f77ed;
    margin: 0;
}

.filter-select-wrap .bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
    margin: 0;
}

.filter-select-wrap button.btn.dropdown-toggle.selectpicker.btn-default {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 5px 8px;
    border-radius: 0;
    font-size: 14px;
    color: #000;
    outline: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-weight: 500;
}

.datepicker:before {
    content: inherit !important;
    display: none;
}

.email-block {
    border: 1px solid #DFE4E7;
    border-radius: 4px;
    background-color: #F4F7F9;
    color: #486478;
    /* font-family: "SF UI Text"; */
    font-size: 14px;
    padding: 3px 23px;
    position: relative;
    margin: 7px 5px;
    display: inline-block;
}

.surgery-namw-wrap {
    display: inline-block;
}

.cross-icon {
    width: 18px;
    display: inline-block;
    position: absolute;
    right: 3px;
    cursor: pointer;
    top: 1px;
}

.cross-icon img {
    width: 100%;
}

.add-com-btn {
    color: #fff;
    background: #6f77ed;
    font-size: 12px;
    padding: 3px 12px;
    border-radius: 2px;
    cursor: pointer;
}

.pat-dtl-leftcol {
    float: left;
    width: 17%;
}

.pat-dtl-rightcol {
    float: left;
    width: 46%;
    position: relative;
    padding: 23px 0 0 0;
}

.pat-dtl-timer {
	float: right;
	width: 20%;
	position: relative;
	padding: 0 0 0 10px;
}

.timer {
	width: 20%;
	float: left;
	padding: 30px 0 0 0;
	text-align: center;
}

.timernotes {
	width: 60%;
	float: left;
}

.timerbuttons {
	width: 20%;
	float: right;
	padding: 23px 0 0 0;
	text-align: center;
}
.mob-top-toggle {
    display: none;
}

.mob-top-btn-wrap.active {
    opacity: 1;
    transform: scale(1);
}

.mob-top-toggle-patient-header {
    display: inline-block;
    position: absolute;
    right: -4px;
    top: 0;
    display: none;
    cursor: pointer;
}

.mob-top-toggle-patient-header span.icon-bar {
    background: #ccc;
    height: 8px;
    width: 8px;
    display: block;
    margin: 3px 0 0 0;
    border-radius: 50%;
    cursor: pointer;
}

.mob-top-btn-wrap {
    position: absolute;
    right: -5px;
    background: #fff;
    padding: 10px;
    z-index: 9;
    top: 0px;
    transform-origin: right top;
    transform: scale(0);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    width: 200px;
}

.mob-top-btn-wrap ul li {
    display: block;
    margin: 5px 0;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}

.mob-top-btn-wrap ul li button {
    color: #6f77ed;
    background: transparent;
    font-size: 16px;
}

.search-box.active {
    opacity: 1;
    transform: scale(1);
    z-index: 99;
}

.search-box {
    position: absolute;
    width: 98%;
    right: 7px;
    top: 0;
    transform-origin: right top;
    transform: scale(0);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    box-shadow: 0 0 2px #00000036;
}


/* .search-icon {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(../images/search-ico.svg);
    background-size: contain;
    position: absolute;
    top: 9px;
    cursor: pointer;
    right: 8px;
    background-repeat: no-repeat;
    background-color: #fff;
} */

.search-icon {
    display: block;
    width: 30px;
    height: 100%;
    background-image: url(../images/search-ico-w.svg);
    background-size: contain;
    position: absolute;
    top: 0;
    cursor: pointer;
    right: 0;
    background-repeat: no-repeat;
    background-color: #6f77ed;
    background-position: center;
    background-size: 64%;
}

.srch-close-icon {
    position: absolute;
    width: 12px;
    height: 80%;
    display: inline-block;
    background-image: url(../images/cross.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    right: 40px;
    top: 2px;
    display: none;
    cursor: pointer;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    background-color: #fff;
}

.srch-close-icon.show-srch {
    display: block;
}

#calendar {
    max-width: 100%;
}

span.fc-time {
    font-size: 14px;
}

span.fc-title {
    font-size: 17px;
}

a.fc-day-number {
    font-size: 18px;
}

td.fc-head-container.ui-widget-header {
    font-size: 18px;
}

#calendar {
    font-size: 15px !important;
    background: #6f77ed;
    padding: 2px 0 0 0;
}

#calendar span {
    font-size: 25px;
}

#calendar button {
    font-size: 19px !important;
    font-weight: normal !important;
}

.fc-button-group {
    margin: 0 13px;
}

.mce-branding a {
    font-size: inherit;
    color: inherit;
    display: none;
}

.filtr-btn-srch {
    background-image: url(../images/search-btn.svg);
    width: 13px;
    height: 13px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
    margin: -2px 2px 0 0px;
}

.filtr-btn-icon {
    background-image: url(../images/filter.svg);
    width: 13px;
    height: 13px;
    display: inline-block;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
    margin: -2px 2px 0 0px;
}

.outline-bttn:hover .filtr-btn-icon,
.outline-bttn.active .filtr-btn-icon {
    background-image: url(../images/filter-w.svg);
}

.outline-bttn.active {
    background-color: #108a7c;
    color: #fff;
}

.outline-bttn:hover .filtr-btn-srch,
.outline-bttn.active .filtr-btn-srch {
    background-image: url(../images/search-btn-w.svg);
}

.gragh-wrap {
    margin: 10px 0;
}

.new-switch-tab {
    margin: 2px 0 0 0;
}

.new-switch-tab ul li {
    display: inline-block;
    margin: 0 0 0 8px;
    padding: 0;
}

.new-switch-tab ul li a span {
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}

.new-switch-tab ul li a span.graph-icon {
    background-image: url('../images/graph-w.svg')
}

.new-switch-tab ul li a span.table-icon {
    background-image: url('../images/table-icon.svg')
}

.new-switch-tab ul li a:hover span.graph-icon,
.new-switch-tab ul li a.active span.graph-icon {
    background-image: url('../images/graph-g.svg')
}

.new-switch-tab ul li a:hover span.table-icon,
.new-switch-tab ul li a.active span.table-icon {
    background-image: url('../images/table-icon-g.svg')
}

.calling-dtl-list-wrap ul li {
    display: block;
    padding: 0;
    margin: 0 0 10px 0;
    background: #fff;
    position: relative;
}

.dtl-wrapper {
    padding: 15px 100px;
    display: inline-block;
}

.dtl-wrapper .call-prsn-name {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    display: block
}

.dtl-wrapper .call-time {
    font-size: 14px;
    color: #b5b2b2;
}

.calling-dtl-list-wrap ul li .calling-ico {
    position: absolute;
    width: 90px;
    height: 100%;
    background: #6f77ed;
    left: 0;
    font-size: 50px;
    text-align: center;
    color: #fff;
}

.time-call {
    font-size: 15px;
    font-weight: 600;
    right: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.emr-left-col {
    float: left;
    width: 20%;
}

.emr-right-col {
    width: 79%;
    float: right;
    margin: 0;
}

.emr-tab {
    margin: 5px 10px 0 0;
    padding: 0;
    border-right: 4px solid #6f77ed;
}

figure.paitent-img {
    width: 120px;
    height: 120px;
    overflow: hidden;
    margin: 50px auto;
}

figure.paitent-img img {
    width: 100%;
    border-radius: 5px;
}

.pat-heading {
    font-size: 18px;
    background: #ebebeb;
    display: inline-block;
    padding: 7px;
    color: #6f77ed;
    margin: 0 0 10px 0;
    font-weight: 600;
}

.typeahead .dropdown-menu ul li {
    z-index: 99999 !important;
    display: block !important;
    width: 100% !important;
}

.emr-tab ul li a span {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin: 0 15px 0 0;
    position: relative;
}

.emr-tab ul li a span:before {
    position: absolute;
    content: "";
    right: -8px;
    width: 1px;
    height: 14px;
    background: #000;
    top: 3px;
}

.emr-tab ul li a:hover span:before,
.emr-tab ul li a.active span:before,
.emr-tab ul li a:active span:before {
    background: #fff;
}

.emr-tab ul li a span.patient-details {
    background-image: url('../images/patient-details.svg')
}

.emr-tab ul li a:hover span.patient-details,
.emr-tab ul li a.active span.patient-details {
    background-image: url('../images/patient-details-w.svg')
}

.emr-tab ul li a span.symptoms {
    background-image: url('../images/symptoms.svg')
}

.emr-tab ul li a:hover span.symptoms,
.emr-tab ul li a.active span.symptoms {
    background-image: url('../images/symptoms-w.svg')
}

.emr-tab ul li a span.allergies {
    background-image: url('../images/allergies.svg')
}

.emr-tab ul li a:hover span.allergies,
.emr-tab ul li a.active span.allergies {
    background-image: url('../images/allergies-w.svg')
}

.emr-tab ul li a span.medical-history {
    background-image: url('../images/medical-history.svg')
}

.emr-tab ul li a:hover span.medical-history,
.emr-tab ul li a.active span.medical-history {
    background-image: url('../images/medical-history-w.svg')
}

.emr-tab ul li a span.surgery_procedures {
    background-image: url('../images/surgery_procedures.svg')
}

.emr-tab ul li a:hover span.surgery_procedures,
.emr-tab ul li a.active span.surgery_procedures {
    background-image: url('../images/surgery_procedures-w.svg')
}

.emr-tab ul li a span.appointment {
    background-image: url('../images/appointment.svg')
}

.emr-tab ul li a:hover span.appointment,
.emr-tab ul li a.active span.appointment {
    background-image: url('../images/appointment-w.svg')
}

.emr-tab ul li a span.physical_examination {
    background-image: url('../images/physical_examination.svg')
}

.emr-tab ul li a:hover span.physical_examination,
.emr-tab ul li a.active span.physical_examination {
    background-image: url('../images/physical_examination-w.svg')
}

.emr-tab ul li a span.photo_timeline {
    background-image: url('../images/photo_timeline.svg')
}

.emr-tab ul li a:hover span.photo_timeline,
.emr-tab ul li a.active span.photo_timeline {
    background-image: url('../images/photo_timeline-w.svg')
}

.emr-tab ul li a span.medication {
    background-image: url('../images/medication.svg')
}

.emr-tab ul li a:hover span.medication,
.emr-tab ul li a.active span.medication {
    background-image: url('../images/medication-w.svg')
}

.emr-tab ul li a span.vitals {
    background-image: url('../images/vitals.svg')
}

.emr-tab ul li a:hover span.vitals,
.emr-tab ul li a.active span.vitals {
    background-image: url('../images/vitals-w.svg')
}

.emr-tab ul li a span.lab_test {
    background-image: url('../images/lab_test.svg')
}

.emr-tab ul li a:hover span.lab_test,
.emr-tab ul li a.active span.lab_test {
    background-image: url('../images/lab_test-w.svg')
}

.emr-tab ul li a span.imaging {
    background-image: url('../images/imaging.svg')
}

.emr-tab ul li a:hover span.imaging,
.emr-tab ul li a.active span.imaging {
    background-image: url('../images/imaging-w.svg')
}


/* .search-icon:before {
        position: absolute;
        content: "";
        width: 1px;
        height: 18px;
        background: #82818147;
        left: -9px;
        top: 0;
    } */

.td-active {
    cursor: pointer;
    border: 1px solid #6f77ed;
    padding: 3px 12px;
    border-radius: 4px;
    color: #6f77ed;
}

.td-inactive {
    cursor: pointer;
    border: 1px solid #103666;
    padding: 3px 12px;
    border-radius: 4px;
    color: #103666;
}

.td-deceased {
    cursor: pointer;
    border: 1px solid #7b0202;
    padding: 3px 12px;
    border-radius: 4px;
    color: #af1e1e;
}

.view-result-dig .commn-select-wrap {
    border: 1px solid #eee;
}

.main-surgery-wrapper {
    position: relative;
}

.inner-surgery-wrapper {
    position: relative;
}

.main-surgery-wrapper .add-icon {
    top: 80px;
}

.inner-surgery-wrapper .minus-icon {
    top: 80px;
}

.srch-box {
    padding-right: 56px !important;
}

figure.patient-pic {
    width: 69px;
    height: 68px;
    border-radius: 50%;
    border: 1px solid #6f77ed;
    display: inline-block;
    margin: 0 14px 0 0;
    background-size: cover;
    background-position: center;
}

.patient-pic-detls {
    display: inline-block;
    width: 80%;
}

.patient-pic-detls h3 {
    font-size: 16px;
    margin: 0;
    color: #6f77ed;
    font-weight: normal;
    font-weight: 500;
}

.pic-note-para {
    font-size: 12px;
}

.dob-wrap {
    border: 1px solid #dadada;
    border-radius: 4px;
    white-space: nowrap;
}

.dd-wrap {
    width: 33.3%;
    display: inline-block;
}

.mm-wrap {
    width: 33.3%;
    display: inline-block;
    margin: 0 0 0 -2px;
}

.yy-wrap {
    width: 33.3%;
    display: inline-block;
    margin: 0 0 0 -2px;
}

.yy-wrap .form-control {
    border: none !important;
}

.dob-wrap .form-control {
    padding: 0;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: none;
    border-right: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: none;
}

span.txt-box-al {
    display: inline-block;
    width: 48%;
    vertical-align: middle;
}

span.select-box-alg {
    display: inline-block;
    margin: 0 3px;
    width: 38%;
    vertical-align: middle;
}

span.add-alg-btn {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    position: relative;
    top: 5px;
    right: 0;
    position: absolute;
}

.add-alg-btn button.add-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    top: -3px;
    font-size: 22px;
    background: #6f77ed;
    color: #fff;
    border-radius: 2px;
}

span.genrate-tag {
    font-size: 14px;
    background: #6f77ed;
    display: inline-block;
    padding: 6px 22px 5px 15px;
    margin: 3px 3px 0 0;
    border-radius: 25px;
    color: #fff;
    position: relative;
}

h2.sub-heading {
    font-size: 18px;
    color: #6f77ed;
    margin: 0 -15px 8px;
    border-bottom: 1px solid #d4d4d4;
    padding: 6px 11px;
}

.sub-heading-nn-bd {
    font-size: 14px;
    color: #6f77ed;
    margin: 0 -15px 8px;
    border-bottom: none;
    padding: 6px 11px;
}

.wrap-pt-dtl {
    border-right: 1px solid #d9d9d9;
}

span.add-icon-surgery {
    position: absolute;
    top: 62%;
    right: 14px;
}

span.minus-icon-surgery {
    position: absolute;
    top: 62%;
    right: 14px;
}

.mce-flow-layout-item.mce-last {
    margin-right: 2px;
    display: none;
}

.accordian-para .row .col-sm-3 {
    width: 25%;
    padding: 0 8px;
}

.bootstrap-timepicker .input-group-addon i {
    display: inline-block;
    width: 16px;
    height: 16px;
    color: #6f77ed;
}

.dob-wrap .bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="span"] {
    margin: 0;
}

.dob-wrap button.btn.dropdown-toggle.selectpicker.btn-default {
    font-size: 14px;
    padding: 5px 7px;
    margin: 0;
    outline: none !important;
}

.dob-wrap .btn-group.bootstrap-select.form-control {
    height: 30px;
}

.status-block ul li {
    float: left;
    margin: 0;
    padding: 0;
    border-radius: 4px;
}

.status-block ul {
    display: inline-block;
}

.status-block ul li span {
    background: #6f77edd4;
    padding: 6px;
    color: #cecece;
    display: block;
    border-right: 1px solid #fff;
    font-weight: 500;
}

.status-block ul li span.active {
    background: #a5a5a5;
    color: #fff;
}

.srch-find-chat {
    color: #25241f !important;
    background: #d0c29da6 !important;
    position: relative !important;
}

p.srch-find-chat:before {
    position: absolute;
    content: "";
    right: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 20px;
    border-color: transparent transparent transparent #e0d7bf;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
}

.view-more-tdbtn {
    background: transparent;
    font-size: 11px;
    color: #4d9be0;
    text-decoration: underline;
}

.mg-online-auth {
    margin: 0;
}

ul.list-unstyled {
    border: 1px solid #6f77ed;
    border-radius: 7px;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
    color: #6f77ed;
}

.table-responsive {
    min-height: .01%;
    overflow-x: initial;
}

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

ul.typeahead.dropdown-menu {
    right: 0;
    z-index: 999999 !important;
    position: absolute;
}

.single-action-space {
    font-size: 15px;
    margin: 0 3px;
    display: inline-block;
    vertical-align: middle;
}

.fc-toolbar.fc-header-toolbar {
    margin-bottom: 1em;
    margin: 6px 7px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #74b2e2;
    background: #3baae3 url(../images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #0070a3;
}

.fc-row .ui-widget-header .fc td,
.fc th {
    border-style: solid;
    border-width: 1px;
    padding: 0;
    vertical-align: top;
    font-size: 15px;
    font-weight: 500;
}

.filter-select-wrap button.btn.dropdown-toggle.selectpicker.btn-default:focus,
.mr-ms-select-wrap button.btn.dropdown-toggle.selectpicker.btn-default:focus,
.dob-wrap button.btn.dropdown-toggle.selectpicker.btn-default:focus {
    border: 1px solid #6f77ed;
    outline: none !important;
    box-shadow: 0 0 5px #6f77eda8;
}

.td-phy {
    background-image: url(../images/td-phy.svg);
    height: 15px;
    width: 14px;
    display: inline-block;
    margin: 0 5px 0 0px;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    background-size: cover;
    background-size: contain;
}

.td-edit-pencil {
    cursor: pointer;
    font-size: 15px;
    padding: 2px 0 0 0;
    display: inline-block;
    vertical-align: middle;
}

.total-block span {
    font-size: 14px;
}

.thrshold-range {
    display: block;
    width: 150px;
}

label.b-s-label-white {
    font-size: 14px;
    font-weight: normal;
    margin: 3px 0 1px 0;
    color: #fff;
    text-transform: uppercase;
}

.text-wrap-test {
    font-size: 14px;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.end-call {
    background: #f00 !important;
}

.end-call:hover {
    background: #d20707 !important;
}

.tap-call {
    font-size: 24px;
    background: #6f77ed;
    padding: 8px;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
}

.tap-call:hover {
    color: #fafafa;
}

body.loader-wrap {
    position: relative;
    overflow: hidden;
}

body.loader-wrap:before {
    background: hsla(0, 0%, 0%, 0.56);
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 99;
    top: 0;
}

.loader-img {
    background-image: url(../images/loader_img.gif);
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    z-index: 999;
    display: none;
    transform: translate(-50%, -50%);
    animation: rotate 1s infinite;
}

.main-appd-wrapper {
    position: relative;
}

.vital-inner-table.table {
    background: transparent !important;
}

.vital-inner-table.table tbody tr td {
    background: transparent !important;
    border: 1px solid #a5a5a5 !important;
}

.vital-inner-table.table tbody tr:nth-child(odd) {
    background: transparent !important;
}

.modal-dialog.modal-lg-big {
    width: 900px;
}

.excel-tbl-healthreport {}

.preview-signature {
    width: 160px;
    height: 50px;
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    margin: 7px 0 0 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.genrate-tag .cross-tag {
    background-image: url(../images/cross-green.svg);
    width: 15px;
    height: 15px;
    display: block;
    background-size: contain;
    position: absolute;
    z-index: 99;
    top: 8px;
    right: 4px;
    background-color: #fff;
    border-radius: 50%;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}

.trash-ico {
    background-image: url(../images/cross-icon-r.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    z-index: 99;
    background-size: contain;
    right: -4px;
    top: -6px;
    cursor: pointer;
}

.upload-prod-pic-wrap {
    text-align: center;
}

.upload-prod-pic-wrap ul li {
    margin: 12px 8px;
    padding: 0;
    display: inline-block;
    width: 26%;
    position: relative;
    height: 400px !important;
    margin: 13px 30px;
}

.upload-prod-pic-wrap ul li a img {
    width: 100%;
    min-height: 100%;
}

.upload-prod-pic-wrap ul li a {
    display: block;
    margin: 0;
    padding: 0;
    /* width: 225px; */
    height: 300px;
    border: 1px solid #c7c7c7;
    overflow: hidden;
    background-image: url(../images/placeholder-user.png);
    background-position: center;
    background-size: 64%;
    background-repeat: no-repeat;
    background-color: rgba(204, 204, 204, 0.46);
    background-size: contain;
}

.after-beforepic-wrap {
    padding: 18px 0 18px 0;
    display: flex;
    flex-flow: row;
    justify-items: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}


/* .before-col {
    width: 50%;
    float: left;
    text-align: center;
}

.after-col {
    width: 50%;
    float: left;
    text-align: center;
} */

.stng-label {
    font-size: 18px;
    text-align: center;
    display: block;
    font-weight: 500;
    margin: 12px 0;
}

.show-pic-block {
    width: 300px;
    height: 400px;
    background: #fbfbfb;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    margin: 0 auto;
    /* vertical-align: -webkit-baseline-middle; */
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.pt-emr-pic {
    margin: 15px 0 0 0;
    display: flex;
    flex-flow: row;
    justify-items: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
}

.pt-emr-pic .show-pic-block {
    width: 211px;
    height: 250px;
}

figure.show-pic-block img {
    width: 100%;
    /* vertical-align: middle; */
    object-fit: contain;
    /* flex: none; */
}

.dtl-user-mssg {
    position: relative;
}

.show-label-unread {
    background: #ff715a;
    position: absolute;
    content: "";
    color: #fff;
    top: 0;
    right: 0;
    height: 19px;
    width: 20px;
    background: #6f77ed;
    border-radius: 3px;
    font-size: 11px;
    text-align: center;
    line-height: 1.8;
}

#list1,
#list2 {
    width: 100%;
    list-style-type: none;
    margin: 0px;
}

#list1 li,
#list2 li {
    float: left;
    width: 50%;
    /* height: 100px; */
    padding: 0 4px 10px 4px;
}

#list25 li {
    float: left;
    width: 25%;
    /* height: 100px; */
    padding: 0 4px 10px 4px;
}

#list75 li {
    float: left;
    width: 75%;
    /* height: 100px; */
    padding: 0 4px 10px 4px;
}

/* #list1 div, #list2 div { width:90px; height:50px; border:solid 1px black; background-color:#E0E0E0; text-align:center; padding-top:40px; }*/

#list2 {
    float: right;
}

.placeHolder div {
    background-color: white !important;
    border: dashed 1px gray !important;
}

.slot-mg {
    margin: 0 0 0 -21px;
}

.col-xs-6 .aft-bfr-pic-wrap .show-pic-block {
    width: 200px;
    height: 250px;
    background: #fbfbfb;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    /* margin: 0 auto; */
    /* vertical-align: -webkit-baseline-middle; */
    overflow: hidden;
    display: flex;
}

.emr-left-mob {
    display: none;
}

.inner-col-importexport {
    border: 1px solid #ccc;
    margin: 15px 0;
    padding: 20px;
    min-height: 250px;
}

.wrap-text {
    font-size: 23px;
    display: block;
    text-align: center;
    color: #6f77ed;
}

.icon-imex {
    width: 80px;
    display: block;
    height: 80px;
    margin: 0 auto;
    background-size: contain;
}

.patient-ico {
    background-image: url('../images/patient-ico.svg');
}

.discharge-summary {
    background-image: url('../images/discharge-summary-ico.svg');
}

.measurement-ico {
    background-image: url('../images/measurment-ico.svg');
}

.doctor-note-ico {
    background-image: url('../images/doctor-note-ico.svg');
}

.appointment-ico {
    background-image: url('../images/appointment-ico.svg');
}

.prescription {
    background-image: url('../images/prescription.svg');
}

.wrapper-notifcation {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 9;
}

.wrapper-notifcation ul li {
    margin: 0 4px 10px;
}

.notifcation-card-block {
    z-index: 9;
    background: #fff;
    box-shadow: 0 0 6px #00000047;
    padding: 7px;
    width: 301px;
    border-radius: 7px;
}

.notifcation-card-block .title {
    margin: 0;
    font-size: 15px;
    color: #6f77ed;
}

.notifcation-card-block p {
    margin: 3px 0;
    font-size: 14px;
    color: #363636;
    word-wrap: break-word;
}

.commn-tab ul li {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0;
}

.commn-tab ul li a {
    display: block;
    margin: 0;
    padding: 10px 30px;
    background: #f9f9f9;
    border-radius: 5px;
    font-size: 14px;
    color: #363636;
    border: 1px solid #ccc;
    text-decoration: none;
}

.commn-tab ul li a:active,
.commn-tab ul li a.active,
.commn-tab ul li a:hover {
    background: #6f77ed;
    border-radius: 5px;
    font-size: 14px;
    color: #ffffff;
    border: 1px solid #028c7c;
}

span.glyphicon.glyphicon-time {
    color: #6f77ed;
}

#myModal-holidayplan .commn-tab {
    text-align: center;
    margin: 20px 0;
}

.day-list ul li {
    display: inline-block;
    width: 23%;
    margin: 6px 0;
}

.hide-box {
    display: none;
}

.show-tab-box {
    display: block;
}

span.fc-button {
    font-size: 18px !important;
}

span.fc-event-time {
    font-size: 14px !important;
}

span.fc-event-title {
    font-size: 14px !important;
}

.day-list-slot ul li {
    display: inline-block;
    width: 12%;
    margin: 6px 0;
}

#add_slot .top-heading-wrap {
    margin: -9px -15px 0;
}

.instruction-description {
    height: 400px !important;
    box-shadow: none;
}

.search-icon-medical-certificate {
    display: block;
    width: 30px;
    height: 100%;
    background-image: url(../images/search-ico-w.svg);
    background-size: contain;
    position: absolute;
    top: 0;
    cursor: pointer;
    right: 16px;
    background-repeat: no-repeat;
    background-color: #6f77ed;
    background-position: center;
    background-size: 64%;
}

.srch-close-icon-medical-certificate {
    right: 52px;
}

.add-medical-certificate ul li {
    width: 15.4%;
}

.add-medical-certificate ul li:last-child {
    margin: 0 0 0 13px;
}

.add-medical-certificate ul li a {
    display: block;
    margin: 0;
    padding: 10px 19px;
    text-align: center;
}

.medical-description {
    height: 200px;
}

.add-practise-time {
    font-size: 12px;
    color: #6f77ed;
    cursor: pointer;
    position: absolute;
    right: 16px;
    top: 22px;
    color: #fff;
    background: #6f77ed;
    font-size: 18px;
    padding: 3px 8px;
    border-radius: 3px
}

.filter-select-wrap.select-instruction-wrap {
    width: 332px;
    margin: 0 0 10px 0;
}

.fc-grid .fc-event-time {
    font-weight: bold;
    margin: 0 5px 0 2px;
}

.fc-state-highlight>div>div.fc-day-number {
    background-color: #6f77ed;
}

.bootstrap-timepicker-widget {
    z-index: 9999999999999 !important;
}

.setting-modal .modal-dialog {
    width: 440px;
    max-width: 95%;
}

.setting-modal .modal-dialog .frm-head {
    display: block;
    color: #6f77ed;
    font-size: 18px;
    font-weight: 500;
}

.setting-modal .modal-dialog .change-box {
    margin: 20px auto 5px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.12);
}

.setting-modal .mess {
    display: block;
    font-size: 12px;
    color: #777777;
    margin: 6px 0 -8px 0;
}

.setting-modal .mess sup {
    position: relative;
    font-size: 14px;
    top: -1px;
    color: red;
}

.settingnav {
    width: 100%;
    margin: 0;
    text-align: left;
}

.settingnav .fa {
    float: right;
    font-size: 20px;
}

.change-num-otp {
    display: none !important;
}

.otp-sent-ph .otpcome {
    display: none !important;
}

.otp-sent-ph .change-num-otp {
    display: block !important;
}

.change-ph-code #new_phone {
    border: 1px solid #ccc;
    width: 100%;
    padding: 5px 10px 5px 90px;
    font-size: 14px;
    color: #000;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}

.change-ph-code #country_code+.countr-select-code-custom {
    background: transparent;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
#new_phone:focus {
    box-shadow: 0 0 5px #53d4c5;
    -moz-box-shadow: 0 0 5px #53d4c5;
    -ms-box-shadow: 0 0 5px #53d4c5;
    -o-box-shadow: 0 0 5px #53d4c5;
    -webkit-box-shadow: 0 0 5px #53d4c5;
    border-color: #6f77ed;
}

.change-ph-code #country_code+.countr-select-code-custom button {
    outline: none !important;
    box-shadow: none;
    padding: 4px 10px 3px 10px;
    border: 1px solid transparent;
    border-radius: 3px 0 0 3px;
}

.change-ph-code #country_code+.countr-select-code-custom button:focus {
    box-shadow: 0 0 5px #53d4c5;
    -moz-box-shadow: 0 0 5px #53d4c5;
    -ms-box-shadow: 0 0 5px #53d4c5;
    -o-box-shadow: 0 0 5px #53d4c5;
    -webkit-box-shadow: 0 0 5px #53d4c5;
    border-color: #6f77ed;
}

body {
    overflow-x: hidden;
}

button.outline-bttn.mobile-btn {
    display: none;
}

.settingnav.solid-bttn {
    display: inline-block;
    font-size: 14px;
    padding: 20px 12px;
    font-weight: 800;
    margin-bottom: 0;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background: transparent;
    border-radius: 0;
    color: #6f77ed;
    font-weight: normal;
    font-weight: 500;
    border-bottom: 1px solid #dedede;
    text-align: left;
}

.settingnav.solid-bttn:hover {
    background: #eafffd;
    color: #6f77ed;
}

.more-option--wrapeer {
    position: fixed;
    color: #000;
    right: 0;
    bottom: 70px;
    z-index: 9;
    font-size: 20px;
    z-index: 999;
}

span.quick-option {
    width: 25px;
    height: 25px;
    /* background-color: #103666; */
    background-color: #6f77ed;
    display: inline-block;
    border-radius: 50%;
    /* position: absolute; */
    /* bottom: 11px; */
    /* right: 25px; */
    /* background-image: url(../images/plus.svg); */
    background-size: 17px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    position: relative;
    z-index: 999;
}

.quick-option:hover {
    box-shadow: 0px 7px 8px 2px #0000002e;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.quick-option img {
    width: 16px;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.img-rotate {
    transform: rotate(42deg);
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.more-option--wrapeer ul {
    position: fixed;
    top: 58px;
    right: 100px;
    transform: scale(0, 0);
    transform-origin: top;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    /* display: none; */
    display: flex;
    flex-flow: column-reverse;
}

.more-option--wrapeer ul.active {
    transform: scale(1, 1);
    /* display: block; */
}

.more-option--wrapeer ul li {
    display: flex;
    /* justify-content: center; */
    align-items: center;
    margin: 0 0 13px;
    cursor: pointer;
}

body.overlay {
    position: relative;
}

body.overlay:before {
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    background: #000000d1;
    top: 0;
    z-index: 992;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.more-option--wrapeer ul li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    display: list-item;
    background: #ccc;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    margin: 0 10px 0 0;
    background-size: 25px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.more-option--wrapeer ul li:first-child a {
    background-color: #7b52f9;
    background-image: url('../images/timer-icon.svg');
}

.more-option--wrapeer ul li:nth-child(2) a {
    background-color: #05afa7;
    background-image: url('../images/activity-icon.svg');
}

.more-option--wrapeer ul li:nth-child(3) a {
    background-color: #5a0303;
    background-image: url('../images/nutrition-icon.svg');
}

.more-option--wrapeer ul li:nth-child(4) a {
    background-color: #fd8403;
    background-image: url('../images/diffculty-icon.svg');
}

.more-option--wrapeer ul li:nth-child(5) a {
    background-color: #008a25;
    background-image: url('../images/doctor-note-icon.svg');
}

.more-option--wrapeer ul li:nth-child(6) a {
    background-color: #01c587;
    background-image: url('../images/eprescription-icon.svg');
}

.more-option--wrapeer ul li:nth-child(7) a {
    background-image: url('../images/emr-icon.svg');
    background-color: #2408bf;
}

.more-option--wrapeer ul li:nth-child(8) a {
    background-image: url('../images/quick-add-icon.svg');
    background-color: #b97c0b;
}

.more-option--wrapeer ul li:nth-child(9) a {
    background-image: url('../images/quick-review.svg');
    background-color: #103666;
}

.more-option--wrapeer ul li .title {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #fff;
}

.Patient-modal {
    width: 400px;
}

.Patient-modal .clinic-note-modal-head {
    border-bottom: none;
    margin: 0 0 -15px 0;
}

.Patient-modal .search-icon {
    right: 15px;
}

.Patient-modal .dropdown-menu>li>a {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    word-break: break-word;
    white-space: inherit;
}

.treatment-div-class:first-child {
    border: none;
}

.treatment-div-class {
    border-top: 1px dashed #7d7d7d;
    padding: 15px 0;
    border-bottom: 1px dashed #7d7d7d;
    margin: 0 0 14px;
    box-shadow: 0 0 6px #06060640;
    padding: 0 12px 20px;
}

span.add-icon-surgery {
    position: absolute;
    top: 24px;
    right: 14px;
}

#update_doctor label.solid-bttn {
    width: 164px;
}

.not-found {
    text-align: center;
    display: block;
    font-size: 19px;
    padding: 12px 0;
    color: #bbbc;
}

#contacttable {
	overflow-y:scroll;
	height:400px;
	width: 100%;
}
#billingtable {
	overflow-y:scroll;
	height:400px;
	width: 100%;
}