.msg-profile{
    margin-left: auto;
    margin-right: auto; 
    text-align: center
}
.msg-profile img{
    border-radius: 150px; 
    width: 115px; 
    margin-top: 5px;
    margin-left: 25px;
    box-shadow: 0px 2px 3px 0px #00000014;
}
.prof-active{
    height: 20px;
    width: 20px;
    background-color: #2DD827;
    border-radius: 40px;
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: bottom;
} 
.not-active{
    background-color: #c8c8c8 !important;
}
.msg-info{
    margin-top: 20px; 
    text-align: center
}
.msg-info h4{
    font-family: mont-medium;
    font-size: 19px;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 5px;
}
.msg-info label{
    font-family: mont-medium;
    font-size: 15px;
    color: #7F7F7F;
    text-transform: none;
    font-weight: normal;
    display: block;
}
.msg-info span{
    color: #2DD827;
    font-family: mont-medium;
    font-size: 15px;
}
span.text-grey{
    color: #c8c8c8 !important;
}
.msg-setting{
    padding: 15px 15px 10px;
}
.msg-setting button{
    background-color: transparent;
    font-family: mont-medium;
    font-size: 15px;
    color: #000;
    text-transform: capitalize;
    padding: 10px 15px;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}
.msg-setting button:hover{
    background-color: #ebebeb;
    border-radius: 5px;
}
.msg-setting button img{
    margin-right: 17px;
}
.msg-files{
    border-top: 1px solid #ddd;
    padding: 10px 15px 10px;

}
.msg-files button{
    background-color: transparent;
    font-family: mont-medium;
    font-size: 15px;
    color: #000;
    text-transform: capitalize;
    padding: 10px 15px;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}
.msg-files button:hover{
    background-color: #ebebeb;
    border-radius: 5px;
}
.msg-files button img{
    margin-right: 17px;
}
.arrow-right {
    border: solid #222222;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    margin-left: 12px;
    vertical-align: text-top;
    margin-top: 4px;
}
/* Create two equal columns that floats next to each other */
.column-10 {
  float: left;
  width: 12%;
  height: 100%;
  border-radius: 8px;
  box-shadow: 3px 2px 5px 0px #00000014;
}
.column-90 {
  float: left;
  width: 88%;
  padding: 10px;
  position: relative; 
    height: 680px;
}

/* Clear floats after the columns */
.row-msg:after {
  content: "";
  display: table;
  clear: both;
}
input.type-msg{
    display: inline;
    width: 92%;
    background-color: transparent;
    color: #424242;
    font-family: mont-medium;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
}
input.type-msg::placeholder{
    text-decoration: none;
    color: #808080;
    font-family: mont-medium;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
}
.btn-msg{
    background-color: transparent;
    float: right;
    width: auto;
    border: none;
}
.btn-msg{
    width: 25px;
}
div.parent {
  position: relative;
  height: 200px;
  border: 3px solid red;
}

div.absolute {
  position: absolute;
  width: 100%;
  bottom: 15px;
} 
.col-file{
    padding-left: 25px; 
    padding-right: 0px; 
    padding-top: 10px;
}
.input-msg{
    background-color: #F2F2F2; 
    margin-right: 40px; 
    padding: 15px 15px 18px 20px; 
    border-radius: 8px;
}
.h-680{
    height: 680px;
}
.messages-container {
  position: relative;
  cursor: pointer;
    height: 680px;
}

.msg-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  box-shadow: 3px 2px 5px 0px #00000014;
  overflow-y: auto;
  width: 0;
  height: 100%;
  transition: .5s ease;
  float: left;
  z-index: 1;
}
/* width */
.msg-overlay::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
.msg-overlay::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}

/* Handle */
.msg-overlay::-webkit-scrollbar-thumb {
  background: #a9a9a9; 
  border-radius: 10px;
}


/* Handle on hover */
.msg-overlay::-webkit-scrollbar-thumb:hover {
  background: #2ab299; 
}
.messages-container:hover .msg-overlay {
  width: 350px;
}

.msg-overlay .text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
    
.icon-img{
    padding: 7px 20px;
}
    .msg-overlay .icon-img:hover{
        background-color: #e1e1e1;
        cursor: pointer;
    }
.i-active{
    background-color: #ededed;
    cursor: pointer;
}
.icon-img img{
    border-radius: 150px;
    width: 70px;
    position: relative;
    display: block;
}
.icon-active{
    height: 10px;
    width: 10px;
    background-color: #2DD827;
    border-radius: 40px;
    position: absolute;
    margin-left: 38px;
    margin-top: -10px;
}
.msg-overlay img{
    width: 55px;
}
.top-profile{
    margin-left: 25px;
    margin-bottom: 10px;
}
.top-profile img{
    width: 63px;
    border-radius: 150px;
}
.top-active{
    height: 12px;
    width: 12px;
    background-color: #2DD827;
    border-radius: 40px;
    position: absolute;
    margin-left: -18px;
    margin-top: 52px;
}
.name-top{
    padding-top: 10px;
    padding-left: 15px;
}
.name-top h4{
    font-family: mont-medium;
    font-size: 19px;
    color: #000;
    text-transform: capitalize;
    line-height: 1.1em;
}
.name-top label{
    font-family: mont-medium;
    font-size: 15px;
    color: #7F7F7F;
    text-transform: none;
    font-weight: normal;
    display: block;
    text-align: left;
}
.top-call{
    float: right;
    margin-right: 30px;
    margin-top: 15px;
}
.top-call button{
    background-color: transparent;
    border: none;
}
.top-call i{
    width: 30px;
    font-size: 35px;
    color: #20a5ff;
    margin-right: 15px;
    cursor: pointer;
}
.top-call i:hover{
    color: #000;
}
.top-prof{
    border-bottom: 1px solid #e7e7e7cf; 
    margin-right: -10px;
    margin-left: -10px;
}
.tp{
    margin-left: 20px; 
    margin-bottom: 10px;
}
label.add-file {
display: block;
margin: 0 auto;
border-radius: 2px;
font-size: 1em;
line-height: 2.5em;
text-align: left;
}

label.add-file:hover {
    background-color: transparent;
    cursor: pointer;
}

label.add-file:active {
    background-color: mediumaquamarine;
}

.add-file input {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px; 
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.add-file-icon{
    width: 30px;
}
.add-file img{
    width: 30px;
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px; 
    font-family: mont-semibold;
    color: #808080;
}
.convo{
    height: 100%;
    position: relative;
    height: 500px;
    margin: 20px 0px 20px 10px; 
    overflow-y: auto;
}
/* width */
.convo::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
.convo::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}

/* Handle */
.convo::-webkit-scrollbar-thumb {
  background: #a9a9a9; 
  border-radius: 10px;
}

/* Handle on hover */
.convo::-webkit-scrollbar-thumb:hover {
  background: #2ab299; 
}
.convo a div{
    color: #002dd3;
}
.convo a div:hover{
    text-decoration: underline;
    color: darkblue;
}
.convo a.file-left{
    float: left;
}
.convo a.file-right{
    float: right;
}
.download-icon{
    width: 23px; 
    margin-right: 10px;
    margin-left: 10px;
}
.conv-left{
    margin-bottom: 0px;
    width: 400px;
    float: left;
    clear: left;
}
.left-msg{
    background-color: #f5f6f7; 
    font-family: mont-regular; 
    font-size: 14px; 
    padding: 10px 20px; 
    border-radius: 8px;
    margin-top: 0px;
    margin-bottom: 3px;
    width: auto;
    float: left;
    clear: left;
}
.left-date{
    font-family: mont-regular; 
    font-size: 11px;
    float: left;
    clear: left;
    margin-bottom: 10px;
    width: 400px;
}
.conv-right{
    margin-bottom: 0px; 
    width: 400px; 
    float: right;
    clear: right;
    margin-right: 10px;
    margin-top: 0px;
}
.right-msg{
    background-color: #20a5ff; 
    color: #fff; 
    font-family: mont-regular; 
    font-size: 14px; 
    padding: 10px 20px; 
    border-radius: 8px;
    margin-top: 0px;
    margin-bottom: 3px;
    width: auto;
    float: right;
    clear: right;
}
.right-date{
    font-family: mont-regular; 
    font-size: 11px; 
    float: right;
    clear: right;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 400px;
    text-align: right;
}
.side-prof{
    padding: 7px 10px 0px;
    font-family: mont-medium;
    font-size: 15px;
    color: #000;
    margin-bottom: 0px;
    line-height: 1em;
    text-transform: capitalize;
}
.msg-time{
    font-family: mont-medium;
    font-size: 11px;
    color: #999999;
    margin-left: 10px;
    text-transform: none;
    line-height: 1em;
}
.msg-time i{
    font-size: 3px;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 5px;
}
.border-tp{
    border-top: 1px solid #ddd;
    margin-left: 0px;
    margin-right: 0px;
}
.show-num{
    padding: 30px 20px;
}
.show-num p{
    font-family: mont-medium;
    font-size: 15px;
    color: #000;
    width: 250px;
}
.entry-num{
    color: #1592E6;
    font-family: mont-semibold;
    margin-left: 7px;
    margin-right: 7px;
}
.pagination {
  display: inline-block;
    float: right;
    margin-top: 20px;
    margin-right: 0px;
}

.pagination a {
    color: #bcbcbc;
    float: left;
    padding: 5px 13px;
    border-radius: 5px;
    text-decoration: none;
    transition: .3s;
    font-family: mont-medium;
    font-size: 15px;
    border: none;
    margin-right: 5px;
    margin-top: 5px;
}

.pagination a.active {
  background-color: #0883C6;
  color: white;
    border: none;
}

.pagination a:hover:not(.active) {
    background-color: #f3f3f3;
    color: #2196f3;
}
.pagi-nxt{
    background-color: #F5F5F5;
    color: #787878 !important;
    padding: 10px 30px !important;
    margin-top: 0px !important;
}
.txt-prev{
    color: #787878 !important;
}
.txt-prev:hover{
    background-color: transparent !important;
    color: #2196f3 !important;
}
.tbl-file{
    margin-bottom: 23px;
    width: 100%;
}
th:nth-child(odd), th:nth-child(even){
    background-color: transparent;
    color: #000;
    text-transform: none;
}
.tbl-file tr th{
    font-family: mont-semibold;
    font-size: 15px;
    color: #000;
    padding: 20px 30px 20px 40px;
}
.tbl-file tr td{
    font-family: mont-medium;
    font-size: 15px;
    color: #000;
    padding: 24px 30px 24px 40px;
    border-top: 1px solid #f6f6f6;
}      
.files-icon button{
    background-color: transparent;
}
.files-icon .filled-bm{
    width: 17px;
    margin-right: 20px
}
.files-icon .dl-icon{
    width: 25px;
    margin-right: 12px
}
.files-icon .delete-icon{
    width: 19px;
}
.btn-trans{
    background-color: transparent;
}
.bookmark{
    width: 100%;
    margin: 10px 20px;
}
.bookmark tr td{
    font-family: mont-medium;
    font-size: 15px;
    color: #000;
    padding: 5px 10px 10px;
}
.reload-icon{
    background-color: transparent;
    border: none;
}
.reload-icon img{
    position: absolute; 
    top: 0; 
    right: 0; 
    margin-top: 30px; 
    margin-right: 20px; 
    width: 25px;
    cursor: pointer;
}
.add-icon{
    background-color: transparent;
    border: none;
}
.add-icon img{
    position: absolute; 
    top: 0; 
    right: 0; 
    margin-top: 30px; 
    margin-right: 40px; 
    width: 25px;
}
.filled-bm{
    width: 15px;
    margin-right: 10px;
}
.dl-icon{
    width: 23px;
}
.pb-0{
    padding-bottom: 0px !important;
}
.lab-padd tr td, .lab-padd tr th{
    padding: 24px 20px 24px 20px;
}
.align-right{
    text-align: right;
}
.view-icon{
    width: 26px;
    margin-right: 10px;
}
.result-title{
    font-family: mont-medium;
    font-size: 15px;
    color: #000;
    padding: 20px 30px 20px 30px;
}
.result-date{
    float: right;
    font-family: mont-medium;
    font-size: 15px;
    color: #7F7F7F;
    padding: 20px 30px;
}
.lab-result{
    padding: 0px 30px 100px 30px;
    height: 570px;
}
.lab-result img{
    width: 100%;
}
.pres-title{
    text-align: center;
    margin-top: 10px;
}
.pres-title h3{
    font-family: mont-semibold;
    color: #000;
    font-size: 19px;
    margin-bottom: 3px;
}
.pres-title p{
    color: #000;
    font-size: 12px;
    font-family: mont-semibold;
    line-height: 15px;
}
.pres-details{
    padding: 20px 30px
}
.pres-input{
    margin-bottom: 20px;
}
.pres-input label{
    font-family: mont-semibold;
    font-size: 15px;
    color: #000;
    margin-bottom: 0px;
}
.pres-input input{
    border-bottom: 1px solid #a9a9a9;
}
.pres-input input{
    font-size: 15px;
    color: #000;
    font-family: mont-regular;
}
.wid-70{
    width: 70%;
}
.prescrip-input{
    width: 100%;
}
.prescrip-input td{
    padding: 5px 20px 18px 0px;
}
.prescrip-input input{
    background-color: #f3f3f3;
    width: 100%;
    padding: 10px 20px;
    border-radius: 5px;
    color: #000;
    font-style: normal;
    font-family: mont-regular;
}
.prescrip-input input::placeholder{
    color: #8b8b8b;
    font-style: normal;
    font-family: mont-regular;
}
.prescrip-input .pr-1{
    width: 35%
}
.prescrip-input .pr-2{
    width: 15%
}
.prescrip-input .pr-3{
    width: 18%
}
.prescrip-input .pr-4{
    padding-right: 0px;
}
.btn-row{
    background-color: #ededed;
    width: 100%;
    padding: 10px 20px;
    border-radius: 5px;
    color: #7e7e7e;
    font-style: normal;
    font-size: 14px;
    font-family: mont-medium;
    margin-top: 5px;
}
.btn-row:hover{
    background-color: #d1d1d1;
}
.pres-sign td{
    padding: 10px 0px 10px 25px;
    font-family: mont-medium;
    font-size: 17px;
    color: #000000d1;
}
.text-right{
    text-align: right;
    font-family: mont-semibold !important;
}
.sign-right{
    position: relative;
    float: right;
}
.btn-print{
    border: 1px solid #4A9EFF;
    color: #4A9EFF;
    background-color: transparent;
    padding: 12px 70px;
    border-radius: 8px;
    font-size: 16px;
    font-family: mont-regular;
    margin-right: 25px;
}
.btn-print:hover{
    color: #0076ff;
    border: 1px solid #0076ff;
}
.btn-print img{
    margin-right: 10px;
    width: 15px;
}
.btn-save{
    background-color: #4A9EFF;
    color: #fff;
    padding: 12px 70px;
    border-radius: 8px;
    font-size: 16px;
    font-family: mont-regular;
}
.btn-save:hover{
    background-color: #d1d1d1;
}
.ptb-40{
    margin-bottom: 0px;
}
.ptb-40 tr th, .ptb-40 tr td{
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
.pl-30{
    padding-left: 30px !important;
}
.mr-0{
    margin-right: 0px;
    float: none;
}
.ml-15{
    margin-left: 15px;
}
.pl-0{
    padding-left: 0px;
}
.column-5{
    float: left;
    width: 46%;
    padding: 10px;
}
.health-img{
    width: 85px;
    border-radius: 150px;
}
.health-info h3{
    font-family: mont-semibold;
    font-size: 22px;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 8px;
}
.health-info p{
    font-family: mont-semibold;
    font-size: 15px;
    color: #000;
    text-transform: capitalize;
}
.txt-blue{
    color: #1384d1;
    margin-left: 7px;
    font-family: mont-semibold !important;
}
.health-info span{
    font-family: mont-regular;
    margin-left: 7px;
}
.health-tbl th{
    padding: 10px 20px;
    font-family: mont-semibold;
    font-size: 15px;
}
.health-tbl td{
    padding: 14px 20px;
    border-top: 1px solid #ddd;
    font-family: mont-medium;
    font-size: 14px;
    color: #000;
}
.htbl-title{
    padding: 20px; 
    font-family: mont-semibold; 
    font-size: 17px; 
    color: #000; 
    border-bottom: 1px solid #ddd
}
.prbl-40{
    padding: 0px 40px 40px 40px
}
.billing-title{
    padding: 20px;
    font-family: mont-semibold;
    font-size: 19px;
    color: #000;
    border-bottom: 1px solid #ddd;
}
.billing-tbl{
    width: 100%;
}
.billing-tbl tr td{
    font-family: mont-regular;
    font-size: 15px;
    font-weight: normal;
    color: #8b8b8b;
    vertical-align: top;
    padding-bottom: 10px;
}
.billing-tbl tr td label{
    font-family: mont-semibold;
    font-weight: normal;
    padding-right: 5px;
}
.billing-tbl .bt-1{
    width: 20%;
}
.billing-tbl .bt-3{
    width: 5%;
}
.billing-tbl .bt-4{
    width: 30%;
    word-break: break-word;
}
.pad-20{
    padding: 20px;
}
.edit-billing{
    font-family: mont-medium;
    font-size: 15px;
    font-weight: normal;
    color: #0063d5;
}
.payment-tbl td{
    font-family: mont-regular;
    font-size: 14px;
    font-weight: normal;
    color: #8b8b8b;
    vertical-align: top;
    padding: 0px 20px 15px 0px
}
.paym-details label{
    font-family: mont-semibold;
    font-size: 15px;
    font-weight: normal;
    color: #8b8b8b;
    vertical-align: top;
    padding: 0px 0px 14px 0px;
}
.paym-details span{
    font-family: mont-medium;
    font-size: 15px;
    font-weight: normal;
    float: right;
    color: #8b8b8b;
    vertical-align: top;
    padding-bottom: 15px;
}
.font-normal{
    font-family: mont-medium !important;
}
.mr-25 a{
    margin-right: 25px;
}
.pb-20{
    padding-bottom: 20px;
}
.ml-45{
    margin-left: 45px;
}
.ml-nega30{
    margin-left: -30px;
}
.hamburger{
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 10px;
    margin-right: 20px;
}
.hamburger div{
    background-color: #828282;
    height: 3px;
    width: 3px;
    border-radius: 50px;
    margin: 3px 0px;
}
.pt-70{
    padding-top: 70px;
}
.tbl-tab p{
    font-family: mont-semibold;
    font-size: 15px;
    color: #000;
}
.tbl-tab button{
    background-color: transparent;
    font-family: mont-semibold;
    font-size: 15px;
    color: #000;
    padding: 20px 40px;
    border: none;
}
.arrow-tab {
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 10px;
    vertical-align: top;
    margin-top: 4px;
}
.tab-year{
    height: 180px;
    overflow-y: auto;
}
.tab-year>li>a{
    padding: 10px;
    font-size: 13px;
    font-family: mont-medium;
}
.check-title{
    font-family: mont-semibold;
    font-size:18px;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 8px;
}
.health-checkup{
    width: 100%;
}
.health-checkup td{
    padding: 10px 0px 10px 20px;
}
.health-checkup .hc-icon img{
    width: 50px;
    border-radius: 100px;
}
.hc-icon{
    width: 9%;
}
.hc-name p{
    font-family: mont-semibold;
    font-size: 15px;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.hc-name span{
    font-family: mont-regular;
    font-size: 12px;
    color: #808080;
    text-transform: capitalize;
}
.hc-loc{
    color: #000;
    font-family: mont-medium;
    font-size: 15px;
}
.hc-loc i{
    color: #0a64cc;
    font-size: 20px;
    vertical-align: bottom;
    margin-right: 6px;
}
.hc-date{
    color: #868686;
    font-family: mont-medium;
    font-size: 15px;
}
.hc-date i{
    color: #0a64cc;
    font-size: 15px;
    margin-right: 6px;
    margin-left: 10px;
}
.hc-date span{
    font-family: mont-regular;
    font-size: 15px;
    color: #000;
}
.tab-yr{
    position: absolute; 
    right: 0;
}
.select-tab{
    background-color: transparent;
    font-family: mont-semibold;
    font-size: 15px;
    color: #000;
    padding: 20px 5px;
    margin-right: 40px;
    border: none;
    text-align: left;
}
.h-record span{
    font-family: mont-semibold;
    font-size: 15px;
    color: #8d8d8d;
    margin-right: 10px;
    vertical-align: text-top;
}
.price-select{
    color: #000;
    font-family: mont-medium;
    font-size: 15px;
    background-color: transparent;
    border: none;
    vertical-align: bottom;
}
.bottom-yr{
    border-bottom: 1px solid #000;
    width: 88px;
    display: inline;
    padding-bottom: 5px;
}
.record-box{
    border-right: 1px solid #e5e5e5bd;
}
.p-30{
    padding: 30px; 
}
.record-box p{
    color: #767676;
    font-family: mont-medium;
    font-size: 15px;
}
.record-img{
    border-radius: 100px;
    width: 80px;
}
.record-name p{
    font-family: mont-semibold;
    font-size: 15px;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.record-name span{
    font-family: mont-regular;
    font-size: 14px;
    color: #808080;
    text-transform: capitalize;
}
.plml-0{
    margin-left: 0px;
    padding-left: 0px;
}
.prmr-0{
    margin-right: 0px; 
    padding-right: 0px
}
.record-box .rec-desc{
    color: #767676;
    font-family: mont-regular;
    font-weight: normal;
    font-size: 15px;
    line-height: 25px;
    margin: 35px 0px;
}
.ptb-20{
    padding-top: 20px;
    padding-bottom: 17px;
}
.rec-date{
    display: block;
    margin-bottom: 20px;
    float: right;
}
.rec-month{
    font-size: 10px;
    font-family: courier;
    color: #808080
}
.rec-day{
    font-size: 25px;
    font-weight: bold;
    font-family: courier;
    color: #808080
}
.record-dt{
    margin-top: 60px; 
    margin-left: 10px;
    margin-right: 30px;
}
.vitals-desc{
    text-align: left;
}
.vitals-desc p{
    font-family: 'mont-regular';
    font-size: 12px;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.vit-num{
    margin-bottom: 10px;
}
.vit-num img{
    width: 20px;
    padding: 0;
    margin-right: 5px;
    vertical-align: baseline;
}
.vit-num span{
    font-family: mont-bold;
    font-size: 18px;
    color: #000;
    margin-bottom: 8px;
}
.display-block{
    display: block;
}
.record-header{
    padding: 20px;
    font-family: mont-semibold;
    font-size: 17px;
    color: #000;
    border-bottom: 1px solid #ddd;
}
.record-header img{
    width: 15px;
    margin-right: 5px;
}
.record-header span{
    font-family: mont-regular;
    font-size: 12px;
    color: #8b8b8b;
}
.float-right{
    float: right; 
    margin-right: 20px
}
.mt-20{
    margin-top: 20px;
}
.mr-30{
    margin-right: 30px;
}
.pad-2040{
    padding: 20px 40px;
}
.body-mes{
    text-align: center; 
    margin-left: auto; 
    margin-right: auto;
    padding: 20px 40px;
}
.body-mes p{
    font-family: mont-semibold;
    font-size: 15px;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.body-mes img{
    padding: 10px;
    width: 200px;
}
.bm-desc{
    margin-bottom: 10px;
    margin-top: 30px;
}
.bm-desc p{
    margin-bottom: 10px;
    font-family: mont-semibold;
    font-size: 15px;
    color: #000;
}
.bm-desc span{
    margin-bottom: 10px;
    font-family: mont-regular;
    font-size: 15px;
    color: #000;
}
.p-20{
    padding: 20px;
}
.p-30{
    padding: 30px;
}
.dot-ul{
    height: 8px;
    width: 8px;
    background-color: #000;
    border-radius: 20px;
}
.tbl-aller td{
    margin-bottom: 10px;
    font-family: mont-medium;
    font-size: 15px;
    color: #000;
    padding-right: 10px;
    padding-bottom: 10px;
}
.vacc-txt{
    font-family: mont-medium;
    font-size: 15px;
    color: #000;
}
.div-center{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.fa-sign-out{
    margin-right: 10px; 
    font-size: 16px;
}
.vacc-bottom{
    border-bottom: 1px solid #ececec;
}
.vacc-desc{
    margin-top: 5px;
}
.vacc-desc span{
    font-family: mont-medium;
    font-size: 12px;
    color: #a3a3a3;
    margin-right: 25px;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.vacc-desc p{
    font-family: mont-medium;
    font-size: 15px;
    color: #000;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.p-30{
    padding: 30px;
}
.btn-vacc{
    padding: 20px;
    background-color: transparent;
    width: 100%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.btn-vacc:hover{
    background-color: #f1f1f1;
}
.btn-vacc img{
    width: 25px;
    margin-right: 10px;
}
.btn-vacc span{
    font-family: mont-medium;
    font-size: 13px;
    color: #a3a3a3;
    margin-right: 15px;
    text-transform: capitalize;
    margin-bottom: 0px;
}
.vacc-desc td{
    vertical-align: top;
}
.txt-complete{
    display: block;
    text-align: left;
    color: #00e300 !important;
    font-size: 12px !important;
    line-height: 10px;
    margin-left: 0px;
}
.heart-rate{
    text-align: center; margin-left: auto; margin-right: auto;
}
/* width */
.scroll-temp::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
.scroll-temp::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}

/* Handle */
.scroll-temp::-webkit-scrollbar-thumb {
  background: #a9a9a9; 
  border-radius: 10px;
}


/* Handle on hover */
.scroll-temp::-webkit-scrollbar-thumb:hover {
  background: #2ab299; 
}
.tabs-stage svg:not(:root){
    overflow: hidden;
    margin-left: -20px;
    margin-top: -20px;
}
.no-result{
    font-family: mont-medium;
    font-size: 14px;
    color: #a3a3a3 !important;
}
.pres-section{
    width: 30%;
    right: 20px;
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
}
.scroll-table{
    overflow-x: auto;
}
/* width */
.scroll-table::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
.scroll-table::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}

/* Handle */
.scroll-table::-webkit-scrollbar-thumb {
  background: #a9a9a9; 
  border-radius: 10px;
}


/* Handle on hover */
.scroll-table::-webkit-scrollbar-thumb:hover {
  background: #2ab299; 
}
.body-temp{
    border-bottom: 1px solid hsl(210, 6%, 79%);
}
.body-temp a{
    background: transparent;
    line-height: 44px;
    text-align: center;
    font-family: mont-medium;
    font-size: 16px;
    color: #808080;
    text-transform: capitalize;
}
.body-temp li{
    height: 39px;
    margin-top: 10px;
}
.body-temp>li.active>a{
    border: none;
    color: #1592E6 !important; 
    background-color: transparent !important;
}
.body-temp>li>a{
    padding: 0px;
    margin-right: 30px;
}

.body-temp>li.active>a div {
    background: transparent;
    cursor: pointer;
    width: 100%;
    border-bottom: 6px solid #1592E6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 10px;
}
.body-temp>li.active>a, .body-temp>li.active>a:focus, .body-temp>li.active>a:hover{
    border: none;
}
.body-temp>li>a:hover{
    border: none;
    background-color: transparent !important;
    padding-top: 1px;
    padding-left: 1px;
    color: #1592E6;
}
.pt-20{
    padding-top: 20px;
}
.billing-details{
    padding-right: 5px;
}
.type-prescrip{
    margin-bottom: 15px;
}
.type-prescrip input{
    background-color: #f3f3f3;
    width: 100%;
    padding: 10px 20px;
    border-radius: 5px;
    color: #000;
    font-style: normal;
    font-family: mont-regular;
    margin-bottom: 5px;
}
.type-prescrip input::placeholder{
    color: #8b8b8b;
    font-style: normal;
    font-family: mont-regular;
}
.presc-name, .presc-size, .presc-day{
    padding-right: 5px;
}
.container-message{
    position: absolute;
    width: 100%;
    height: 680px;
    
}

.image-body {
  display: block;
  width: 100%;
  height: auto;
}

.overlay-msg {
  position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 3px 2px 5px 0px #00000014;
    border-radius: 8px;
    overflow: hidden;
    width: 12%;
    height: 100%;
    transition: .5s ease;
    z-index: 1;
}
.icon-img{
    margin-right: -200px;
    padding: 5px 20px;
}
.icon-img img{
    width: 55px;
}
.overlay-msg:hover {
    width: 45% !important;
    z-index: 1;
}

.contact-msg {
    color: white;
    font-size: 20px;
    position: relative;
    top: 0px;
    left: 0%;
    /*
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(0%, 0%);
    */
    white-space: nowrap;
}
.msg-time{
    margin-left: 20px;
}
.side-prof{
    margin-left: 10px;
}
.image-body .column-90{
    float: right;
}
.message-active{
    background-color: #ededed;
    cursor: pointer
}
.icon-img:hover{
    background-color: #e1e1e1;
    cursor: pointer
}
.appointment__calendar{
    margin-bottom: 20px;
}
.appointment__calendar .month {
  padding: 8px;
  width: 100%;
  background: #1592E6;
  text-align: center;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
}

.appointment__calendar .month ul {
  margin: 0;
  padding: 0;
}

.appointment__calendar .month ul li {
  color: white;
  font-size: 16px;
  text-transform: capitalize;
    font-family: mont-regular;
}

.appointment__calendar .month .prev {
  float: left;
  padding-top: 0px;
    padding-left: 10px;
}

.appointment__calendar .month .next {
  float: right;
  padding-top: 0px;
    padding-right: 10px;
}

.appointment__calendar .weekdays {
  margin: 0;
  padding: 7px 0;
  background-color: #EBEBEB;
}

.appointment__calendar .weekdays li {
    display: inline-block;
    width: 12.8%;
    color: #000;
    font-size: 15px;
    text-align: center;
    font-family: mont-medium;
}

.appointment__calendar .days {
  padding: 10px 0;
  background: #F8F8F8;
  margin: 0;
}

.appointment__calendar .days li {
  list-style-type: none;
  display: inline-block;
    width: 12.8%;
    text-align: center;
    margin-bottom: 10px;
    font-size: 15px;
    color: #000;
    font-family: 'mont-medium';
}

.appointment__calendar .days li.available {
  color: #20D845 !important
}
.appointment__calendar .days li.full-slot {
  color: #FF5775 !important
}
.arrow-np {
  border: solid #fff;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 2px;
}

.right-next {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left-prev {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.legend__available{
    color: #20D845;
    font-family: mont-medium;
    float: left;
}
.legend__full{
    color: #FF5775;
    font-family: mont-medium;
    float: right;
}
.dot-green {
    height: 12px;
    width: 12px;
    background-color: #20D845;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.dot-red {
  height: 12px;
  width: 12px;
  background-color: #FF5775;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}
.whole__day{
    width: 100%;
    border-right: 2px solid #93939382;
}
/* The container */
.container-radio {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    font-family: 'mont-medium';
    color: #002e89;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #033aa6;
    border-radius: 5px;
    padding: 12px 12px 12px 40px;
    width: 100%;
    float: right;
}

/* Hide the browser's default radio button */
.container-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark-radio {
    position: absolute;
    top: 14px;
    left: 10px;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: 2px solid #0037A5;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark-radio {
  background-color: transparent;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark-radio {
    background-color: transparent;
    border: 1px solid #0037A5;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-radio:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark-radio:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark-radio:after {
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0037A5;
}
.whole__day span{
    font-size: 13px;
    font-family: mont-regular;
    color: #878787;
}
.whole__day input{
    width: 45px;
    border-bottom: 1px solid #9f9f9f;
    margin-left: 0px;
    height: 20px;
}
.whole__day input{
    color: #000;
    font-size: 13px;
}
.whole__day select{
    font-family: 'mont-medium';
    font-size: 13px;
    color: #000;
    background-color: #F1F1F1;
    padding: 8px 3px;
    border-radius: 7px;
    margin-bottom: 10px;
}
.whole__day td{
    padding-top: 5px;
}
.sched__box{
    background-color: #fff;
    width: 100% !important;
    box-shadow: 0 1px 15px 0px rgb(0 0 0 / 14%);
    padding: 30px 30px 0px;
    border-radius: 10px;
    margin-top: 20px;
}
.pt-25{
    padding-top: 25px;
}
.sched-time p{
    margin-bottom: 0px;
    margin-top: 11px;
}
.sched-time span{
    font-family: mont-regular;
    color: #afafaf;
    font-size: 13px;
}
form.form-add-sched input[type=text] {
    padding: 10px 20px;
    font-size: 13px;
    float: left;
    width: 70%;
    margin-top: 1px;
    background: #E9E9E9;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    font-family: mont-regular;
}
form.form-add-sched input[type=text]::placeholder {
    font-family: mont-regular;
    font-style: normal;
}
form.form-add-sched button {
  float: left;
  width: 30%;
  padding: 10px;
  background: #64EE60;
  color: white;
    font-family: mont-regular;
  font-size: 13px;
  border-left: none;
  cursor: pointer;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

form.form-add-sched button:hover {
  background: #04AA6D;
}

form.form-add-sched::after {
  content: "";
  clear: both;
  display: table;
}
.morning-time .container-radio{
    font-size: 15px;
    padding: 12px 12px 12px 50px;
    border-radius: 7px;
    margin-bottom: 30px;
}
.morning-time .checkmark-radio{
    top: 16px;
    left: 15px;
}
.border-bottom{
    border-bottom: 1px solid #a3a3a38c;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.sched__summary h5{
    font-family: 'mont-semibold';
    font-size: 15px;
    color: #000;
    margin-bottom: 20px;
}
.tbl__summary td span{
    color: #808080;
    font-size: 12px;
    font-family: 'mont-regular';
}
.tbl__summary td{
    color: #000;
    font-size: 12px;
    font-family: 'mont-semibold';
    padding: 15px 4px 15px 0px;
    vertical-align: top;
}
.tbl__summary td P{
    color: #000 !important;
    font-size: 12px !important;
    font-family: 'mont-semibold' !important;
    margin-bottom: 10px !important;
}
.pb-40{
    padding-bottom: 40px;
}
.sched-buttons{
    float: right;
    bottom: 30px;
    right: 30px;
    margin-top: 50px;
}
.sched-buttons button:hover{
    background-color: #000;
    color: #fff;
}
.btn-outline{
    padding: 10px;
    width: 105px;
    border-radius: 7px;
    border: 1px solid #033aa6;
    background-color: transparent;
    color: #002672;
    font-family: 'mont-medium';
    font-size: 12px;
    margin-right: 20px;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
}
.btn-outline:hover{
    background-color: #002672;
    color: #fff;
}
.btn-filled-add{
    padding: 10px;
    width: 105px;
    border-radius: 7px;
    border: 0;
    background-color: #033aa6;
    color: #fff ;
    font-family: 'mont-medium';
    font-size: 12px;
}
.mrn-20{
    padding: 0;
    margin: 0px -10px 0px 15px;
}
.col-dash-1{
    width: 30%;
    float: left;
    padding-right: 10px;
}
.col-dash-2{
    width: 20%;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}
.col-dash-3{
    width: 20%;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}
.col-dash-4{
    width: 20%;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}
.col-dash-5{
    width: 20%;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}
.col-dash-6{
    width: 20%;
    float: left;
    padding-right: 10px;
    padding-left: 10px;
}
.dash-first-col{
    padding: 20px 25px 48px;
    position: relative;
}
.dash-img{
    width: 40px
}
.appointment-table{
    padding-right: 10px;
    margin-top: 20px;
}
.appointment-table .pagination{
    margin-top: 10px;
}
.dash-table-title{
    color: #0037A5;
    font-family: 'Poppins', sans-serif; font-weight: 500;
    font-size: 18px;
    width: 260px;
    margin-top: 10px;
}
.dash-time{
    font-family: mont-extrabold;
    color: #000;
    font-size: 30px;
    float: right;
    line-height: 30px;
}
.greet-name{
    font-family: mont-bold;
    font-size: 15px;
    margin-top: 5px;
    color: #c1d62d;
}
.greet-name span{
    color: #742069;
    font-size: 15px;
    font-family: mont-medium;
}
.greet-bottom{
    margin-bottom: 0px;
    color: #b466aa;
    font-size: 12px;
    font-family: 'mont-regular';
    line-height: 12px;
    position: absolute;
    bottom: 32px;
    word-break: break-word;
    margin-right: 25px;
}
.dash-center-col{
    padding: 10px 15px;
}
.dash-icon-red{
    width: 27px;
    margin-top: 8px;
    margin-bottom: 20px;
}
.dash-text-red{
    color: #000000;
    font-size: 12px;
    font-family: 'Poppins', sans-serif; font-weight: 400;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 50px;
}
.dash-count-red{
    padding: 0px;
    border-radius: 7px;
    color: #000;
    font-family: 'Poppins', sans-serif; font-weight: 500;
    font-size: 16px;
    text-align: left;
}
.dash-icon-green{
    width: 23px;
    margin-top: 8px;
    margin-bottom: 17px;
}
.dash-text-green{
    color: #000000;
    font-size: 12px;
    font-family: 'Poppins', sans-serif; font-weight: 400;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 30px;
}
.dash-count-green{
    padding: 0px;
    border-radius: 7px;
    color: #000;
    font-family: 'Poppins', sans-serif; font-weight: 500;
    font-size: 16px;
    text-align: left;
}
.dash-icon-pink{
    width: 24px;
    margin-top: 8px;
    margin-bottom: 17px;
}
.dash-text-pink{
    color: #000000;
    font-size: 12px;
    font-family: 'Poppins', sans-serif; font-weight: 400;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 10px;
}
.dash-count-pink{
    padding: 0px;
    border-radius: 7px;
    color: #000;
    font-family: 'Poppins', sans-serif; font-weight: 500;
    font-size: 16px;
    text-align: left;
}
.dash-icon-blue{
    width: 36px;
    margin-top: 8px;
    margin-bottom: 17px;
}
.dash-text-blue{
    color: #000000;
    font-size: 12px;
    font-family: 'Poppins', sans-serif; font-weight: 400;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 10px;
}
.dash-count-blue{
    padding: 0px;
    border-radius: 7px;
    color: #000;
    font-family: 'Poppins', sans-serif; font-weight: 500;
    font-size: 16px;
    text-align: left;
}
.dash-icon-yellow{
    width: 23px;
    margin-top: 8px;
    margin-bottom: 17px;
}
.dash-text-yellow{
    color: #000000;
    font-size: 12px;
    font-family: 'Poppins', sans-serif; font-weight: 400;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 10px;
}
.dash-count-yellow{
    padding: 0px;
    border-radius: 7px;
    color: #000;
    font-family: 'Poppins', sans-serif; font-weight: 500;
    font-size: 16px;
    text-align: left;
}
.tbl-head{
    font-size: 15px;
    color: #000;
    font-family: 'mont-regular';
    padding-left: 25px;
    padding-top: 10px;
}
.tbl-head .fa-sort{
    color: #FF6D2D
}
.btn-sort-up{
    border: 0px;
    margin-left: 5px;
    display: block;
    margin: 2px 0px;
    background-color: transparent;
}
.btn-sort-down{
    border: 0px;
    margin-left: 5px;
    display: block;
    margin: 2px 0px;
    background-color: transparent;
}
.header-tbl div.triangle-up {
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 4px solid #ff6d2d;
    padding: 0px
}
.header-tbl div.triangle-down {
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #ff6d2d;
    padding: 0px
}
.sort-inline{
    display: inline;
    position: absolute;
    margin-left: 5px;
    margin-top: -1px;
}
.header-tbl .triangle-up:hover{
    border-bottom: 5px solid #3E67BA;
}
.header-tbl .triangle-down:hover{
    border-top: 5px solid #3E67BA;
}
.tbl-head div{
    padding-top: 5px;
    padding-left: 2px;
}
.tbl-head .col-md-1{
    padding-top: 0px;
}
.tbl-row .col-md-2{
    margin-top: 12px;
}
.btn-setting{
    border: none;
    float: right;
    display: none;
}
.dash-setting{
    width: 35px;
}
.tbl-row{
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    margin-top: 0px;
    border-radius: 0px;
    font-family: mont-medium;
    font-size: 13px;
    color: #000;
    position: relative;
    border-bottom: 1px solid #0000001a;
}

/*
.tbl-row:hover{
    background-color: #638CFF;
    color: #fff;
}
.tbl-row:hover p{
    color: #fff;
}
.tbl-row:hover .tbl-label{
    color: #fff;
}
*/
.tbl-row p{
    font-family: 'Poppins', sans-serif; font-weight: 500;
    font-size: 12px;
    color: #000;
}
.home-section .tbl-img{
    padding-left: 10px;
}
.home-section .tbl-head div {
    padding-left: 0px;
}
.appoint-table .tbl-img{
    padding-left: 15px;
}
.appoint-table .tbl-head div {
    padding-left: 0px;
}
.abbre{
    display: none;
}
.label-pl-0{
    padding-left: 0px;
}
.tbl-img{
    margin-right: -10px;
}
.table-prof-img{
    width: 50px;
    border-radius: 4px;
    margin-right: 0px;
}
.tbl-row p{
    display: inline;
}
.setting-dots span{
    height: 5px;
    width: 5px;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
}
button.btn-time-delete {
    background-color: transparent;
    padding: 0px;
    outline: none !important;
    outline-style: none !important;
    box-shadow: none !important;
    position: absolute;
    right: 6px;
    top: 17px;
    bottom: 0px;
    width: 10px;
}
.delete-setting span{
    height: 3px;
    width: 3px;
    background-color: #6880b3;
    border-radius: 50%;
    display: block;
    margin-bottom: 4px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.dm-delete{
    left: inherit;
    right: 4px;
    min-width: auto;
    margin-top: 42px;
    width: auto !important;
}
.dm-delete label{
    font-size: 13px;
    color: #c12b20;
    margin-bottom: 0px;
    font-weight: normal;
    width: 100%;
    padding: 5px 15px;
    cursor: pointer;
}
.dm-delete label:hover{
    background-color: #c12b20;
    color: #fff;
    border-radius: 4px;
}
.col-dots{
    padding-left: 0px;
}
.check-icon{
    background-image: url(../images/dashboard/icon-check.svg);
    height: 30px; 
    width: 100%;
    margin-top: 0px;
    background-size: 35px;
    background-repeat: no-repeat;
}
.tbl-row:hover .check-icon{
    background-image: url(../images/dashboard/icon-check-white.svg);
}
.clock-icon{
    background-image: url(../images/dashboard/icon-clock.svg);
    height: 30px; 
    width: 100%;
    background-size: 30px;
    margin-top: 0px;
    background-repeat: no-repeat;
}
.tbl-row:hover .clock-icon{
    background-image: url(../images/dashboard/icon-clock-white.svg);
}
.calendar-switch-icon{
    background-image: url(../images/history/calendar-switch-icon-blue.svg);
    height: 40px; 
    width: 100%;
    background-size: 30px;
    margin-top: 7px;
    background-repeat: no-repeat;
}
.tbl-row:hover .calendar-switch-icon{
    background-image: url(../images/history/calendar-switch-icon.svg);
}
.x-icon{
    background-image: url(../images/history/x-icon.svg);
    height: 40px; 
    width: 100%;
    background-size: 30px;
    margin-top: 8px;
    background-repeat: no-repeat;
}
.tbl-row:hover .x-icon{
    background-image: url(../images/history/x-icon-white.svg);
}
/*
.tbl-row:hover .setting-dots span{
    background-color: #fff
}
*/
.tbl-label{
    display: none;
}
.btn-goto{
    background-color: #fff;
    margin-top: 15px;
    box-shadow: 0 1px 5px 0px rgb(0 0 0 / 15%);
    border-radius: 8px;
    padding: 15px;
}
.btn-goto:hover{
    background-color: #638CFF;
    color: #fff;
}
.btn-goto:hover table{
    color: #fff
}
.btn-goto table{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-family: mont-regular;
    color: #000;
    font-size: 12px;
}
.fa-arrow-right{
    margin-left: 30px;
}
.history-section .col-dots{
    padding-left: 15px;
}
.btn-tele{
    background-color: #fff;
    box-shadow: -2px 2px 6px #aeaeae57;
    width: 200px;
    text-align: left;
    padding: 10px 20px;
    border-radius: 8px;
    font-family: 'mont-medium';
    font-size: 12px;
    color: #808080;
    outline: none !important;
    margin-top: 5px;
}
.dm-drop{
    width: 100%;
    font-family: 'mont-medium';
    outline: none;
}
.drop-right{
    float: right; 
    margin-top: -50px;
    margin-right: 10px;
}
.arrow-dropdown {
    border: solid #707070;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 5px;
    margin-left: 10px;
    margin-right: 0px;
}
.down-dropdown {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.home-section .dash-table-title{
    margin-top: 0px;
}
.history-section .tbl-head {
    font-size: 13px;
}
.history-section .tbl-head .fa-sort {
    margin-left: 0px;
}
.history-section .drop-right{
    margin-top: -44px;
    margin-right: 10px;
}
.history-section .appointment-table {
    margin-top: 0px;
}
.tabs-appointment{
    margin-left: 15px;
    margin-top: 5px;
}
.appointment-calendar{
    margin-top: 30px;
}
.appointment-calendar .month {
  padding: 70px 25px;
  width: 100%;
  background: #1abc9c;
  text-align: center;
}

.appointment-calendar .month ul {
  margin: 0;
  padding: 0;
}

.appointment-calendar .month ul li {
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 3px;
}

.appointment-calendar .month .prev {
  float: left;
  padding-top: 10px;
}

.appointment-calendar .month .next {
  float: right;
  padding-top: 10px;
}

.appointment-calendar .weekdays {
    margin: 0;
    background-color: #0883C6;
    padding: 0px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.appointment-calendar .weekdays li {
  display: inline-block;
  width: 13.9%;
  color: #fff;
  text-align: left;
    padding: 15px;
    font-family: mont-regular
}

.appointment-calendar .days {
    padding: 0px;
    background: #fff;
    margin: 0;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    box-shadow: inset -1px 0px 1px #0000003b;
}

.appointment-calendar .days li {
    list-style-type: none;
    display: inline-block;
    width: 13.9%;
    height: 80px;
    text-align: left;
    margin-bottom: 0px;
    font-size: 12px;
    padding: 5px 15px;
    color: #000;
    font-family: 'mont-medium';
    box-shadow: -4px -2px 6px #00000017;
}

.appointment-calendar .days li.active {
  background: #85D4FF;
  color: white !important;
/*    box-shadow: 1px 2px 5px #00000038;*/
    box-shadow: 1px 1px 5px #00000052;
    cursor: pointer;
}
.appointment-calendar .days li.active:hover {
    transform: scale(1.1);
    left: 6px;
    top: 4px;
}
.past-days{
    color: #d0d0d0 !important;
}
.text-app{
    font-size: 11px;
    font-family: 'mont-regular';
    text-align: center;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;

}
.num-app{
    font-size: 25px;
    font-family: 'mont-regular';
    position: absolute;
    bottom: 12px;
    text-align: center;
    left: 0;
    right: 0;
}
.add-sched{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding: 20px;
    cursor: pointer
}
.btn-add{
    width: 25px;
    margin-bottom: 10px;
}
.add-sched p{
    margin-bottom: 0px;
    color: #4a9eff;
    font-family: mont-regular;
    font-weight: normal;
    font-size: 12px;
}
.box-patients{
    padding: 15px 35px;
    text-align: center;
}
.bottom-num-red{
    padding: 8px;
    background-color: #FF5858;
    border-radius: 7px;
    color: #fff;
    font-family: 'mont-regular';
    font-size: 27px;
}
.box-patients img{
    margin-top: 30px;
    margin-bottom: 25px;
}
.box-patients p{
    color: #9B2424;
    font-size: 15px;
    font-family: 'mont-medium';
    margin-bottom: 35px;
}
.img-code{
    background-image: url(../images/scan_qr/btn-qr-blue.svg);
    height: 60px;
    width: 65px;
    background-size: 60px;
    margin-top: 20px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto
}
.scan-section  li.active .img-code{
    background-image: url(../images/scan_qr/btn-qr.svg);
}
.img-reference{
    background-image: url(../images/scan_qr/arrow-back-blue.svg);
    height: 60px;
    width: 65px;
    background-size: 60px;
    margin-top: 20px;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}
.scan-section  li.active .img-reference{
    background-image: url(../images/scan_qr/arrow-back.svg);
}
.scan-section  li.active p{
    color: #fff;
}
.scan-section li.active .main-box{
    background-color: #0883C6
    
}
.scan-section .main-box{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    margin-bottom: 15px;
}
.scan-section .main-box p{
    color: #0037A5;
    font-family: mont-medium;
    margin-bottom: 0px;
    font-size: 15px;
}
.scan-height{
    height: 620px;
}
.scan-center{
    padding: 0px 50px 0px 50px;
/*    box-shadow: inset 1px 1px 13px #000;*/
/*    width: 350px;*/
/*    border-radius: 10px;*/
/*    background-color: #f3f3f3;*/
    margin-left: auto;
    margin-right: auto;
/*    margin-top: 30px;*/
}
.enter-ref{
    border-bottom: 1px solid #acacac;
    width: 300px;
    padding: 10px 0px;
    background-color: transparent;
}
.enter-ref::placeholder{
    font-size: 13px;
    font-style: normal;
    font-family: mont-regular;
    color: #909090
}
.btn-scan{
    width: 200px;
    background-color: #0883C6;
    padding: 15px 10px;
    border-radius: 7px;
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    font-family: mont-regular;
    margin-top: 30px;
    cursor: pointer;
}
.btn-scan:hover{
    background-color: #006da8;
}
.scan-section .tabs-stage{
    height: 600px;
}
.scan-section .div-center{
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}
.box-middle{
    left: 0;
    top: 40%;
    position: absolute;
    right: 0;
}
.total__text{
    font-family: 'mont-semibold';
    color: #000;
    font-size: 13px;
    text-align: center;
    width: 70px;
    position: absolute;
    top: 44%;
    margin-left: auto;
    line-height: 15px;
    margin-right: auto;
    left: 0;
    right: 0;
}
.chart__padding{
    padding: 25px 45px;
    position: relative;
}
.chart__dot{
    height: 17px;
    width: 17px;
    background-color: #FF4AF9;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.chart__dot__blue{
    height: 17px;
    width: 17px;
    background-color: #4A9EFF;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.chart__legend-1{
    color: #FF4AF9;
    font-family: mont-regular;
    font-size: 15px;
    line-height: 16px;
}
.chart__legend-2{
    color: #4A9EFF;
    font-family: mont-regular;
    font-size: 15px;
    line-height: 16px;
}
.chart__percent{
    font-family: mont-regular;
    font-size: 12px;
    color: #c2c2c2
}
.dot-td{
    vertical-align: top;
}
.filter-tbl{
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    border-right: 2px solid #c4c4c4
}
.filter-tbl span, .filter-tbl input, .filter-tbl select{
    display: inline;
}
.filter-tbl input{
    width: 50px;
    border-bottom: 1px solid #a0a0a0;
}
.filter-tbl span{
    color: #707070;
    font-size: 13px;
    font-family: mont-regular;
}
.filter-tbl select{
    background-color: #ebebeb;
    padding: 7px 10px 7px 5px;
    border-radius: 6px;
    color: #000;
    font-family: mont-regular;
    font-size: 13px;
    width: 60px;
}
.whole-day{
    width: 130px;
}
.scan-code{
    cursor: default
}
.alert-time{
    font-family: 'mont-regular';
    color: #d64237;
    font-size: 12px;
}
.alert-blank{
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    background: rgba(236, 66, 89, 0.3);
    border-radius: 10px;
    padding: 0.3rem 1.6rem;
    border: 1px solid rgba(236, 66, 89, 0.2);
    color: rgb(85, 85, 85);
    font-family: mont-medium;
    float: right;
    margin-top: 8px;
}
.app-history{
    margin-left: 5px;
}
.app-history .dash-table-title{
    background-color: #fff;
    width: 100%;
    padding: 17px 20px;
}
.calendar-history{
    cursor: pointer;
}
.calendar-history span{
    font-family: 'Poppins', sans-serif; font-weight: 500;
    font-size: 12px;
    color: #767676;
}
.calendar-history img{
    width: 22px;
    opacity: 0.5;
}
.calendar-history input {
    color: transparent;
    background-color: transparent;
    position: absolute;
    right: 16px;
    width: 92px;
    top: 2px;
    cursor: pointer;
    z-index: 9;
}
.calendar-history input::placeholder{
    color: transparent;
}
.history-table{
    margin-top: 10px;
}
.history-section .tbl-head{
    background-color: #fff;
    font-family: 'Poppins', sans-serif; font-weight: 500;
    padding: 17px 20px;
    border-bottom: 1px solid #7070706e;
    color: #848484;
    font-size: 12px;
}
.calendar-appoint{
    cursor: pointer;
    position: absolute;
    right: 60px;
    top: 1px;
/*
    right: 175px;
    top: 1px;
*/
}
.calendar-appoint.right-115{
    right: 115px;
}
.avail-view.calendar-full .fc .fc-button-primary:not(:disabled).fc-button-active {
    margin-top: 0px !important;
}
.calendar-appoint span{
    font-family: 'Poppins', sans-serif; font-weight: 500;
    font-size: 12px;
    color: #767676;
}
.calendar-appoint img{
    width: 22px;
}
.calendar-appoint input {
    color: transparent;
    background-color: transparent;
    position: absolute;
    right: 0px;
    width: 22px;
    top: 2px;
    cursor: pointer;
    z-index: 9;
}
.calendar-appoint input::placeholder{
    color: transparent;
}