/*Designed: Beconlabs Author: Gincilin File: Pages*/ 
body { background: #f6f5f9;
  font-family: "Inter", sans-serif;
  margin: 0;  
}
html {overflow-x: hidden;
  position: relative;
  height: 100%; 
}
 
h1,h2,h3,h4,h5,h6 {color: #505458; margin: 0px 0;}
* {outline: none !important;}
a {outline: 0; text-decoration: none;}
a:hover {outline: 0; text-decoration: none;}
a:active {outline: 0;  text-decoration: none;}
a:focus { outline: 0; text-decoration: none;}
ul, ul li {list-style: none;}
.p-0 { padding: 0 !important;}
.p-t-0 {padding-top: 0 !important;}
.p-t-10 {padding-top: 10px !important;}
.p-b-10 {padding-bottom: 10px !important;}
.m-0 { margin: 0 !important;}
.m-r-5 { margin-right: 5px;}
.m-r-10 {margin-right: 10px;}
.m-r-15 {margin-right: 15px !important;}
.m-l-10 {margin-left: 10px;}
.m-l-15 {margin-left: 15px;}
.m-t-5 {margin-top: 5px !important;}
.m-t-0 {margin-top: 0;}
.m-t-3 {margin-top: 3px !important;}
.m-t-5 {margin-top: 5px !important;}
.m-t-10 {margin-top: 10px !important;}
.m-t-15 {margin-top: 15px !important;}
.m-t-20 {margin-top: 20px !important;}
.m-t-25 {margin-top: 25px !important;}
.m-t-30 {margin-top: 30px !important;}
.m-t-35 {margin-top: 35px !important;}
.m-t-40 {margin-top: 40px !important;}
.m-t-50 {margin-top: 50px !important;}
.m_t_55 {margin-top: 55px !important;}
.m_t_83 {margin-top: 83px !important;}
.m-t-60 {margin-top: 60px !important;}
.m-t-80 {margin-top: 80px !important;}
.m-b-0 {margin-bottom: 0;}
.m-b-5 {margin-bottom: 0;}
.m-b-10 {margin-bottom: 10px !important;}
.m-b-15 {margin-bottom: 15px !important;}
.m-b-30 {margin-bottom: 30px !important;}
.container {width: auto;}
.sub_section {margin: 0px 0px 0px 0px;}
.profile_mainsec {background: #f6f5f9; width: 100%; display: inline-block; position:  relative; z-index: 600; padding: 6px 0px 0px 0px;}
.content_areas {margin: 0px 0px 0px 0px; padding: 60px 0px 0px 0px;}
.content_areas1 {margin: 0px 0px 0px 0px; padding: 40px 0px 0px 0px;}
.content_areas_dash{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.content_frontoffice { margin: -7px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; background: #f6f5f9;} 
.top-header { width: 100%; display: inline-block; position: fixed; z-index: 1000;}
.logo_m {float: left; margin: 0px 15px 2px 8px; position: relative;  z-index: 50; width: 180px;}
 
.top_icons { padding: 16px 0px 0px 0px; position: absolute; right: 0px;}
.heading_bg {background: #fff;  width: 100%;  display: inline-block;  margin: -2px 0px 6px 0px;  padding: 0px 0px 0px 0px;  position: fixed;  z-index: 600;}
.page-title {margin-top: 10px;  margin-bottom: 10px;  margin-left: 0px; padding: 11px 0px 5px 15px;  text-align: left;  font-size: 14px;    font-weight: 700;
  color: #0074ff;  letter-spacing: 0.1em;  text-transform: uppercase;
}
.page-title2 {margin-top:0px;  margin-bottom: 0px;  margin-left: 0px; padding: 0px 0px 5px 0px;  text-align: left;  font-size: 13px;    font-weight: 700;
  color: #0074ff;  letter-spacing: 0.1em;  text-transform: uppercase;
} 
.conten_profile { margin: 0px 0px 0px 0px; padding: 10px 10px 8px 10px; width:100%; background: #fff; display: inline-block;
  box-shadow: 0px 0px 0px #e1e1e1;  border-radius: 8px;    z-index: 500;
}
.profile_imgs { float:left; width:50px; margin:0px 10px 0px 0px; padding:0px;} 
.profile_w {  background: #ff3991;   width: 50px;  height: 50px; border-radius: 50%; font-size: 18px; color: #fff; text-align: center; line-height: 50px;} 
.profile_m {  background: #009de6; width: 50px; height: 50px; border-radius: 50%; font-size: 18px; color: #fff; text-align: center;line-height: 50px;} 
.profile_o {  background: #aeaeae; width: 50px; height: 50px; border-radius: 50%; font-size: 18px; color: #fff; text-align: center;line-height: 50px;} 
.profile_top_w {  background: #ff3991;   width: 30px;  height: 30px; border-radius: 50%; font-size: 14px; color: #fff; text-align: center; line-height: 30px; position:relative; margin:-5px 0px 0px 0px;} 
.profile_top_m {  background: #009de6; width: 30px; height: 30px; border-radius: 50%; font-size: 14px; color: #fff; text-align: center;line-height: 30px; position:relative; margin:-5px 0px 0px 0px;} 
.profile_top_o {  background: #aeaeae; width: 30px; height: 30px; border-radius: 50%; font-size: 14px; color: #fff; text-align: center;line-height: 30px; position:relative; margin:-5px 0px 0px 0px;}

.profile_imgs_b { float:left; width:60px; } 
.profile_dt1 img { border: 2px solid #ccc; box-shadow: 0px 0px 5px #c7c7c7; width: 50px;  height: 50px;  border-radius:50%;}
.profile_dt1_men {margin:0px;}
.profile_dt1_men img {border: 2px solid #009de6;  box-shadow: 0px 0px 0px #009de6; width: 50px; height: 50px;  border-radius:50%;}
.profile_dt1_women { margin:0px;}
.profile_dt1_women img { border: 2px solid  #ff3991;  box-shadow: 0px 0px 0px #ff3991; width: 50px;  height: 50px; border-radius:50%;}
.profile_dt1_others {margin:0px;}
.profile_dt1_others img {border: 2px solid #aeaeae;  box-shadow: 0px 0px 0px #aeaeae;  width: 50px; height: 50px; border-radius:50%;}
.profile_contact{color: #545454; font-size: 11px; font-weight: 600;} 
.profile_sec{width: 57%; float: left;}
.profile_name { padding-bottom: 0px; text-align: left; font-size: 12px; color: #545454;
    text-decoration: none; margin: 4px 0px 8px 0px;   font-weight: 600; text-transform: uppercase;line-height: 14px;
}
.profile_name_men {  padding-bottom: 0px; text-align: left; font-size: 12px;  color: #06c0ef;
    text-decoration: none;    margin: 4px 0px 8px 0px;   font-weight: 600; text-transform: uppercase;ine-height: 14px;
}
.profile_name_women {  padding-bottom: 0px;  text-align: left; font-size: 12px; color: #ff3991;
    text-decoration: none;  margin: 4px 0px 8px 0px;   font-weight: 600; text-transform: uppercase;	line-height: 14px;
}
.profile_name_others {  padding-bottom: 0px; text-align: left; font-size: 12px;  color: #aeaeae;
    text-decoration: none;  margin: 4px 0px 8px 0px;   font-weight: 600; text-transform: uppercase;	line-height: 14px;
}
.profile_address {  float: none;  padding-bottom: 0px;  text-align:  left; font-size: 11px; color: #37425c;  text-decoration: none;  
 margin: 0px 0px 0px 0px;  padding: 5px 0px 0px 0px;  width:100%;  font-weight: 600;  text-transform:  none;   overflow: hidden;  text-overflow: clip;   white-space: nowrap;
}
.appointment_date_top{ float:left; width:50%;
  text-align:      left; font-size: 11px; color: #0bdb41; text-decoration: none;  margin: 0px 0px 0px 0px;  padding:7px 0px 0px 40px; 
  font-weight: 600; text-transform:  none;  min-height: 23px; text-transform: uppercase;	   
}
.select_dashb{ float: right;    text-align: right;  font-size: 11px;  color: #0bdb41;  text-decoration: none;  margin: 0px 0px 0px 0px;  padding:10px 0px 0px 0px; 
  font-weight: 400;  text-transform:  none;  position:absolute; right:50px; 
}
.acces_not{ 
  text-align: right;  font-size: 11px;  color: #ff0000;  text-decoration: none;  margin: 0px 0px 0px 0px;  padding:0px 0px 5px 0px; 
  font-weight: 400;  text-transform:  none;  width:100%; text-align:center;   
}
.profile_details {background: #f7f7f7;  width: 100%;  display: inline-block;  padding: 3px 5px 7px 10px;  margin: 0px 0px 0px 0px;
  box-shadow: 0px 0px 0px #f5f5f5;  border-radius: 8px;  height: 45px;  border: 1px solid #f2f1f7;
}
.profile_icon {float: left; margin: 4px 10px 0px 0px; width: 35px;}
.profile_icon img { width: 100%;}
.profile_head_n { float: left; color: #0074ff; text-align: left;  padding: 0px 0px 0px 0px;  font-size: 12px !important;  font-weight: 600;  width: 70%;  }
.allegies_con{text-align: left; overflow: hidden;  text-overflow: clip; white-space: nowrap;}
.bmi_sec { float: left; width: 33.33%; }
.bmi_r { color: #F00; padding: 0px 0px 0px 0px; font-size: 12px !important;  font-weight: 600; text-align: left;}
.bmi_g { float: left; color: #090; padding: 0px 0px 0px 0px; font-size: 12px !important; font-weight: 600; text-align: left;}
.profile_head_n { float: left; color: #0074ff; padding: 0px 0px 0px 0px;
  font-size: 12px !important;font-weight: 600; width: 75%;  text-align: left; overflow: hidden;
        text-overflow: clip;  white-space: nowrap;
  }
.wrapper.toggled .profile_head_n{float: left; color: #0074ff; padding: 0px 0px 0px 0px;
  font-size: 12px !important;font-weight: 600; width: 75%; text-align: left; overflow: hidden;
        text-overflow: clip;  white-space: nowrap;
}
.diet_con { color: #000000; font-size: 11px; font-weight: normal;}
.content_area1 {  margin: 0px 0px 0px -5px !important;} 
.content_area2 { margin: 0px 0px 0px -5px !important; width: 100%; display: inline-block; position: relative;}
.tab_content_sec { margin-top: 0px !important;}
.tab_content_sec1 { margin-top: 0px !important; padding:54px 0px 0px 0px;}
.tab_content_sec2 {margin-top: 0px !important;  padding:7px 0px 0px 0px;}
.clinics_tabs .tab_content_sec1 {  margin-top: 0px !important; padding: 8px 0px 0px 0px;}
/*.nav-tabs { border-width: 0px !important;  position: fixed;  z-index: 1500; background:#f6f5f9;  width: 100%; padding-bottom: 1px; padding:4px 0px 3px 0px;
} */
.nav-tabs {  border-width: 0px !important; position:  relative; z-index: 500;  /*background: #f6f5f9;*/  width: 100%; padding-bottom: 1px; padding: 4px 0px 0px 0px;}
.content_frontoffice .nav-tabs { border-width: 0px !important; position:  relative; z-index: 999;  background: #f6f5f9;  width: 100%;  padding-bottom: 1px;} 
.clinics_tabs .nav-item {    padding: 0px 0px; width: auto !important; margin: 0px !important;}
.content_area2 .nav-tabs {  border-width: 0px !important;  position: relative; z-index: 300;  background: #fff;  border-radius: 8px;}
.content_area1 .nav-tabs li {  float: left;  margin: 0px 1px 6px 5px !important; width:78px;  background: #fff;  border-radius: 8px;}
.wrapper.toggled .content_area1 .nav-tabs li {  float: left;  margin: 0px 1px 3px 5px !important; width: 87px;  background: #fff;  border-radius: 8px;}
.content_frontoffice .nav-tabs li {  float: left;  margin: 0px 1px 6px 5px ; width:78px;  background: #fff;  border-radius: 8px;}
.wrapper.toggled .content_frontoffice .nav-tabs li {  float: left;  margin: 0px 6px 6px 0px ;  width: 90px;  background: #fff;  border-radius: 8px;} 
.content_area2 .nav-tabs li {  float: left;  margin: 0px 2px 6px 3px !important; width: 62.1px;  background: #fff;  border-radius: 8px;}
.wrapper.toggled .content_area2 .nav-tabs li {  float: left;  margin: 0px 2px 6px 3px !important; width: 70.1px;  background: #fff;  border-radius: 8px;}
.nav-link { font-weight: 600;  font-size: 0.65em;  letter-spacing: 0.6px;  display: inline-block;  padding: 8px 0px;  margin: 0px 2px 15px 0px;
  list-style: none;  cursor: pointer;  text-align: center;  color: #2d2d2d;  border: 0px !important;  width: 100%;  text-transform: uppercase;  opacity:1;
}
.nav-link:hover { opacity: 1;}
.clinics_tabs .nav-link { font-size: 0.6em;    opacity: 1;	margin: 0px 4px;}
.content_area2 .nav-link { font-size: 0.6em;  margin: 0px 0px 0px 0px;  padding: 5px 0px 5px 0px;  text-transform: none;}
.wrapper.toggled .content_area2 .nav-link {    font-size: 0.6em;    margin: 0px 0px 0px 0px;    text-transform: none;    line-height: 14px;}
.content_area2 .nav-link img { width: 30px;}
.content_area2 .tab-content { margin-top: 10px;}
.nav-tabs .active { background: #fff !important;  color: #0074ff !important;  border-radius: 5px !important;  opacity: 1;}
.nav-tabs .active .icons { display: none;}
.nav-tabs .active .icons1 { display: block;}
.nav-tabs .nav-link:hover .icons { display: none;}
.nav-tabs .nav-link:hover .icons1 { display: block;}
.nav-link .icons { display: block; margin: 0px 0px 5px 0px;}
.nav-link .icons1 { display: none; margin: 0px 0px 5px 0px;}
.clinics_tabs { margin: 0px;  padding: 0px;}
.clinics_tabs .nav-tabs {  border-bottom: 0; box-shadow: 0px 0px 0px #eaeaea;  background: #fff;  margin: 0;
  padding: 5px 5px;  border-radius: 8px;  position: relative;  width: 100%;  z-index: 50;
}
.clinics_tabs .nav-tabs .active {  color: #0074ff !important;  border-radius: 0px !important;  border-bottom: 2px solid #0074ff !important;}
.section_box {  background-color: #ffffff;  width: 100%;  padding: 6px;  box-shadow: 0 4px 8px 0 rgb(16 25 40 / 10%);
  position: relative;  margin-bottom: 15px;  display: inline-block;  border: 1px solid #e8e8e8;  border-radius: 8px;
}
.section_box h2 {  font-size: 25px !important;  color: #000;  margin: 0px 0px 0px 0px;  padding: 15px 0px 0px 0px;  text-align: left;  font-weight: 600;}
.section_box p {  font-size: 14px !important;  color: #737373;  margin: 0px 0px 0px 0px;  padding: 10px 0px 0px 0px;  text-align: left;}
.section_box1 {  background-color: #ffffff;  width: 100%;  border: 0px solid #f7f7f8;  margin: 0px 0px 8px 0px; padding: 0px;
  box-shadow: 0 1px 3px rgb(164 173 186 / 25%);  border-radius: 8px;  display: inline-block;  position: relative;
}
#ehr .section_box1 {  background-color: #ffffff;  width: 100%;  border: 0px solid #f7f7f8;  margin: 0px 0px 0px 0px !important; padding: 0px;
  box-shadow: 0 1px 3px rgb(164 173 186 / 25%);  border-radius: 8px;  display: inline-block;  position: relative;
}
.section_box1_content {  padding: 5px 6px 6px 6px;  display: inline-block; width: 100%;  position: relative;}
.section_box1_content_sum {  padding: 0px 6px 0px 6px; margin:0px 0px 3px 0px;
  display: inline-block; width: 100%; position: relative; border-bottom: 1px solid #e8e8e8;
}
.section_box1_content_review {  padding: 7px 6px 0px 6px;  margin:0px 0px 3px 0px;  display: inline-block; width: 100%; position: relative; 
border-bottom: 1px solid #e8e8e8;
}
.section_box1_content_dash {  padding: 12px;  display: inline-block;  width: 100%;  position: relative;}
.section_box1_content2 {     padding: 5px 6px 0px 6px;}
.section_box1_clinic { width: 100%; padding: 8px 5px 2px 5px; display: inline-block;}
.section_box_admin {  background-color: #ffffff;  width: 100%;  border: 0px solid #f7f7f8;  margin: 16px 0px 5px 0px; padding: 0px;
  box-shadow: 0 2px 5px 0 rgb(164 173 186 / 25%);  border-radius: 8px;  display: inline-block;
}
.section_box_branch1 {  background-color: #ffffff;  width: 100%;  border: 0px solid #f7f7f8;  margin: 16px 0px 5px 0px; padding: 0px;
  box-shadow: 0 2px 5px 0 rgb(164 173 186 / 25%);  border-radius: 8px;  display: inline-block;
}
.section_heading_br {  width: 100%;  display: inline-block;  border-bottom: 1px solid #f3f3f3;  padding: 10px 24px 10px 24px;}
.section_box_branch1 h1 {  float: left;  font-size: 20px !important;  color: #384042 !important;  margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;
  text-align: left;  font-weight: bold;
}
.section_box1_content_branch img {  border-radius: 8px;  border: 1px solid #f0f0f0;}
.sec_ecounter {  box-shadow: 0 0px 3px #5dd000!important; }
.section_message {  background-color: #ffffff;  width: 100%;  border: 0px solid #f7f7f8;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
  box-shadow: 0 1px 3px rgb(164 173 186 / 25%);  border-radius: 0px;  display: inline-block;  position: relative;
}
.section_replay {  background-color: #ffffff;  width: 100%;  border: 0px solid #f7f7f8;  margin: 0px 0px 8px 0px; padding: 0px;
  box-shadow: 0 1px 15px rgb(164 173 186 / 25%);  border-radius: 8px;  display: inline-block;  position: relative;
}
.cutomer_id  { font-size: 14px !important; color: #737373;    margin: 0px 0px 0px 0px;  padding: 10px 0px 0px 0px;    text-align: left;} 
.mailcompose1 {  background-color: #ffffff;  width: 100%;  border: 0px solid #f7f7f8;  margin: 0px 0px 8px 0px;padding: 10px;
  box-shadow: 0 1px 15px rgb(164 173 186 / 25%);    border-radius: 8px;  display:inline-block;  position: relative;
}
.frontoffice_content{ scrollbar-width: none; scrollbar-color: #333 ;}
.frontoffice_content::-webkit-scrollbar {width: 0px;  height: 0px;}
.frontoffice_content::-webkit-scrollbar-track { background-clip: content-box;  border: 2px solid transparent;}
.frontoffice_content::-webkit-scrollbar-thumb { background: none ; }
.frontoffice_content::-webkit-scrollbar-thumb:hover { background: none ; }
.frontoffice_content::-webkit-scrollbar-corner, .frontoffice_content::-webkit-scrollbar-track { background: none ; } 
/* The below styles are for display purposes only */ 
[class^=frontoffice_content] { height: 866px; overflow-y: scroll; overflow-x: hidden;}
[class^=frontoffice_content]  { padding: 0rem;  overflow-x: hidden;} 
.frontoffice_content{ width:100%; display:inline-block; position: relative;  margin: 0px 0px 0px 0px;    padding: 0px 0px 0px 0px;
	height: calc(100vh - 177px);	overflow: auto; 	-webkit-overflow-scrolling: touch;	scrollbar-width: none;
} 
.brang_imgae_head {  text-align: left;  font-size: 12px;  padding: 0px 0px 15px 0px;  color: #494c50;  margin: 0px;  line-height: 18px;
  border-bottom: 0 solid #f1f1f1;  font-weight: 500;  text-transform: none;
}
.section_box1_content_branch {  padding: 15px 24px 24px 24px;  display: inline-block;  width: 100%;}
.section_box1_content_branch1 {  padding: 24px;  display: inline-block;  width: 100%;  min-height: 462px;}
.section_heading_br {  width: 100%;  display: inline-block;  border-bottom: 1px solid #f3f3f3;  padding: 10px 24px 10px 24px;}
.section_box_admin h1 {  float: left;  font-size: 17px !important;  color: #384042 !important;  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;  text-align: left;  font-weight: bold;
}
.section_box1 h2 {  color: #545454 !important;  margin: 0px 0px 0px 0px !important;  padding: 15px 0px 15px 8px;  text-align: left;  font-weight: 700 !important;
  border-bottom: 1px solid #e8e8e8;  width: 100%;  display: inline-block;  font-size: 12px !important;  letter-spacing: 0.06em;  text-transform: uppercase;
}
.section_box1 h3 { color: #ba104f !important;  margin: 0px 0px 0px 0px !important;  padding: 15px 0px 15px 110px;  text-align: left;
  font-weight: 500 !important;  width: 100%;  display: inline-block;  font-size: 10px !important;  letter-spacing: 0.1em;  text-transform: uppercase;
}
.section_box1 h4 {  color: #0074ff !important;  margin: 0px 0px 0px 0px !important;  padding: 15px 0px 15px 0px;  text-align: left;  font-weight: 600 !important;
  width: 100%;  display: inline-block;  font-size: 10px !important;  letter-spacing: 0.1em;  text-transform: uppercase;
}
.section_box1 h5 { color: #000 !important;  margin: 0px 0px 0px 0px !important;  padding: 15px 0px 7px 0px;  text-align: left;  font-weight: 700 !important;
  border-bottom: 0px solid #e8e8e8;  width: 100%;  display: inline-block;  font-size: 16px !important;   text-transform: none;   
}
.section_box1 h6 {  color: #2d2d2d !important; margin: 0px 0px 0px 0px !important;  padding: 15px 0px 0px 0px;  text-align: left;
  font-weight: 700 !important;  border-bottom: 0px solid #e8e8e8;  width: 100%;
  display: inline-block;  font-size: 16px !important;   text-transform:  none;   
}
.section_heading {  padding: 15px 0px 15px 25px !important; }
.section_box1 p {  color: #000;  margin: 0px 0px 0px 0px;  padding: 8px 0px 9px 0px;   font-weight:400;   width: 100%;
  display: inline-block;  font-size: 15px ;  line-height:26px;  text-transform: none;   
}
.helth_list{ margin:0px;  padding:  0px 10px 0px 30px !important; }
.helth_list ul{ margin:0px ; padding:0px;  }
.helth_list li{  color: #000;
  margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;  text-align: left;  font-weight:400;    font-size: 15px ;
  line-height:26px;  text-transform: none;  list-style:circle;  
}
.helth_list h5 { color: #000 !important;  margin: 0px 0px 0px -21px !important;  padding: 15px 0px 7px 0px;  text-align: left;  font-weight: 700 !important;
  border-bottom: 0px solid #e8e8e8;  width: 100%;  display: inline-block;  font-size: 16px !important;   text-transform: none;   
}

.helth_pad{  margin:  0px 10px 0px 20px !important;  }
.section_box1_content1 {  padding: 5px 12px 7px 12px;  background: #f7f7f7;  width: 95%;  margin: 0px auto;  min-height: 180px;  margin-bottom: 10px;
  margin-top: 10px;  line-height: 27px;  font-size: 14px;
}
.system_br{ padding:0px 0px 0px 0px; margin:25px 0px 15px 0px;    border-bottom: 1px solid #c5caf0 !important;}
.tab_form_sec1{ padding:5px 0px 0px 0px !important;}
.tab_form_sec2{padding: 0px 0px 0px 0px;    height: calc(100vh - 200px);    overflow: auto;    -webkit-overflow-scrolling: touch;
    position: relative;    overflow-x: hidden;
	}
.tab_form_sec h2 {color: #ba104f !important;    margin: 0px 0px 0px 0px !important;  padding: 5px 0px 0px 5px;    text-align: left;
    font-weight: 700 !important;    border-bottom: 0px solid #e8e8e8 !important;    width: 100%; display: inline-block;    font-size: 12px !important;
    letter-spacing: 0.06em;   text-transform: none;    font-family: 'Oxygen', sans-serif;
}
.section_box_profile { background-color: #fff; width: 100%; display: inline-block;  padding: 7px; margin: 5px 0px 10px 0px;
  box-shadow: 0 0 5px #e8e8e8;  border-radius: 5px;      border: 0px solid #e8e8e8;
}
.section_box_profile h5 { font-size: 14px !important;  color: #2d2d2d !important;  margin: 0px 0px 10px 0px; padding: 5px 0px 8px 0px;  text-align: left;
  font-weight: 600;  border-bottom: 1px solid #eeeeee;  background: #fff; width: 100%; display: inline-block;    border-radius: 7px 7px 0px 0px;
  text-transform: none;
}
.clients_dash_sections1 {  min-height:400px;  display: inline-block;  width: 100%;}
.select-calander { width: 100%;  -moz-border-radius: 5px;  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);  background: url(../images/calander.png) #fff;
  background-position: right;  background-repeat: no-repeat;  border-radius: 5px;  border: 1px solid #e1e2e2 ;
  box-shadow: none;  color: #212529 !important;  font-size: 13px;  height: 30px !important;  padding: 0px 0px 0px 10px;
}
.select-calander:hover {background: url(../images/calander.png) #fff no-repeat right center;  
	border-color: #239fdb;  box-shadow: 0 0 3px rgba(13, 110, 253, 0.25);  border: 1px solid #e1e2e2 ;
}
.time_icon{   background: url(../images/time.png) #fff;  background-position: right;  background-repeat: no-repeat;    }
.video_btn {  float: right;  margin: -77px 0px 0px 0px;  padding: 0px;  position: fixed;  width: 75px;  right: 20px;  z-index: 1000;  display:none;}
.video_btn a {  color: #2bcb3a;  font-weight: 600;  font-size: 0.65em !important;  display: inline-block;  padding: 3px 0px 0px 0px;  margin: 0px 0px 0px 7px;
  list-style: none;  cursor: pointer;  float: left;  background: #fff;  text-align: center;  line-height: 28px;  border-bottom: 0px solid #fff;
  font-weight: 600;  width: 100%;  height: 73px;  border-radius: 8px;  text-transform: uppercase;  letter-spacing: 0.8px;
}
.video_btn a:hover { background: #4b4b4b;  color: #fff;}
.table {padding: 0px; margin: 0px;}
.table th {  background: #f0f7ff ;  padding: 10px 5px 10px 5px !important;   border-top: 0px solid #f2f2f2 !important;
  text-align: left ;  color: #4f9af4  !important;   font-size: 11px !important;
  text-transform: uppercase;  letter-spacing: 0.08em;  font-weight: 600;
} 
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  padding: 7px 5px 7px 5px;  line-height: 1.42857143;  vertical-align: top;
  border: 0px solid #f0f0f0;  border-bottom: 1px solid #f0f0f0 !important;
  vertical-align: middle !important;  font-size: 13px;  color: #2d2d2d;
}
.timeline_time {   font-size: 11px !important;  color: #2d2d2d;} 
label {display: inline-block;  font-weight: 600 !important;  size:100%;  margin-bottom: 3px; padding: 5px 0px 0px 0px;    font-size: 12px; color: #ba104f ;      
  width: 100%;  text-transform: none;   font-family: 'Source Sans Pro', sans-serif !important;   
}
.addnotes label { width: 100%; display: inline-block;  font-weight: 500 !important;  margin-bottom: 3px; padding: 5px 0px 0px 0px;  font-size: 12px;  color: #3c65e6;  
  text-transform: none;   font-family: 'Source Sans Pro', sans-serif;  
}
 .control-label {width: 100%;  display: inline-block;  font-weight: 600 !important;   margin-bottom: 3px; padding: 5px 0px 0px 0px;
  font-size: 12px;   color: #ba104f ; /*color: #073578 ;*/   text-transform: none;  font-family: 'Source Sans Pro', sans-serif !important; 
}
.new_appointment_right .control-label {width: 100%;  display: inline-block;  font-weight: 400 !important;   margin-bottom: 3px; padding: 5px 0px 0px 0px;
  font-size: 12px;   color: #ba104f ; /*color: #073578 ;*/   text-transform: none;  font-family: 'Source Sans Pro', sans-serif !important; font-style:italic;
}
 .col-form-label  {  font-weight: 600 !important;   margin-bottom: 3px; padding: 5px 20px 0px 0px;  font-size: 12px;  color: #ba104f ; 
  text-transform: none;  text-align:right;   font-family: 'Source Sans Pro', sans-serif !important; 
}
.reviews_add_sec label {width: 100%;  display: inline-block;  font-weight: 500 !important;   margin-bottom: 3px; padding: 5px 0px 0px 0px;   
  font-size: 12px; color: #3c65e6 ;  font-family: 'Source Sans Pro', sans-serif !important; 
}
.reviewsystemforms label {width: 100%;  display: inline-block;    font-weight: 500 !important;    size: 100%;    margin-bottom: 3px; padding: 5px 0px 0px 0px;
    font-size: 12px;color: #3c65e6 ;   text-transform: none;    font-family: 'Source Sans Pro', sans-serif !important; 
} 
#reviewofsystems_summ label { width: 100%; display: inline-block;  font-weight: 500 !important;   margin-bottom: 3px; padding: 5px 0px 0px 0px; 
  font-size: 12px; color: #3c65e6 ;    text-transform: none;  
}
.connect_right label { text-transform: uppercase;  font-size: 12px;}
.pagination {  border-radius: 4px;  display: inline-block;  margin: 10px 0px 0px 0px !important;  padding-left: 0;}
.pagination > li > a {  background: none;  border: 0px solid #dddddd;  color: #373e4a;  font-weight: 500;  font-size: 14px;}
.pagination > li > a span {  background: none;  border: 0px solid #dddddd;  color: #373e4a;
  font-weight: 500;  font-size: 21px;  line-height: 21px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus,
.pagination > .active > span:focus {  background-color: #f6f6f6;  border-color: #f6f6f6;  color: #0074ff;}
.hr_sec { background-color: #fff;  width: 100%;  text-align: center; margin-bottom: 10px;  padding: 6px;
  color: #2d2d2d;  display: inline-block;    border-radius: 8px;
} 
.hr_sec_time { font-size: 25px !important;  color: #646464;  font-weight: 600;  text-align: center;  padding: 10px 0px 0px 0px;  margin-top: 0;
  text-transform: uppercase;  line-height: 21px;
}
.hr_sec_time span {  font-size: 11px !important;  display: inline-block;  width: 100%;  line-height: 24px;}
.connect_right {  width: 100%; min-height: 692px;}
.ehr_heading {  color: #545454;  margin: 0px 0px 0px 0px;  padding: 10px 0px 10px 10px;  text-align: left;  font-weight: 600;
  border-bottom: 1px solid #e8e8e8;  width: 100%;  display: inline-block;  font-size: 11px;  letter-spacing: 0.06em;  text-transform: uppercase;
}
.ehr_heading1 {  color: #545454;
  margin: 0px 0px 0px 0px;  padding: 5px 0px 8px 0px;  text-align: left;  font-weight: 600;  border-bottom: 0px solid #e8e8e8;  width: 100%;
  display: inline-block;  font-size: 12px;  letter-spacing: 0.08em;  text-transform: uppercase;
}
.ehr_heading2 {  color: #545454;  margin: 0px 0px 0px 0px;  padding: 10px 0px 10px 0px;  text-align: left;  font-weight: 600;
  border-bottom: 1px solid #e8e8e8;  width: 100%;  display: inline-block;  font-size: 11px;  letter-spacing: 0.06em;  text-transform: uppercase;
}
.ehr_heading3 {  color: #545454;  margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;  text-align: left;  font-weight: 600;  border-bottom: 1px solid #e8e8e8;
  width: 100%;  display: inline-block;  font-size: 11px;  letter-spacing: 0.06em;  text-transform: uppercase;
}
.ehr_sec_head { color: #2d2d2d; font-size: 14px; font-weight: 500;  letter-spacing: 0.06em;  padding: 0px 0px 0px 0px;
    font-family: 'Source Sans Pro', sans-serif;    width: 100%;   display: inline-block;
}
.ehr_sec_con { color:#ba104f ; font-size: 12px;  font-weight: 600;  letter-spacing: 0.06em;  padding: 0px 0px 5px 0px;}
.ehr_sec_con_span{font-style:  normal; background:#0F9; padding:3px;    border-radius: 5px;	font-size: 11px;}
.ehr_sec_date { letter-spacing: 0.06em;  position: relative;   right:0px; float: right; nt-style: normal; background: #f9f9f9;
    padding: 3px;  border-radius: 5px; font-size: 9px;  font-weight: normal;  color: #000;	text-transform:uppercase;z-index: 15;	
}
.ehr_sec_date1 {   letter-spacing: 0.06em; position: absolute;  right: 0px;   float: right; font-style: normal; background: #f9f9f9; padding: 3px; margin-right: 57px;
    border-radius: 5px; font-size: 10px;  font-weight: normal;  color: #000;text-transform:uppercase;
}
.ehr_sec_date2 {letter-spacing: 0.06em; position: absolute; right: 0px; float: right; font-style: normal; padding: 0px; margin: -16px 0px 0px 0px; border-radius: 5px;
    font-size: 10px;font-weight: normal; color: #000; text-transform: uppercase; text-align:right; line-height: 11px; right: 10px; 
}
.flowchart { margin:0px; padding:0px;}
.flowchart a {  letter-spacing: 0.06em;  position: relative; right:0px;  float: right; 	font-style: normal;
    background: #f9f9f9;  padding: 3px;  border-radius: 5px;    font-size: 10px; font-weight: normal;    color: #000; 
}
.flowchart a :hover{ text-decoration:none; color: #000;}
.verymild{font-style:  normal; background:#d0ffb8; padding:3px; border-radius: 5px;	font-size: 10px; font-weight:normal;color:#000;}
.mild{font-style:  normal; background:#ffd988; padding:3px; border-radius: 5px;	font-size: 10px;font-weight:normal;	color:#000;}
.moderate{font-style:  normal; background:#ffb8a5; padding:3px; border-radius: 5px;	font-size: 10px;	font-weight:normal;color:#000;}
.severe{font-style:  normal; background:#ff4817; padding:3px; border-radius: 5px; font-size: 10px; font-weight:normal;	color:#fff;}
.verysevere{font-style:  normal; background:#da0a0a; padding:3px; border-radius: 5px;	font-size: 10px;font-weight:normal;	color:#fff;}
.ordersubmitted {font-style:  normal; background:#a3fca1; padding:3px; border-radius: 5px;	font-size: 10px; font-weight:normal;color:#000;}
.ehr_sec_con1 {  color: #494c50; font-size: 11px; padding: 4px 0px 0px 0px;  margin: 0px 0px 0px 0px; text-align: left; width: 100%; font-weight: 400;  font-style: italic;} 
.ehr_sec_con2{  color: #000;  font-size: 14px;  padding: 0px 0px 4px 0px;  margin: -2px 0px 0px 0px;  text-align: left;  width: 100%; 
  font-style: normal;   display:  flex;  font-family: 'Source Sans Pro', sans-serif;  font-size:14px; font-weight: 500;  letter-spacing: 0.06em;   
}
.ehr_sec_con3 {  color: #000;  font-size: 12px;  padding: 0px 0px 5px 0px;  margin: 0px 0px 0px 0px;  text-align: left;  width: 100%;
  font-weight: 400;  font-style: normal;  display: flex;
}
 .ehr_sec_con4{  color: #000;  font-size: 14px;  padding: 0px 0px 4px 0px; margin: 0px 0px 0px 0px;  text-align: justify;
  width: 100%;  font-weight: 400;  font-style: normal;  font-family: 'Oxygen', sans-serif;  display: flex;
}  
.ehr_sec_con_sum {  color: #562a93;  font-size: 11px;  padding: 0px 0px 7px 0px;  margin: -2px 0px 0px 0px;  text-align: left;  width: 85%;
  font-weight: 400;  font-style: normal;   font-family: 'Source Sans Pro', sans-serif;
} 
.ehr_sec_referal{  color: #000;  font-size: 13px;  padding: 0px 0px 7px 20px;  margin: -2px 0px 0px 0px;
  text-align: left;  width: 100%;  font-weight: 500;  font-family: 'Source Sans Pro', sans-serif;
}
.lab_sec_con { color: #ba104f;  font-size: 11px;  font-weight: 600;  letter-spacing: 0.06em; padding: 0px 0px 5px 0px;}
.ehr_sec_referal span{ width:85px; float: left;}
.ehr_sec_con2_span{font-style: normal;    width:85px; font-size: 10.5px; float: left; padding: 3px 0px 0px 0px; color:#562a93 ;} 
.ehr_sec_con3_span{font-style: normal;  width:150px;  font-size: 10px; float: left;}
.ecounter_span{font-style: normal; width:110px;  float: left;ext-align: left; }
.ecounter_span1{font-style: normal; width:120px;  float: left;text-align: left;}
.ecounter_dots{font-style: normal; width:2px;  float: left;	padding-right: 8px;} 
.ecounter_con {    font-style: normal; width: 86%; float: left; font-family: 'Source Sans Pro', sans-serif;	font-size:14px; font-weight: 500; letter-spacing: 0.06em;}
.ecounter_con1 { font-style: normal; width: 70%; float: left;}
.wrapper.toggled  .ecounter_con1 { font-style: normal; width: 78%; float: left;}
.ehr_sec_con_sum_span{font-style: normal; width:85px; font-size: 11px; float: left;}
.ongoing_problem{ color: #55d444 !important; text-transform:none !important; padding:0px 0px 5px 0px ;}
.closed_problem{ color: #f3830b !important; text-transform:none !important; padding:0px 0px 5px 0px ;}
.recorded_by {  color: #494c50;  font-size: 11px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; text-align: left; width: 100%;font-weight: 400; font-style: italic;}
.recorded_by1 { color: #494c50; font-size: 11px; padding: 0px 0px 6px 0px; margin: 0px 0px 3px 0px;text-align: left; width: 100%; font-weight: 400; font-style: italic;}
.reviews_con {color: #2d2d2d; font-size: 12px; font-weight: 400; letter-spacing: 0.03em;  }
.reviews_span_r { color: #ff0000;}
.reviews_span_g {  color: #06d253;}
.ehr_contents_sec {  margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px;  width: 95%;}
.ehr_contents {  background: url(../images/ehr_bullet.png);  background-repeat: no-repeat;  background-position: 4px 5px;  color: #545454;  
  margin: 0px 0px 0px 10px;  padding: 0px 0px 0px 18px;  text-align: left;  font-weight: 500;  width: 100%;  display: inline-block;  font-size: 12px;  text-transform: none;
}
.expand_btns { position: absolute; float: right; margin: -31px 60px 0px 0px;  z-index: 400; right: 0px;}
.expandclose_btns { display:none;}
.expand_btns1 { position: absolute; float: right; margin: -31px 15px 0px 0px; z-index:400; right: 0px;}
.add_btns { position: absolute; float: right; margin: -34px 3px 0px 0px; z-index:400; right: 0px;}
.add_btns a {  margin: 4px 3px 0px 0px;   background: #eeffee;  float: left;  padding: 1px 6px 0px 6px;  border-radius: 4px;  color: #18bc43;
  text-align: center;  font-size: 11px;  border: 1px solid #0bdb41;  font-weight: 500;  min-height: 20px; 
}
.add_btns a:hover {  color: #fff; background: #0bdb41; border: 1px solid #0bdb41; float: left; cursor: pointer;}
.add_btns_pro { position: relative; float: right; margin: -45px 3px 0px 0px; z-index:400; right: 0px;}
.add_btns_pro a {  margin: 4px 3px 0px 0px;   background: #eeffee;  float: left;  padding: 1px 6px 0px 6px;  border-radius: 4px;  color: #18bc43;
  text-align: center;  font-size: 11px;  border: 1px solid #0bdb41;  font-weight: 500;  min-height: 20px; 
}
.add_btns_pro a:hover {  color: #18bc43; background: #eeffee; border: 1px solid #0bdb41; float: left; cursor: pointer;}
.add_btns_p {  position: fixed; float: right;  margin: -43px 17px 0px 0px; z-index: 1000; right: 0px;}
.add_btns_p a {  margin: 4px 3px 0px 0px;   background: #eeffee;  float:  right;  padding: 1px 6px 0px 6px;  border-radius: 4px;
  color: #18bc43;  text-align: center;  font-size: 11px;  border: 1px solid #0bdb41;  font-weight: 500;   min-height: 20px; 
}
.add_btns_p a:hover {  color: #fff;  background: #0bdb41;  border: 1px solid #0bdb41; cursor: pointer;}
.add_giftscard {  position: fixed; float: right;  margin: -40px 17px 0px 0px; z-index: 1000; right: 0px;}
.add_giftscard a {  margin: 4px 3px 0px 0px;  background: #eeffee;  float:  right;  padding: 1px 6px 0px 6px;  border-radius: 4px;
  color: #18bc43;  text-align: center;  font-size: 11px;  border: 1px solid #0bdb41;  font-weight: 500;   min-height: 20px; 
}
.add_giftscard a:hover {  color: #fff;  background: #0bdb41;  border: 1px solid #0bdb41;   cursor: pointer;}
.add_template { position:  relative; margin: 0px 0px 0px 0px; width:50px; }
.add_template a {  margin: 4px 3px 0px 0px;   background: #eeffee;  padding: 2px 6px 0px 6px !important;  border-radius: 4px;  color: #18bc43;
  text-align: center;  font-size: 11px;  border: 1px solid #0bdb41;  font-weight: 500;  min-height: 20px;  display:inline-block; width:100%;
}
.add_template a:hover {  color: #fff !important; background: #0bdb41; border: 1px solid #0bdb41; cursor: pointer;}
.add_concent {  position:  absolute; float: right; margin: -36px 6px 0px 0px; z-index:20; right: 0px;}
.add_concent a {  margin: 4px 3px 0px 0px;    background: #eeffee;  float:  right;  padding: 2px 6px 0px 6px;  border-radius: 4px;
  color: #18bc43;  text-align: center;  font-size: 11px;  border: 1px solid #0bdb41;  font-weight: 500;   min-height: 20px; 
}
.add_concent a:hover {  color: #fff;  background: #0bdb41;  border: 1px solid #0bdb41;  cursor: pointer;} 
.add_frontforms_btn {  position:  absolute; float: right; margin: -30px 6px 0px 0px; z-index:450; right: 0px;}
.add_frontforms_btn a {  margin: 4px 3px 0px 0px;    background: #eeffee;  float:  right;  padding: 2px 6px 0px 6px;  border-radius: 4px;
  color: #18bc43;  text-align: center;  font-size: 11px;  border: 1px solid #0bdb41;  font-weight: 500;   min-height: 20px; 
}
.add_frontforms_btn a:hover {  color: #fff;  background: #0bdb41;  border: 1px solid #0bdb41;  cursor: pointer;}
#addfrotforms{ padding:15px 0px 0px 0px;}
.edits_calendar {     float: right; margin:  0px;  z-index: 1000;  right: 0px;}
.edits_calendar a {  margin: 4px 3px 0px 0px;   background: #eeffee; float: left;  padding: 2px 6px 0px 6px;  border-radius: 4px;
  color: #18bc43;  text-align: center;  font-size: 11px;  border: 1px solid #0bdb41;  font-weight: 500;   min-height: 20px; 
}
.edits_calendar a:hover {  color: #fff; background: #0bdb41; border: 1px solid #0bdb41;  cursor: pointer;}
.edtt_encounter {  position:  relative;  float: right;  margin: 5px 0px 0px 15px;  z-index:400;  right: 0px;}
.edtt_encounter a {  margin: 0px 0px 0px 6px;   background: #eeffee;  float: left;  padding: 2px 6px 0px 6px;  border-radius: 4px;
  color: #18bc43;  text-align: center;  font-size: 11px;  border: 1px solid #0bdb41;  font-weight: 500;  min-height: 20px; 
}
.edtt_encounter a:hover { color: #fff;   background: #0bdb41;  border: 1px solid #0bdb41;  cursor: pointer;}
.edtt_encounter span { float:left;}
.edtt_encounter .active { margin: 0px 0px 0px 6px;   background: #eeffee;  float: left;  padding: 2px 6px 0px 6px;  border-radius: 4px;
  color: #18bc43;  text-align: center;  font-size: 11px;  border: 1px solid #0bdb41;  font-weight: 500;  min-height: 20px; } 
.edtt_encounter  .active span { background-image:url(../images/review_tick.png);background-repeat:no-repeat;	background-position: 0px 2px;
    width: 14px; height: 17px; 	display: inline-block; 	float:left;}
 
.edit_p {   margin: 0px 0px 0px 0px;  z-index:400;  }
.edit_p a {  margin: 0px 0px 0px 0px;   background: #eeffee ;padding: 2px 6px 2px 6px;  border-radius: 4px;
  color: #18bc43;  text-align: center;  font-size: 11px;  border: 1px solid #0bdb41;  font-weight: 500;  min-height: 20px; 
}
.edit_p a:hover { color: #fff;   background: #0bdb41;  border: 1px solid #0bdb41;  cursor: pointer;} 

.edit_p1 {   margin: 0px 0px 0px 10px;  z-index:400; float:right  }
.edit_p1 a { margin: 0px 0px 0px 0px !important;
    background: #eeffee;
    padding: 2px 6px 2px 6px !important;
    border-radius: 4px;
    color: #18bc43 !important;
    text-align: center;
    font-size: 11px !important;
    border: 1px solid #0bdb41;
    font-weight: 500;
    min-height: 20px;
}
.edit_p1 a:hover { color: #fff;   background: #0bdb41;  border: 1px solid #0bdb41;  cursor: pointer;} 
  
.resend_btn {
    position: relative;
    float: right;
    margin: -29px 6px 0px 0px;
    z-index: 1200;
    right: 0px;
}
.resend_btn a {  margin: 0px 0px 0px 0px;   background: #eeffee ;padding: 2px 6px 2px 6px;  border-radius: 4px;
  color: #18bc43;  text-align: center;  font-size: 11px;  border: 1px solid #0bdb41;  font-weight: 500;  min-height: 20px; 
}
.resend_btn a:hover { color: #fff;   background: #0bdb41;  border: 1px solid #0bdb41;  cursor: pointer;} 
  

.delete_template { position:  relative; margin: 0px 0px 0px 0px; width:50px; }
.delete_template a {  margin: 4px 3px 0px 0px;   background: #fff9f9;  padding: 2px 6px 0px 6px !important;  border-radius: 4px;  color: #ee0505;
  text-align: center;  font-size: 11px;  border: 1px solid #ee0505;  font-weight: 500;  min-height: 20px;   display:inline-block; width:100%;
}
.portalinvite_btn {  margin: 0px 3px 0px 0px; float:left;  }
.portalinvite_btn a {  margin:0px !important;   background: #f6f5f9 ;  padding: 5px 5px 5px 5px !important;  border-radius: 4px;  color: #000;
  text-align: center;  font-size: 11px;  border: 1px solid #f6f5f9 ;  font-weight: 500; text-transform:uppercase; 
}
.portalinvite_btn a:hover {  color: #000; background: #f0f0f0 ; border: 1px solid #f6f5f9 ; cursor: pointer; }
.portalinvite_btn {  margin: 0px 3px 0px 0px;  }
.invite_btn a {  margin:0px !important;   background: #f6f5f9 ;  padding: 1px 6px 2px 6px !important;  border-radius: 4px;  color: #000;
  text-align: center;  font-size: 11px;  border: 1px solid #f6f5f9 ;  font-weight: 500;  
}
.invite_btn a:hover {  color: #000; background: #f6f5f9 ; border: 1px solid #f6f5f9 ; 
cursor: pointer; margin:0px !important;  padding: 1px 6px 0px 6px !important;}


.delete_template a:hover {  color: #ee0505 !important; background: #fff9f9; border: 1px solid #ee0505; cursor: pointer;}
.reviews_btn_start_no .active {  color: #18bc43; background: #eeffee;  border: 1px solid #0bdb41;}
.add_btns1 {    position: fixed;  float: right;  margin: -47px 17px 0px 0px; z-index: 1000; right: 0px;}
.add_btns2 {    position: fixed; float: right;  margin: 9px 22px 0px 0px; z-index: 1000; right: 0px;}
.add_btns2 a {  margin: 4px 3px 0px 0px;   background: #eeffee;  float: left;  padding: 1px 6px 0px 6px;  border-radius: 4px;  color: #18bc43;
  text-align: center;  font-size: 11px;  border: 1px solid #0bdb41;  font-weight: 500;  min-height: 20px; 
}
.add_btns2 a:hover {  color: #18bc43; background: #eeffee; border: 1px solid #0bdb41; float: left; cursor: pointer;}
.add_btns3 {  position: absolute; float: right; margin: -33px 30px 0px 0px; z-index:1200;  right: 0px;}
.add_btns4 {  position: fixed; float: right; margin: -42px 21px 0px 0px; z-index:1000;  right: 0px;}
.add_waitinglist {  position:  relative; float: right; margin: -33px 30px 0px 0px; z-index:1500; right: 0px;}
 .body_maap_bullet {  width: 10px; height: 10px; border-radius: 50%;  margin: 125px 0px 0px 110px;  position: absolute;}
.body_maap_image{ margin:0px auto 25px auto;}
.condition_m{ margin:0px; padding:0px;} 
.condition_m ul{ margin:0px; padding:0px;} 
.condition_m li{ margin:0px; padding:0px; list-style:none;}
.condition_m li a{ float:left;  width: 30px;  height:30px;  border-radius: 50%;   margin:6px 20px 15px 0px; padding:0px;}
.condition_m li a:hover{ float:left;   border-radius: 50%;  margin:6px 20px 15px 0px; padding:0px;  box-shadow: 0px 0px 8px #8f8f8f; border: 2px solid #fff;}
.condition_m li .active{     margin:6px 20px 15px 0px; padding:0px;  box-shadow: 0px 0px 8px #8f8f8f;    border: 2px solid #fff;}  

.select_condition1 { background:#46ef9e!important; }
.select_condition2 { background:#d888eb!important}
.select_condition3 { background:#39b3e4!important}
.select_condition4 { background:#ff5454!important}
.select_condition5 { background:#75c43b!important}
.select_condition6 { background:#ffd200!important}
.select_condition7 { background:#9e5842!important}
.select_condition8 { background:#fc03a7!important}
.select_condition9 { background:#9ddb45!important}
.select_condition10 { background:#e2d567!important}
.select_condition11 { background:#ff8502!important}
.select_condition12 { background:#194ad9!important}
.select_condition13 { background:#db5824!important}
.select_condition14 { background:#2cf33f!important}
.select_condition15 { background:#ea9ed0!important}
.select_condition16 { background:#1b880f!important}
.select_condition17 { background:#c19d91!important}
.select_condition18 { background:#d50f22!important}
.select_condition19 { background:#c19d47!important}
.select_condition20 { background:#39e9a9!important}
.select_condition21 { background:#e0a694!important}
.select_condition22 { background:#7787a1!important}
.select_condition23 { background:#955495!important}
.select_condition24{ background:#989c61!important}
.select_condition25 { background:#60ac87!important}

.condition_con{ font-size:14px; color:#545454; text-align:left;} 
.bodymap_sec {  margin: 0px 0px  3px 0px; padding: 5px 0px 5px 10px; border-bottom: 1px solid #e8e8e8;}
.bodymap_heading { color: #545454; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 10px;  text-align: left;  font-weight: 600;
  width: 100%;  display: inline-block; font-size: 12px; letter-spacing: 0.08em;  text-transform: uppercase;
}
.body_maap_bullets {  float: left;  width: 10px;  height: 10px; border-radius: 50%;   margin: 4px 7px 0px 0px;}
.bodymap_contet {  color: #545454; margin: 0px 0px 0px 0px; padding: 0px 0px 5px 10px;text-align: left; font-weight: 500; width: 100%;
  font-size: 12px; text-transform: none; line-height: 20px;
}
.bodymap_contet1 {  color: #696969;margin: 0px 0px 0px 0px; padding: 0px 0px 5px 10px; text-align: left; font-weight: 500; width: 100%;
  font-size: 10px;text-transform: none;
}
.save_bt {    float: right;  margin: 8px 0px 15px 8px;}
.save {  float: right; margin: 0px 0px 15px 0px;}
.applylicence {  float: right; margin: 0px 0px 0px 0px;}
.save_bt_modal {  float: right; margin:10px 0px 10px 0px;}
.makepayment {  float: right; margin: 0px 0px 0px 0px;}
.admin_con {  font-size: 14px;}
.genrate_bt {    float: right;  margin: 0px 0px 0px 0px;}
.btn-success {    color: #000; margin-top: 0px; border-radius: 44px; background-color: #f9f9f9 !important; border: 1px solid #0074ff !important;
    font-size: 11px; font-weight: 600; padding: 5px 20px 5px 20px; min-height: 27px; text-transform: uppercase; letter-spacing: 0.08em; line-height: 16px;
}
.btn-success:hover {color:#fff !important;  background-color: #0074ff !important;  border: 1px solid #0074ff !important;}
.btn-success:focus {color:#fff !important;  background-color: #0074ff !important;  border: 1px solid #0074ff !important;}
.new_modals {  margin: 0px;  padding: 0px;}
.new_modals .modal {  position: fixed; top: 0; right: 0; bottom: 0;  left: 0;  z-index: 9999;  display: none;
  overflow: scroll;  -webkit-overflow-scrolling: touch;  outline: 0;  background: rgba(0, 0, 0, 0.20);  padding-left: 0px !important;
}
.new_modals .close {  float: right;  font-size: 21px;  font-weight: 400;  line-height: 1;
  color: #fff;  text-shadow: 0 0px 0 #fff;  filter: alpha(opacity=20);
  opacity: 1;  margin: -105px 0px 0px 0px;  position: absolute;  right: 0px;
  border: 0;  background: none;  z-index: 500;  background:#FF6961;  width:28px;  height:28px;  border-radius: 50%;
  line-height:20px;  padding: 0px 0px 4px 0px;
} 
.new_modals1 {  margin: 0px;  padding: 0px;}
.new_modals1 .modal {  position: fixed; top: 0; right: 0; bottom: 0;  left: 0;  z-index: 9999;  display: none;  overflow: hidden;
  -webkit-overflow-scrolling: touch;  outline: 0;  background: rgba(0, 0, 0, 0.20);  padding-left: 0px !important;
}
.new_modals1 .close {  float: right;  font-size: 35px;  font-weight: 400;  line-height: 1;  color: #fff;
  text-shadow: 0 0px 0 #fff;  filter: alpha(opacity=20);  opacity: 0.8;  margin:0px 0px 0px 0px;  position:  relative;  right: 0px;  border: 0;  
  background: none;  z-index: 500;  background:#FF6961;  width:35px;  height:35px;  border-radius: 50%;  line-height:20px;
}
.new_modals1  .modal-header {  border-bottom-width: 2px;  margin: 0;  padding: 6px 15px 6px 22px;  width: 100%;  display: inline-block;
	border-bottom: 0px solid #e5e5e5 !important;background:#000;min-height:50px;
}
.new_modals1 .modal-footer {border-top: 0px solid #e5e5e5 !important; min-height:50px; background:#000;}
.close1 {margin: -53px 0px 0px 0px !important;}
.new_modals .modal_save {  float: right;  margin: 15px 7px 10px 10px;  position: absolute;  right: 10px;}
.new_modals .modal_save1 {  float: right;  margin: 15px 0px 10px 10px;  position: absolute;  right: 10px;}
.modal-dialog {  margin: 60px auto !important;  width: 90%;}
.modal_contents {  width: 100%;  padding: 15px 35px 25px 35px;  display: inline-block;}
.modal_contents .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 7px 5px 7px 5px;  line-height: 1.42857143;  vertical-align: top;  border-top: 0px solid #ddd;  border-bottom: 1px solid #f0f0f0;
    vertical-align: middle !important;
}
.modal_contents h2 {  margin-top: 10px; margin-bottom: 10px;  text-align: left; font-size: 18px;  padding: 0px 0px 0px 0px; font-weight: 600; line-height: 18px;}
.modal_contents h3 {  margin:0px;  text-align: left; font-size: 14px;  padding: 3px 0px 1px 0px; font-weight: 600;line-height: 18px;}
.modal_contents h5 { font-size: 12px; font-weight: 600 !important;  line-height: 21px;  text-align: left;  flex-grow: 1;
    color: #ba104f;  padding: 0px 0px 4px 0px;  text-transform: none; font-family: 'Source Sans Pro', sans-serif !important;
} 
.modal label {    font-size: 12px; font-weight: 600 !important;  line-height: 21px; text-align: left; flex-grow: 1;  color: #ba104f ; 
    padding: 7px 0px 0px 0px;   text-transform: none;font-family: 'Source Sans Pro', sans-serif !important; 
}
.modal-title {  margin: 0;line-height: 41px;  padding: 0px 0px 0px 0px;font-size: 14px; color: #0074ff;  letter-spacing: 0.1em;
  text-transform: uppercase; font-weight: 500; float:left; width: 90%;
}
.modal-title1 {  margin: 0;line-height: 41px; padding: 10px 0px 10px 0px; border-bottom: 1px solid #ccc;
  color: #545454 !important; font-size: 14px !important; letter-spacing: 0.1em; text-transform: uppercase;
}
.modal-header {  padding: 15px; border-bottom: 1px solid #e5e5e5 !important;}
.modal-content {  padding: 0px;  box-shadow: 0 0px 0px rgb(0 0 0 / 50%);  border: 0px solid rgba(0, 0, 0, 0.2);}
.modal_contents {    width: 100%;    padding: 15px 35px 25px 35px; display: inline-block; overflow-y: scroll; height: 650px; scrollbar-width: none;}

.modal_invoice {  height: auto !important; overflow: hidden !important;} 
.modal_contents1 {  height:300px !important;}
.modal_contents2 { min-height:225px; background:#000;}
.modal_contents_img {    width:100%;    padding: 15px 35px 25px 35px; margin:0px auto ; }

.modal .modal-dialog .modal-content .modal-header { border-bottom-width: 2px; margin: 0; padding: 6px 15px 6px 22px;}
.modal-header {  padding: 15px;  border-bottom: 1px solid #e5e5e5 !important;}
.modal-dialog {  margin: 60px auto !important;}

.new_modals .table { margin-bottom: 0px; }
.login_modal{ margin:0px; padding:0px;}
.login_modal .form-control {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e1e2e2 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color 0.15sease-in-out, box-shadow 0.15sease-in-out;
    height: 42px;
}
.login_modal .form-group { clear: both;  display: inline-block; margin-bottom: 12px !important;  width: 100%;    position: relative;}
.forgot_save {  color: #000;  margin0: 0px;  border-radius: 44px;  background-color: #f9f9f9 !important;  border: 1px solid #0074ff !important;
    font-size: 11px;   font-weight: 600;  padding:8px 45px 8px 45px !important;  text-transform: uppercase; letter-spacing: 0.08em; line-height: 16px;
}

#flip, #flip1, #flip2, #flip3, #flip4, #flip5, #flip6, #flip7, #flip8, #flip9, #flip10, #flip11, #flip12, #flip13, #flip14, #flip15, #flip16, #flip17, #flip18, #flip19, #flip20, #flip21, #flip22, #flip23, #flip24, #flip25, #flip26, #flip27, #flip28, #flip29, #flip30, #flip31, #flip32, #flip33, #flip34, #flip35, #flip36, #flip37, #flip38, #flip39, #flip40, #flip41, #flip42, #flip43, #flip44, #flip45, #flip46, #flip47, #flip48, #flip49, #flip50 {
  padding: 0px;
}
#panel, #panel1, #panel2, #panel3, #panel4, #panel5, #panel7, #panel8, #panel9, #panel10, #panel11, #panel12, #panel13, #panel14, #panel15, #panel16, #panel17, #panel18, #panel19, #panel20, #panel21, #panel22, #panel23, #panel24, #panel25, #panel26, #panel27, #panel28, #panel29, #panel30, #panel31, #panel32, #panel33, #panel34, #panel35, #panel36, #panel37, #panel38, #panel39, #panel40, #panel41, #panel42, #panel43, #panel44, #panel45, #panel46, #panel47, #panel48, #panel49, #panel50 {
  padding: 0px;
  display: none;
} 
#flipshedule {  padding: 0px;}
#reshedule {  padding: 0px;  display: none;}
.label {  padding: 5px 10px;  line-height: 15px !important; color: #fff;  font-weight: 400; border-radius: 0px;  font-size: 12px !important;}
.label-primary { background-color: #55228a; border-radius: 18px !important;}
.label-success { background-color: #36bea6; border-radius: 18px !important;}
.label-info { background-color: #55228a; border-radius: 18px !important;}
.label-warning { background-color: #ffd740; border-radius: 18px !important;}
.label-danger { background-color: #ef5350; border-radius: 18px !important;}
.label-purple { background-color: #55228a; border-radius: 18px;}
.label-pink { background-color: #ec407a; border-radius: 18px !important;}
.label-inverse { background-color: #212121; border-radius: 18px !important;}
.food_alergy_con { font-size: 18px; line-height: 25px; text-align: left; margin: 0px 0px 10px 0px; padding: 0px;}
.myhealth_syp_con2 { font-size: 12px; font-weight: 600 !important;    line-height: 21px;
    text-align: left;    flex-grow: 1; color: #ba104f;
    padding: 0px 0px 0px 0px;
    text-transform: none;  font-family: 'Oxygen', sans-serif;
}
.allergies_m {  display: -webkit-box;  display: flex;  flex-wrap: wrap;  -webkit-box-pack: justify;  justify-content: space-between;
  -webkit-box-align: center;  align-items: center;  width: 100%;  padding: 1rem;  background-color: #fff7f8;
  color: #404a61;  border: 1px solid #fff7f8;  border-radius: 6px;  margin-top: 7px;
  cursor: pointer;  -webkit-transition: border-color 0.15s ease-in-out,
    background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    color 0.15s ease-in-out;
  font-size: 16px;
  font-weight: 600;
  color: #2d2d2d;
}
.allergies_m:hover {  background-color: #fef6fe; color: #404a61; border: 1px solid #f5daff;}
.allergies_m_active {  background-color: #fef6fe; color: #404a61; border: 1px solid #f5daff;}
.allergi {  display: -webkit-box;  display: flex;  flex-wrap: wrap;  -webkit-box-pack: justify;  justify-content: space-between;
  -webkit-box-align: center;  align-items: center;  width: 100%;  padding: 5px 10px 5px 10px;  background: #f9f9f9;  color: #404a61;
  border: 1px solid #e3effd;  border-radius: 6px;  margin-top: 7px; cursor: pointer;
  -webkit-transition: border-color 0.15s ease-in-out,
    background-color 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    color 0.15s ease-in-out;
  font-size: 14px;
  color: #2d2d2d;
}
.allergi:hover {  background: url(../images/allergies_tick.png) no-repeat #f6faff; background-position: 97% 5px;  color: #404a61; border: 1px solid #e3effd;  }
.allergi_active {  background: url(../images/allergies_tick.png) no-repeat #f6faff; background-position: 97% 5px;   color: #404a61; border: 1px solid #e3effd;}
/**************Side Tab Start*****************/
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link { color: #0074ff; background-color: #ebecff; border-radius: 0px; border-left: 2px solid #0074ff !important;  opacity: 1;}
.nav-pills .active .icons {  display: none;}
.nav-pills .active .icons1 {  display: block;}
.nav-pills .nav-link:hover .icons {  display: none;}
.nav-pills .nav-link:hover .icons1 {  display: block;}
.profile_left {  width: 100%; display: inline-block;  padding: 0px 0px 0px 0px; }
.profile_left ul {  margin: 0px; padding: 0px;}
.profile_left ul li {  margin: 0px; padding: 0px; list-style: none;}
.profile_left ul li a {  margin: -6px 0px 0px 0px;  background: #fff;  width: 100%;  display: inline-block;  padding: 1px 0px 4px 10px;
  border-left: 2px solid #fff;  color: #4b4b4b;
}
.profile_left ul li a:hover {  background: #f5f5f5; text-decoration: none; border-left: 2px solid #0074ff;}
.profile_left .active {  margin: -6px 0px 0px 0px;  padding: 0px;  background: #f5f5f5;  width: 100%;  display: inline-block;
  padding: 1px 0px 4px 10px;  color: #fff;  border-left: 2px solid #0074ff;
}
.profile_icon_sec {  width: 40px; float: left; margin: 4px 10px 0px 0px;}
.profile_icon_clr1 {  float: left; width: 30px; height: 30px;  border-radius: 50%;  border: 1px solid #ccc;  background: #fff;  font-size: 20px;
  color: #fff;  text-align: center;  box-shadow: 0px 0px 5px #ccc;  line-height: 40px;  padding: 0px;  margin: 5px 10px 5px 5px;
}
.nav-pills .nav-link :hover .profile_icon_clr1 { box-shadow: 0px 0px 5px #0074ff;}
.nav-pills .nav-link.active .profile_icon_clr1 { box-shadow: 0px 0px 5px #0074ff;}
.wrapper.toggled .profile_con { width: 61%; float: left;}
.profile_con { width: 62%; float: left;}
.ehr_count {  position: relative; right: 15px; width: 20px; height: 20px; float: right;  color: #545454; font-weight: 500; font-size: 11px;
    border-radius: 5px; background: #fff; line-height: 20px;  margin: 9px -10px 0px 0px;text-align: center;
	} 
.awaitingform {  position: relative;  right: 12px;  width: 80px;  height: 20px; float: right;  color: #000 !important;  font-weight: 400; 
     font-size: 10px; border-radius: 5px; background: #eeffee;  border: 1px solid #0bdb41; line-height: 20px; padding: 0px 3px 0px 3px;  margin: -10px -10px 0px 0px;
    text-transform: none; text-align: center; opacity: 1 !important; line-height: 18px;
}
.incomplete_icon { position: absolute;  float: right; color: #545454; font-weight: 500;  border-radius: 5px;  line-height: 20px;
    margin: 11px 19px 0px 0px;  text-align: center;  right: 12px;
}
.profile_con_name {  text-align: left; padding: 14px 0px 0px 0px;}
.profile_left .active .profile_con_name {  color: #0074ff;}
.profile_left .nav-link {  font-weight: 600;  font-size: 0.65em;  letter-spacing: 0.8px;  display: inline-block;  padding: 0px 0px 0px 0px !important;
    margin: -5px 2px 0px 0px !important;   border-radius: 0;  list-style: none;
  cursor: pointer;  text-align: center;  color: #2d3748;  border: 0px !important;
  width: 100%;  text-transform: uppercase;   border: 0px !important;
  border-left: 2px solid #fff !important;  opacity: 0.7;
  position:relative;
}
.profile_left .nav-link:hover {  color: #0074ff; background-color: #f0f7ff;  border-radius: 0px;  border: 0px !important;
  border-left: 2px solid #0074ff !important;  opacity: 1;
}
.profile_left .nav-link:hover .profile_icon_clr1 {  box-shadow: 0px 0px 5px #0074ff;}
/**************Side Tab End*****************/
.yesno_btn_start {  width: 100%; float: none; display: inline-block;}
.yesno_btn {  margin: 7px 5px 0px 0px; padding: 2px 5px 0px 3px;  background: #f6f5f9;  float: left;    border-radius: 4px;  color: #000;
  text-align: center;  min-height: 23px;  font-size: 11px;  border: 1px solid #f6f5f9;  min-width: 55px;   line-height: 17px;
}
.yesno_btn:hover {  color: #18bc43; background: #eeffee; border: 1px solid #0bdb41; float: left; cursor: pointer;}
.yesno_btn_start .active { color: #18bc43; background: #eeffee; border: 1px solid #0bdb41;} 
.yesno_btn span { float:left;}
.yesno_btn:hover span { background-image:url(../images/review_tick.png);background-repeat:no-repeat;	background-position: 0px 2px;
    width: 14px;  height: 17px; display: inline-block; 	float:left;
}
.yesno_btn_start .active span { background-image:url(../images/review_tick.png);background-repeat:no-repeat;	background-position: 0px 2px;
    width: 14px; height: 17px; 	display: inline-block; 	float:left;
}
.yesno_btns {  margin: 7px 5px 0px 0px; background: #edfff3; float: left; padding: 3px 5px 3px 3px; border-radius: 80px;
  color: #000; text-align: center;  min-width: 80px;  font-size: 11px;  border: 1px solid #95f5b2;  
}
.yesno_btns:hover {  color: #fff; background: #0bdb41; border: 1px solid #0bdb41; float: left; cursor: pointer;}
.yesno_btns .active { color: #fff; background: #0bdb41; border: 0px solid #0bdb41;}
.yesno_btn_start {  width: 100%; float: none; display: inline-block;}
.yesno_btn_pe_start {  width: 100%; float: none; display: inline-block;}
.yesno_btn_pe {  margin: 7px 5px 0px 0px !important; float: left; padding: 3px 5px 0px 5px !important;  color: #000 !important;   text-align: center; 
  font-size: 11px !important;    border-radius: 4px;  background: #f6f5f9 !important;   border: 1px solid #f6f5f9; min-height:23px !important;
  font-weight:normal !important;   font-family: "Inter", sans-serif !important; 
}
.yesno_btn_pe:hover {  color: #56d461; background: #fff; border: 1px solid #56d461; float: left;  cursor: pointer;}
.yesno_btn_pe_start .active { color: #56d461; background: #fff; border: 1px solid #56d461;}
.pe_section {   width: 100%; float: none; display: inline-block;}
.normel_btn_pe { float:left; margin: 7px 5px 0px 0px ;  padding: 3px 5px 0px 5px ;  color: #000 ;   text-align: center;  font-size: 11px!;   
  border-radius: 4px;  background: #eeffee ;   border: 1px solid #eeffee; min-height:23px ; font-weight:normal ;   font-family: "Inter", sans-serif ; 
}
.normel_btn_pe:hover { background: #eeffee; color: #18bc43; text-align: center; border: 1px solid #0bdb41; cursor: pointer;}
.active_normal {   background: #eeffee;  color: #18bc43; text-align: center;  border: 1px solid #0bdb41; } 
.abnormel_btn_pe { float:left; margin: 7px 5px 0px 0px ;  padding: 3px 5px 0px 5px ;   color: #000 ;   text-align: center; font-size: 11px ;   
  border-radius: 4px;  background: #fff0f0 ;    border: 1px solid #fff0f0; min-height:23px ;  font-weight:normal ;    font-family: "Inter", sans-serif ;    
}
.abnormel_btn_pe:hover {  background: #fff0f0;  color: #ff4800; text-align: center; border: 1px solid #ff4800; cursor: pointer;}
.active_abnormel {   background: #fff0f0;  color: #ff4800;  text-align: center;  border: 1px solid #ff4800;  } 
.notexamined_btn_pe { float:left; margin: 7px 5px 0px 0px ;  padding: 3px 5px 0px 5px ;  color: #000 ;   text-align: center;  font-size: 11px ; border-radius: 4px;         	bckground: #fff5ea ;     border: 1px solid #fff5ea;  min-height:23px ;  font-weight:normal ;    font-family: "Inter", sans-serif ;     
}
.notexamined_btn_pe:hover {  background: #fff5ea; color: #ff8a00; text-align: center; border: 1px solid #ff8a00; cursor: pointer;}
.active_notexamined {   background: #fff5ea;  color: #ff8a00; text-align: center;  border: 1px solid #ff8a00; cursor: pointer;	}
.duration_start {  width: 100%; float: none; display: inline-block;}
.duration_btn{  margin: 7px 5px 0px 0px;   float: left;  padding: 5px 10px;  color: #000;  text-align: center;   font-size: 11px;   
  border-radius: 5px;   background: #fff;  border: 1px solid #f0f0f0;  
}
.duration_btn:hover {  color: #56d461; background: #fff; border: 1px solid #56d461; float: left; cursor: pointer;}
.duration_start .active {   color: #56d461; background: #fff; border: 1px solid #56d461;} 
.results_patch {  width: 100%; float: none; display: inline-block;}
.resultsp_btns {  margin: 7px 5px 0px 0px;  padding: 2px 5px 2px 3px;   background: #f6f5f9;  float: left;    border-radius: 4px;
  color: #000;  text-align: center;  min-height: 23px;  font-size: 11px;  border: 1px solid #f6f5f9;  min-width: 55px;  line-height: 17px;
}
.resultsp_btns span { float:left;}
.resultsp_btns:hover span { background-image:url(../images/review_tick.png);background-repeat:no-repeat;	background-position: 0px 2px;
    width: 14px;  height: 17px; display: inline-block; 	float:left;
} 
.results_patch .active span { background-image:url(../images/review_tick.png);	background-repeat:no-repeat; background-position: 0px 2px;
    width: 14px; height: 17px; 	display: inline-block; 	float:left;
}
.passed_btn   {  background: #d0ffb8; color: #000; text-align: center; border: 0px solid #42bb00; cursor: pointer;  font-size: 11px;  padding: 2px 5px 2px 3px;     border-radius: 4px;}
.pending_btn  {  background: #ffd988; color: #000; text-align: center; border: 0px solid #ff8a00; cursor: pointer;  font-size: 11px; padding: 2px 5px 2px 3px;     border-radius: 4px;}
.faild_btn  { background: #ffbebe; color: #000; text-align: center; border: 0px solid #e41313; cursor: pointer; font-size: 11px; padding: 2px 5px 2px 3px; border-radius: 4px;}
.passed_btns:hover  { background: #eeffee; color: #42bb00; text-align: center; border: 1px solid #42bb00; cursor: pointer; font-size: 11px; padding: 2px 5px 2px 3px;     border-radius: 4px;}
.pending_btns:hover  { background: #ffe3a8; color: #ff8a00; text-align: center; border: 1px solid #ff8a00; cursor: pointer;  font-size: 11px; padding: 2px 5px 2px 3px;     border-radius: 4px;}
.faild_btns:hover  {  background: #ffebeb; color: #e41313; text-align: center; border: 1px solid #e41313; cursor: pointer;  font-size: 11px;  padding: 2px 5px 2px 3px;     border-radius: 4px;}
.passed_bt1 .active { background: #d0ffb8; color: #42bb00; text-align: center; border: 1px solid #42bb00; cursor: pointer;  font-size: 11px;  padding: 2px 5px 2px 3px;     border-radius: 4px;}
.pending_bt1 .active {background: #ffe3a8; color: #ff8a00; text-align: center; border: 1px solid #ff8a00; cursor: pointer;  font-size: 11px; padding: 2px 5px 2px 3px;     border-radius: 4px;}
.faild_bt1 .active {  background: #ffebeb; color: #e41313; text-align: center; border: 1px solid #e41313; cursor: pointer;  font-size: 11px;  padding: 2px 5px 2px 3px;     border-radius: 4px;}

.task_priority{ padding:0px ; margin:0px;}
.low_btn {  margin: 7px 5px 0px 0px; padding:0px;  min-width: 80px;  float: left; }
.low_btn a { margin:0px !important;  padding: 5px 10px 5px 10px !important;  display:inline-block;  width:100%;  
  color: #000;  text-align: center;   font-size: 12px !important;  border: 1px solid #95f5b2;  background: #edfff3;    border-radius: 80px;
}
.low_btn a:hover {  color: #fff; background: #00b203; border: 1px solid #00b203;  float: left;}
.low_btn .active {  color: #fff;  background: #00b203 !important; border: 1px solid #00b203 !important;}
.medium_btn {  margin: 7px 5px 0px 0px;  padding:0px; min-width: 80px; float: left; }
.medium_btn a { margin:0px !important;  padding: 5px 10px 5px 10px !important;  display:inline-block;  width:100%;   color: #000;
  text-align: center;   font-size: 12px !important;  border: 1px solid #95f5b2;  background: #edfff3;   border-radius: 80px;}
.medium_btn a:hover {  color: #fff; background: #ffaf03; border: 1px solid #ffaf03; float: left;}
.medium_btn .active {  color: #fff; background: #ffaf03; border: 1px solid #ffaf03;}
.high_btn {  margin: 7px 5px 0px 0px; padding:0px;  min-width: 80px; float: left; }
.high_btn a { margin:0px !important;  padding: 5px 10px 5px 10px !important;  display:inline-block;  width:100%;  
  color: #000;  text-align: center;   font-size: 12px !important;  border: 1px solid #95f5b2;  background: #edfff3;    border-radius: 80px;
}
.high_btn a:hover {  color: #fff; background: #f80202; border: 1px solid #f80202; float: left;}
.high_btn .active {  color: #fff; background: #f80202; border: 1px solid #f80202;}
.taskedit_con{    width: 100%;  font-size: 13px;  font-weight: 600;  text-align: left;  color: #0074ff;  padding: 5px 0px 0px 0px;}
.reviews_btn_start_no {  width: 100%; float: none; display: inline-block;}
.reviews_btn_no {  margin: 4px 3px 0px 0px;  background: #f6f5f9;  float: left;  padding: 2px 5px 0px 3px;  border-radius: 4px;
  color: #000;  text-align: center;  font-size: 11px;   border: 1px solid #eeffee;  font-weight: 500;   min-height: 23px;  min-width: 60px;
}
.reviews_btn_no:hover {  color: #18bc43; background: #eeffee; border: 1px solid #0bdb41; float: left; cursor: pointer;}
.reviews_btn_start_no .active { color: #18bc43; background: #eeffee;  border: 1px solid #0bdb41;}
.reviews_btn_no span { float:left;}
.reviews_btn_no:hover span { background-image:url(../images/review_tick.png);background-repeat:no-repeat;background-position: 0px 2px;
    width: 14px;  height: 17px; display: inline-block; 	float:left;
}
.reviews_btn_start_no .active span { background-image:url(../images/review_tick.png);	background-repeat:no-repeat;	background-position: 0px 2px;
    width: 14px;    height: 17px; 	display: inline-block; 	float:left;
}
.reviews_btn_start_yes { width: 100%; float: none; display: inline-block;}
.reviews_btn_yes {  margin: 4px 3px 0px 0px;  background: #f6f5f9;  float: left;  padding: 2px 5px 0px 3px;
  border-radius: 4px;  color: #000;  text-align: center;  font-size: 11px;  border: 1px solid #fff1f1;  font-weight: 500;  min-height: 23px;  min-width: 55px;
}
.reviews_btn_yes:hover { color: #e81616; background: #fff1f1; border: 1px solid #e81616; float: left; cursor: pointer;}
.reviews_btn_start_yes .active { color: #e81616; background: #fff1f1; border: 1px solid #e81616;}
.reviews_btn_yes span { float:left;}
.reviews_btn_yes:hover span { background-image:url(../images/review_tick1.png);	background-repeat:no-repeat; background-position: 0px 2px;
    width: 14px; height: 17px; 	display: inline-block; 	float:left;
}
.reviews_btn_start_yes .active span { background-image:url(../images/review_tick1.png);	background-repeat:no-repeat;
	background-position: 0px 2px;  width: 14px;  height: 17px; display: inline-block; 	float:left;
}
.symptoms_modal_start { width: 100%; float: none; display: inline-block; overflow-y: scroll; height: 350px;}
.symptoms_modal_btn {  margin: 6px 5px 0px 0px;  background: #f6f5f9;  float: left;  padding: 4px 3px 4px 3px;  border-radius: 4px;
  color: #000;  text-align: center;  font-size: 12px;  border: 1px solid #f6f5f9;  font-weight: 500;   min-height: 23px;  min-width: 55px;
}
.symptoms_modal_btn:hover {  color: #18bc43; background: #eeffee; border: 1px solid #0bdb41;float: left; cursor: pointer;}
.symptoms_modal_start .active {  color: #18bc43; background: #eeffee; border: 1px solid #0bdb41;}
.symptoms_modal_btn span {float:left;}
.symptoms_modal_btn:hover span { background-image:url(../images/review_tick.png); background-repeat:no-repeat;	background-position: 0px 2px;
    width: 14px; height: 17px; 	display: inline-block; 
	float:left;
}
.symptoms_modal_start .active span { background-image:url(../images/review_tick.png); background-repeat:no-repeat;	background-position: 0px 2px;
    width: 14px; height: 17px; display: inline-block; 
	float:left;
} 
.form-control {  display: block;  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #e1e2e2 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  height: 30px;
}
.form-control-h{   height: 45px !important;}
.form-select { display: block; width: 100%;
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size:13px;
    font-weight: 400;
    line-height: 1.2;
    color: #212529; 
    height: 30px;
	background-position: right .35rem center;
	background-size: 12px 12px !important; 
}
.templates_lab .form-control {    display: block;
    width: 100%;
    padding: 5px 0px 0px 7px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    color: #ba104f !important;
    background-color: #fff;
    border: 1px solid #e1e2e2 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    font-family: 'Source Sans Pro', sans-serif !important;
    margin: 0px 0px 5px 0px;
}
 
.templates_lab ::-webkit-input-placeholder { color: #ba104f !important; font-size: 12px;}
.templates_lab ::-moz-placeholder { color: #ba104f !important; font-size: 12px;}
.templates_lab :-ms-input-placeholder { color: #ba104f !important; font-size: 12px;}
.templates_lab :-moz-placeholder { color: #ba104f !important; font-size: 12px;}

.ehr_left {  width: 260px;  float: left;  margin: 0px;  padding: 0px;  position: relative;}
.wrapper.toggled .ehr_right {   width: calc(100vw - 366px);/*width: 84.4%;*/  float: left;  margin: 0px 0px 0px 10px;  padding: 0px;  position: relative;}
.ehr_right { width: calc(100vw - 516px); float: left; margin: 0px 0px 0px 10px; padding: 0px; position: relative;}

.docters_week_sec {  font-size: 14px !important;  font-weight: 600;  color: #545454;  text-align: left;
  text-transform: uppercase;  line-height: 30px;  margin: 0px 0px 5px 0px;  float: left;  width: 50%;
}
.docters_today {  font-size: 12px !important;  font-weight: 600;  color: #545454;  text-align: right;  text-transform: uppercase;  line-height: 30px;   float: right;
  margin: 10px 0px 0px 0px;  position: fixed;  right: 15px;
} 
.docters_today1 {  font-size: 12px !important;  font-weight: 600;  color: #545454;  text-align: right;  text-transform: uppercase; 
  margin: 0px 0px 0px 0px;  position:  relative;   width:100%;
} 
.docters_dairy_sec {  margin: 0px; padding: 0px;  background: #f9f9f9;  box-shadow: 0px 0px 0px #ccc;  
  width: 100%;  display: inline-block;  border-radius: 8px;
}
.docters_dairy_sec1 {  margin: 0px; padding: 5px 2px 5px 5px;  background: #fff;  box-shadow: 0px 0px 0px #ccc;  
  width: 100%;display: inline-block;    border-radius: 8px;
}
.docters_cal_l { width: 10%; float: left;}
.docters_cal_r { width: 10%; float: left;}
.docters_cal_m { width: 80%; float: left;}
.docters_day {  text-align: center;  font-size: 11px;  color: #fff;  line-height: 18px;  padding: 7px 15px 0px 15px;
  text-transform: uppercase;  font-weight: bold;  border-radius: 8px;
}
.docters_day a {  color: #0074ff;}
.docters_date_sec {  margin: 0px 5px 0px 5px;  padding: 6px 0px 6px 0px;  width: 200px;  float: left;
  text-align: center;  border-bottom: 2px solid #fff;  background: #fff;  border-radius: 0px;
}
.docters_date_sec a {  color: #383838;}
.active_day {     border-bottom: 2px solid #0074ff !important; } 
.docters_weks {  text-align: center; font-size: 11px; text-transform: uppercase; line-height: 15px; font-weight: bold;}
.docters_week_day {  text-align: center;  font-size: 12px;  line-height:20px;  font-weight: 600;
  color: #0074ff;  text-transform: none;
} 
.docters_all {  margin: 0px 0px 0px 0px; /* padding: 12px 0px 0px 0px;*/  width: 0%;  float: left;  text-align: center;
  font-size: 14px;  font-weight: 600;
}
.docters_all a {  color: #0074ff; text-align: center; font-size: 14px; font-weight: 600;}
.docters_r {  margin: 0px; padding: 0px 0px 0px 40px; width: 99%; float: left; text-align: center;}
.docters_sec {  margin: 0px 0px 0px 5px;    padding: 2px 0px 2px 0px;  width: 24%;    float: left;  text-align: center;
    background: #fff;  border-radius: 8px; border: 1px solid #fff; cursor:pointer;
}
.docters_sec:hover {  background: #fff;	border: 1px solid #56a3ff ; }
.docters_active {   margin: 0px 0px 0px 5px; padding: 2px 0px 2px 0px;  width: 24%;  float: left;
    text-align: center;  background:#fff !important;  border-radius: 8px;border: 1px solid #56a3ff  ;
}
.docters_th {  width: 224px !important;}
.docters_image { width: 35px; float: left; margin: 0px 7px 0px 2px;}
.docters_c{ border:1px solid #ff0096 ; }
.docters_c1{ border:1px solid #ff00f6; }
.docters_c2{ border:1px solid #a800ff; }
.docters_c3{ border:1px solid #1200ff; }
.docters_c4{ border:1px solid #00ff24; }
.docters_c5{ border:1px solid #fffc00; }
.docters_c6{ border:1px solid #ff9000; }
.docters_c7{ border:1px solid #ff0000; }
.docters_c8{ border:1px solid #fbb4da; }
.docters_c9{ border:1px solid #f697f9; }
.docters_c10{ border:1px solid #eeb4fb; }
.docters_c11{ border:1px solid #b4b4fb; }
.docters_c12{ border:1px solid #b7fbb4;}
.docters_c13{ border:1px solid #faf09a; }
.docters_c14{ border:1px solid #ffd3b6; }
.docters_c15{ border:1px solid #ffb6b6; }
.docters_c16{ border:1px solid #af4189;  }
.docters_c17{ border:1px solid #c823be; }
.docters_c18{ border:1px solid #8817a9; }
.docters_c19{ border:1px solid #1b297e; }
.docters_c20{ border:1px solid #23902d;  }
.docters_c21{ border:1px solid #ae9f1d;  }
.docters_c22{ border:1px solid #a26335;  }
.docters_c23{ border:1px solid #af3030;  }
.docters_c24{ border:1px solid #15c5aa;  }

.select_box { border-left: 2px solid #ff0096 !important;}
.select_box1 {border-left: 2px solid #ff00f6 !important;}
.select_box2 {border-left: 2px solid #a800ff !important;}
.select_box3 {border-left: 2px solid #1200ff !important;}
.select_box4 {border-left: 2px solid #00ff24 !important;}
.select_box5 {border-left: 2px solid #fffc00 !important;}
.select_box6 {border-left: 2px solid #ff9000 !important;}
.select_box7 {border-left: 2px solid #ff0000 !important;}
.select_box8 {border-left: 2px solid #fbb4da !important;}
.select_box9 {border-left: 2px solid #f697f9 !important;}
.select_box10 {border-left: 2px solid #eeb4fb !important;}
.select_box11 {border-left: 2px solid #b4b4fb !important;}
.select_box12 {border-left: 2px solid #b7fbb4 !important;}
.select_box13 {border-left: 2px solid #faf09a !important;}
.select_box14 {border-left: 2px solid #ffd3b6 !important;}
.select_box15 {border-left: 2px solid #ffb6b6 !important;}
.select_box16 {border-left: 2px solid #af4189 !important;}
.select_box17 {border-left: 2px solid #c823be !important;}
.select_box18 {border-left: 2px solid #8817a9 !important;}
.select_box19{border-left: 2px solid #1b297e !important;}
.select_box20{border-left: 2px solid #23902d !important;}
.select_box21 {border-left: 2px solid #ae9f1d !important;}
.select_box22 {border-left: 2px solid #a26335 !important;}
.select_box23 {border-left: 2px solid #af3030 !important;}
.select_box24 {border-left: 2px solid #15c5aa !important;}
  
.docters_image img { border-radius: 50%; width: 35px;  height: 35px;}
.docters_name {  padding: 7px 0px 7px 0px !important; text-align: left; font-size: 14px;} 
.docters_list_l {  text-align: center;
  color: #fff;  line-height: 18px;  padding: 15px 15px 0px 0px; text-transform: uppercase;  font-weight: bold;
   position: absolute;  float: left;  margin: -15px 0px 0px 1.5%;
}
.docters_list_l a {  color: #545454;}
.docters_list_l .fa-angle-left {  font-size: 40px !important;}
.docters_list_r {  text-align: center;  font-size: 12px;  color: #fff;  line-height: 18px;  padding: 15px 19px 0px 15px; margin: -15px 0px 0px 0px;
  text-transform: uppercase;  font-weight: bold;  position:  absolute; float: right;    z-index: 60;  right:5px;
}
.docters_list_r a {  color: #545454;}
.docters_list_r .fa-angle-right {  font-size: 40px !important;}
.patient_names { padding:0px 0px 6px 0px;  font-weight: 600;  color: #19bf0c;  font-size: 13px;}
.patient_details_td {  font-size: 11px;}
.patient_name_td { padding:5px 0px 0px 0px;  font-size: 11px;}
.bookings_r {    margin: 0px;    padding: 0px 50px;  width: 99%;  float: left; text-align: center;}
.bookings_list_l {  text-align: center;  color: #fff;  line-height: 18px;  padding: 22px 15px 0px 15px; margin: -65px 0px 0px 1%;
  text-transform: uppercase;  font-weight: bold;  position: relative;  float: left;  
}
.bookings_list_l a {  color: #545454;}
.bookings_list_l .fa-angle-left { font-size: 40px !important;}
.bookings_list_r { text-align: center;  font-size: 12px;  color: #fff;  line-height: 18px;  padding: 22px 15px 0px 15px;
  text-transform: uppercase;  font-weight: bold;  position: relative;  float: right;  margin: -65px 0px 0px 0px;
}
.bookings_list_r a {  color: #545454;}
.bookings_list_r .fa-angle-right { font-size: 40px !important;}
.p_l_0 { padding-left: 0px; position: relative;}
.p_r_0 { padding-right: 0px; position: relative;}
.p_r_l_0 { padding-right: 0px; padding-left: 8px; position: relative;}
.p_l_6 { padding-left: 6px; position: relative;}
.p_l_8 { padding-left: 8px; position: relative;}
.task_sec { margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; border-bottom: 1px solid #f9f9f9;}
.summary_main_sec { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; padding: 0px 0px 2px 0px; border-bottom: 1px solid #f5f5f5; }
.summary_main_sec1 { margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px; border-bottom: 0px solid #f0f0f0;}
.summary_main_referal { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border-bottom: 0px solid #f0f0f0;}
.summary_main { margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px; }
.summary_main:hover { margin: 0px 0px 0px 0px; padding: 0px 0px 2px 0px;  background:#f0f7ff;  cursor:pointer;}
.summary_sec { margin: 0px 0px 0px 0px; padding: 3px 8px 3px 0px; border-bottom: 0px solid #f5f5f5; position: relative; display: inline-block; width: 100%;}
.summary_sec:hover { border-bottom: 0px solid #f9f9f9; background:#ddecfe;  cursor:pointer;}
.summary_referal { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; border-bottom: 0px solid #f9f9f9; position: relative;}
.summary_contents { color: #ba104f  !important;   margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px;   text-align: left;  font-weight: 600 !important;
    width: 100%;    display: inline-block;  font-size: 12px !important;    letter-spacing: 0.06em; text-transform:  none;	font-family: 'Oxygen', sans-serif;  
}
.summary_contents_n {    color: #8a2dcb  !important;    margin: 0px 0px 0px 0px !important;	padding: 0px 0px 0px 0px;  text-align: left; font-weight: 600 !important;
    width: 100%;  display: inline-block;    font-size: 12px !important;  letter-spacing: 0.06em;  text-transform:  none;font-family: 'Oxygen', sans-serif;  
}
.ecounter_cont {  color: #545454  !important;    margin: 0px 0px 0px 0px !important;	padding: 0px 0px 0px 0px;    text-align: left;  font-weight: 400 !important;
    width: 100%; display: inline-block;    font-size: 12px !important; letter-spacing: 0.06em;    text-transform:  none; font-family: 'Oxygen', sans-serif;  
}
.summary_contents1 {   color: #000 !important;  margin: 0px 0px 0px 0px !important;  padding: 0px 0px 0px 0x;  text-align: left;  font-weight:600 !important;
  width: 100%;  display: inline-block;  font-size: 11px !important;  letter-spacing: 0.06em;  text-transform:  none;  
}
.summary_contents2 {   color: #ba104f !important;    margin: 0px 0px 0px 0px !important;    padding: 5px 0px 3px 0px;    text-align: left;    font-weight: 600 !important;
    width: 100%;    display: inline-block;    font-size: 14px !important;   letter-spacing: 0.06em;    text-transform: none;font-family: 'Oxygen', sans-serif;  
}
.encounter_main_sec {  margin: 0px 0px 0px 0px;  padding: 0px 0px 2px 0px;  border-bottom: 1px solid #f0f0f0;}
.encounter_main_sec:hover {   border-bottom: 0px solid #f9f9f9;  background:#ddecfe;  cursor:pointer;   padding: 0px 0px 2px 0px;} 
.encounter_active{   border-bottom: 0px solid #f9f9f9;  background:#ddecfe !important;  cursor:pointer;   padding: 0px 0px 2px 0px;} 
.ecounter_head{   color: #000 !important;  margin: 0px 0px 0px 0px !important;  padding: 0px 0px 2px 0px;  text-align: left;  font-weight:600 !important;
  width: 100%;  display: inline-block;  font-size: 14px !important;  letter-spacing: 0.06em;  text-transform:   none;   font-family: 'Oxygen', sans-serif;
  }
.encounter_view{ position:relative; width:100%;}
.encounter_close{ margin:3px 40px 0px 0px; line-height: 22px !important;}
.formreviewsystem_close{ margin:3px 60px 0px 0px; line-height: 22px !important;}
.formvitals_close{ line-height: 22px !important;}
.ecounter_head1{   color: #000 !important;      margin: 0px 0px 5px 0px !important;  padding: 4px 0px 4px 6px;  text-align: left;  font-weight:600 !important;  width: 100%;
  display: inline-block;  font-size: 12px !important;  letter-spacing: 0.06em;  text-transform:  uppercase;   background: #f9f9f9;  position:  relative;  z-index:499;
}
.ecounter_head2{  color: #ba104f !important;  margin: 0px 0px 0px 0px !important;    padding: 4px 25px 4px 6px;
    text-align: left;    font-weight: 600 !important;   display: inline-block;    font-size: 14px !important;
    letter-spacing: 0.06em;    text-transform: none;  background: #f9f9f9; 
    font-family: 'Oxygen', sans-serif;
	width:200px;
}
.problems_headings {    color: #000 !important;  margin: 0px 0px 0px 0px !important;
  padding: 10px 0px 0px 0px;  text-align: left;  font-weight:600 !important;
  width: 100%;  display: inline-block;  font-size: 11px !important;
  letter-spacing: 0.06em;  text-transform: uppercase;
}
.date_time {    color: #000 !important;  margin: 0px 0px 0px 0px !important;
  padding: 0px 0px 0px 0px;  text-align: left;
  font-weight:600 !important;  width: 100%;
  display: inline-block;  font-size: 11px !important;  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.problems_main_sec { margin: 0px 0px 0px 0px;  padding: 0px 0px 2px 0px; border-bottom: 1px solid #f0f0f0;}
.problemssec {  margin: 0px 0px 0px 15px; padding: 3px 0px 3px 10px; border-bottom: 0px solid #f9f9f9; position: relative;}
.problemssec:hover { margin: 0px 0px 0px 15px; padding: 3px 0px 3px 10px; border-bottom: 0px solid #f9f9f9; background:#f0f7ff;  cursor:pointer;}
/********************Section Side Bar Start*************************/
.sidebar {    width: 0px;  position: absolute; z-index: 1;  top: 0;  left: 0px;  background-color: #fff;
    overflow-x: hidden;  transition: 0.5s;  padding-top: 0px;  border-radius: 8px;  margin-left: 0px; z-index: 500; 
}
.sidebar a {  padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px;  text-decoration: none;  color: #818181;  display: block;  transition: 0.3s;}
.sidebar a:hover {  color: #f1f1f1;}
.sidebar .closebtn {    position: absolute;  color: #fff;top: 8px !important;  right: 9px;
    font-size: 21px;  line-height: 21px;  margin-left: 0px !important;
    z-index: 1000;	text-align:center;   border: 0px solid #f97c7c;
    font-weight: 500;   min-height: 20px;border-radius: 50%;	width:25px; height:25px; background: #FF6961 ;	
}
.openbtn {  cursor: pointer;  color: white;  padding: 0px;  border: none;}
.openbtn:hover {}
#main {  transition: margin-left 0.5s;}
@media screen and (max-height: 450px) {
  .sidebar { padding-top: 0px;  }
  .sidebar a { /*font-size: 18px;*/ }
}
/********************Section Side Bar End*************************/
.close_btns {position: absolute;  right: 10px;  font-size: 21px; 
  line-height: 22px;  margin-left: 0px !important;  z-index: 590; color: #fff !important;
  /*color: #f97c7c;*/  text-align:center; background: #FF6961 ;  border: 0px solid #f97c7c;
  font-weight: 500; min-height: 20px; border-radius: 50%;  width:25px; height:25px;
}
.widgerpreview_close{margin: -23px 0px 0px 0px;}
.sec_ecounter .close_btns {position: absolute;  right: 0px;   margin: 5px 0px 0px  0px !important;  z-index: 590;  }
.userdashcreate .close_btns  { margin: 7px 0px 0px 0px; right: 22px !important;} 
.invoice_btclose { right: 25px; margin: 10px 0px 0px 0px; }
.superbill_btclose { right: 25px; margin: 10px 0px 0px 0px; }
.video_control { padding:0px; margin:4px 3px 0px 3px; position:absolute; z-index:50; right:10px;}
.video_close { padding:0px; margin:0px 3px 0px 3px; cursor:pointer;}
.maximise { padding:0px; margin:0px 3px 0px 3px; cursor:pointer;}
.minimise { padding:0px; margin:0px 3px 0px 3px; cursor:pointer;}
.diarypatient_close {  margin: -35px 23px 0px 0px; z-index: 1500;  position: absolute; float: right;}
.container1 { padding-right: 15px; padding-left: 15px;  margin-right: auto;  margin-left: auto;  width: 75%;  margin-top: 0px;  position: relative;}
.container2 { padding-right: 15px; padding-left: 15px;  margin-right: auto;  margin-left: auto;  width: 800px;  margin-top: 0px;  position: relative;}
.container_mauel { padding: 0px 15px 0px 15px;   margin:0px auto 0px auto ;  width: 980px;   position: relative;  }
.invoiceformsec{  padding-right: 15px;  padding-left: 15px;  margin-right: auto;  margin-left: auto;  width: 950px !important;  margin-top: 0px;}
.invoiceformsec1{  padding-right: 15px;  padding-left: 15px;  margin-right: auto;  margin-left: auto;  width: 950px !important;  margin-top: 0px;}
.content_area_sec {     margin: 0px auto; width: 600px;}
.content_area_sec1 { margin: 0px auto; width: 100%; padding:0px 0px 0px 80px;}
.content_area_sec2 { margin: 0px auto; width: 80%;} 
.content_area_sec label {  color: #073578 !important;  font-weight: 600 !important;     margin-bottom: 3px;padding-top: 5px ;
    font-size: 12px; text-transform: none; font-family: 'Source Sans Pro', sans-serif;  
}
.content_area_sec1 label {   color: #073578 !important;  font-weight: 600 !important;   margin-bottom: 3px; padding: 5px 0px 0px 0px;
    font-size: 12px;   text-transform: none; font-family: 'Source Sans Pro', sans-serif;  
}
.content_area_sec2 label {  color: #073578 !important;  font-weight: 600 !important;  margin-bottom: 3px; padding: 5px 0px 0px 0px;
    font-size: 12px;  text-transform: none; font-family: 'Source Sans Pro', sans-serif;  
}
.newappoint_con{ font-size: 13px;
    font-weight: 600;
    color: #545454;
    padding: 5px 0px 3px 0px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
	}
.new_modals .content_area_sec label .content_area_sec2 label{ color: #073578 !important; font-weight: 500 !important;  margin-bottom: 3px; padding: 5px 0px 0px 0px; 
	font-size: 12px;  text-transform: none;    font-family: 'Source Sans Pro', sans-serif;  
}
.new_modals .content_area_sec label .content_area_sec2 label span {  color: #ff0000 !important;  }
.patients_new_sec { margin: 0px auto;  width: 90%;}
.patients_new_sec label { font-weight: 400 !important; color: #494c50 !important;}
.logo_imgsec { margin: 0px auto; width: 55%;}
.logo_imgsec img { width: 200px;}
.profile_label { width: 100%; font-size: 11px;  font-weight: 500;  text-align: left; color: #494c50; padding: 0px 0px px 0px; line-height: 15px;}
.summary_contacts {width: 100%;font-size: 13px;  font-weight: 600;  text-align: left;  color: #0074ff;padding: 5px 0px 8px 0px;}
.profile_contacts { width: 100%; font-size: 13px;  font-weight: 600;  text-align: left;  color: #0074ff; padding: 5px 0px 8px 0px;     
/*overflow: hidden; text-overflow: clip;  white-space: nowrap;*/}
.demographic_contacts { width: 100%;font-size: 13px;  font-weight: 600;  text-align: left;  color: #0074ff; padding: 5px 0px 8px 0px;}
.edit_con { float: right;  margin: 10px 0px 0px 0px;  padding: 0px;}
.edit_con a { color: #0096cd;   font-size: 15px;  font-weight: 600; text-align: right; margin: 0px;  padding: 0px;  }
.edit_con a:hover { color: #000;}
.edit_con1 { float: right; margin: -35px 15px 0px 0px;  padding: 0px; position: relative;  z-index: 45;}
.edit_con2 { float: right; margin: 0px 15px 0px 0px;  padding: 0px;  position: relative;}
.edit_con3 {float: right;margin: 0px; padding: 0px; position: absolute; right: 15px; z-index: 50;}
.edit_con3 a { float: right; margin: 0px 10px;}
.edit_con4 { float: right; margin: -26px 15px 0px 0px; padding: 0px; position: relative;}
.edit_con5{ float: right; margin: -35px 15px 0px 0px; padding: 0px; position: relative;}
.edit_con5 img{ width:30px;}
.edit_con_lead { float: right;   margin: 0px 15px 0px 0px;  padding: 0px; position: absolute; right: 15px; width:45px;}
.edit_con_lead a {margin: 0px 0px 10px 0px;
    background: #eeffee;
    padding: 2px 6px 2px 6px;
    border-radius: 4px;
    color: #18bc43;
    text-align: center;
    font-size: 11px;
    border: 1px solid #0bdb41;
    font-weight: 500;
    min-height: 20px; float:right;
}
.edit_con_lead a:hover {   	display: inline-block; }
.delete_lead { background: #ffefe7 !important;  
    color: #ff7575 !important; 
    border: 1px solid #ff7575 !important; 
}
.edit_popup {  float: right;  margin: 0px 0px 0px 0px; padding: 0px; position: relative;}
.edit_forms { float: right; margin: -3px 5px 0px 0px; padding: 0px; position: absolute; right: 0px;}
.edit_forms1 {float: right; margin: 0px 5px 7px 0px; padding: 0px; position: relative; right: 0px;}
.edit_images { float: right; margin: 14px 0px 0px 0px;  padding: 0px; position: relative;  z-index: 45;}
.form-group { clear: both;  display: inline-block; margin-bottom: 5px !important; width: 100%; position: relative;}
.profileedit-sec {  width: 100%;  padding: 0px;  margin: 0px 0px 0px 0px;  display: inline-block;  position: relative;  min-height: 30px;}
.demographic-sec { width: 100%; padding: 0px; margin: 0px 0px 0px 0px;  display: inline-block;  position: relative;  min-height: 40px;}
.profileedit_form {  position: absolute; width: 100%; margin: 0px 0px 0px 0px;}
.text_area {  height: 80px !important; resize: none;}
.text_area1 {  height: 150px !important; resize: none;}
.text_area2 {  height: 290px !important; resize: none;}
.text_area3 {  height: 400px !important; resize: none;}  
.mb_4 { margin-bottom: 4px !important;}
.mb_5 { margin-bottom: 10px !important;}
.form-control:focus {  color: #212529;  background-color: #fff;  outline: 0;  box-shadow: 0 0 3px rgba(13, 110, 253, 0.25);  border: 1px solid #00cfe4;}
.man_fields {  color: red;  position: absolute;  right: 8px;  z-index: 500;  top: 5px;}
.summary_con_p { padding: 0px 0px 0px 0px;}
.roles { color: #fff;  font-size: 10px; display: inline-block;  background: #38aff4;  border-radius: 4px; padding: 1px 5px 1px 5px;  text-align: center;}
.owner { color: #000;  font-size: 10px;  display: inline-block;  background: #dbffc0;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center;}
.clinician { color: #000;  font-size: 10px;  display: inline-block;  background: #c5efff;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center;}
.useradmin { color: #000;  font-size: 10px;  display: inline-block;  background: #fee6ac;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center;}
.inclinic {  color: #000;  font-size: 10px;  display: inline-block;  background: #dbffc0;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center;}
.videofron {  color: #000;  font-size: 10px;  display: inline-block;  background: #c5efff;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center;}
.page-item { float: left;}
.create_new { float: right; margin: 16px 0px 0px 0px;  position: fixed; right: 15px; font-size: 12px;  text-transform: uppercase;}
.create_new a { color:#000;}
.create_new_setting { float: right;  margin: 16px 42px 0px 0px; position: fixed; right: 15px; font-size: 12px; text-transform: uppercase;}
.create_new_inventory { float: right; margin: -43px 7px 0px 0px; position: fixed; right: 15px; font-size: 12px; text-transform: uppercase; z-index:600;}
.create_new_crm {  float: right;  margin: -33px 0px 0px 0px;  position: absolute; right: 5px;  font-size: 12px; text-transform: uppercase; z-index: 600;}
.create_new_dash{  float: right; margin: 0px 0px 0px 0px; position: relative; right: 0px; font-size: 12px; text-transform: uppercase;}
.create_new a { color:#000;}
.create_new1 { float: right; margin: -46px 0px 0px 0px; position: fixed; right: 15px; z-index: 500;	}
.create_shift { float: right; margin: -37px 0px 0px 0px; position: relative; right: 15px; z-index: 500;}
.create_new_branch1 {float: right;margin: 15px 0px 10px 0px; position: fixed; right: 15px; color: #000;}
.create_new_branch1 .btn { background: #f0f0f0; padding: 1px 12px 1px 12px;}
.create_waitinglist {  float: right;  margin: -44px 90px 0px 0px; position: fixed; right: 15px; font-size: 12px; text-transform: uppercase; z-index: 601;}
.create_new a { color:#000;}
.skip_dash { float: right; margin: 0px 0px 8px 11px; position: relative; right: 0px; color: #000;}
.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center { position: relative; height: 42px; float: right; padding: 5px 15px;}
.dropdown-menu[data-bs-popper] { top: 100%;  left: auto;  margin-top: var(--bs-dropdown-spacer); width: 265px;  right: 0px;}
.dropdown img {  position: relative;margin: -5px 0px 0px 0px; border-radius: 50%; width: 30px; height: 30px; border: 0px;}
.dropprofile {padding: 5px 10px 5px 10px;}
.dropdown .fa { color: #333; font-size: 15px;}
.dropdown-item {padding: 10px 15px; font-size: 12px; white-space:normal !important;}
.profile_bg {background: #4b4b4b; padding: 5px; background: #fff !important; border-radius: 8px; border: 1px solid #56a3ff;}
.profile_bg h4 { color: #2d2d2d; font-size: 14px;}
.profile_bg p { color: #2d2d2d; font-size: 11px;}
.clalaner_icon { float: right; position: relative; margin: -32px 5px 0px 0px; display: none;}
.branch { /*width: 200px;*/  margin: 0px 25px 0px 0px; padding: 0px;}
.branch img { border-radius: 8px;}
.contacts_con { width: 100%; font-size: 12px; font-weight: 500; text-align: left; color: #494c50; padding: 0px 0px 6px 0px;}
.contacts_con1 { width: 100%; font-size: 13px; font-weight: 600;  text-align: left; color: #0074ff; padding: 0px 0px 15px 0px;  display: inline-block;}
.section_box_admin_view .contacts_con1 { width: 100%;  font-size: 14px; font-weight: 600;
  text-align: left; color: #0074ff; padding: 0px 0px 0px 0px !important;  display: inline-block;
}
.section_box1_content_branch img { border-radius: 8px; border: 1px solid #f0f0f0;}
.upload_box { width: 71%; float: left;}
.upload_box input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0px; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}
.upload_box .btn-primary { text-align: center !important;}
.upload_box_form { border-radius: 4px 0px 0px 4px !important; height: 43px !important; padding: 9px 0px 9px 15px !important; background:#e1e2e2; }
.fileUpload { position: relative;  overflow: hidden;  margin: 0px; padding: 9px 0px 9px 0px !important;
  border-radius: 0px 4px 4px 0px !important;  background: #454545;    text-align: center; color: #fff;  border: 0px solid #00c0d1;  
}
.fileUpload input.upload { position: absolute; top: 0;  right: 0;  margin: 0;  padding: 0px;
  font-size: 20px;  cursor: pointer;  opacity: 0; filter: alpha(opacity=0);
}
.fileUpload1 {  position: relative;  overflow: hidden;  margin: 1px !important; padding: 1px 0px 7px 0px !important;
  background: #fff !important;  color: #00c0d1; text-align: center;  border: 0px solid #00c0d1 !important;    border-radius: 50% !important;
  width: 30px; height: 30px !important;  box-shadow: 0px 0px 0px #ccc !important;  line-height: 25px !important;
}
.fileUpload1 input.upload {  position: absolute; top: 0;  right: 0;  margin: 0;  padding: 0px;
  font-size: 15px !important;  cursor: pointer; opacity: 0;  filter: alpha(opacity=0);
}
.fileUpload1 .fa-pencil-square-o {  font-size: 15px !important; color: #23a6ea !important;}
.fileUpload_new {  position: relative;  overflow: hidden;  margin: 0px 0px 10px 0px; padding: 6px 0px 7px 0px !important;
  border-radius: 4px !important;  background: #f7f7f7;  color: #2d2d2d !important; text-align: center;  border: 0px solid #00c0d1;
}
.section_box1 .fileUpload {  position: relative;   overflow: hidden;   margin: 0px;  padding: 6px 0px 7px 0px;
    border-radius: 0px 4px 4px 0px; background: #454545;  text-align: center;    border-bottom: 1px solid #454545;
} 
.modal_img { width: 100%; display: inline-block; margin: 0px 0px 15px 0px; height: 208px;}
/*----------------------Login Start----------------------------*/
.login_m { width: 98%; margin: 0px auto; position: absolute; top: 32%; margin-top: -200px;}
.login_bg {background: url(../images/register_bg.jpg); background-position: center top; background-repeat: no-repeat; background-size: cover;}
.register_bg { background: url(../images/register_bg.jpg) #f6f5f9;
  background-position: center top; background-repeat: no-repeat; background-size: cover;
}
.login_logo {margin-bottom: 25px;}
.wrapper-page { margin: 7% auto; width: 750px;}
.wrapper-page .panel { background-color: #fff;  border: 0px solid transparent !important;
  border-radius: 6px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.5);
  margin-bottom: 20px; padding: 0px 0px 15px 0px;
}
.wrapper-page .panel-primary > .panel-heading { background-color: #2e87d9; border-color: #2e87d9; color: #fff;}
.panel-pages { border-radius: 6px;}
.panel-pages .panel-body { padding: 30px;}
.panel-pages .panel-heading { -moz-border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px;  border-radius: 6px 6px 0px 0px;
  padding: 7px 20px; position: relative;
  }
.panel-pages .panel-heading h3 { position: relative; z-index: 999;}
.user-thumb { margin-top: -44px; position: relative; z-index: 999;}
.user-thumb img { height: 88px; margin: 0px auto; width: 88px;}
.ex-page-content h1 { color: #252932;  font-size: 98px;  font-weight: 700;  line-height: 150px;
  text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px,
    rgba(61, 61, 61, 0.3) 3px 3px;
}
.form-control-login { height: 40px !important; color: #545454 !important;  border: 1px solid #ccc !important;}
.form-control-login a { color: #545454 !important;}
.login_buttons {width: 60% !important; height: 50px; font-size: 18px; text-transform: uppercase; background: #0c056d !important;  border-radius: 40px;
  color: #fff;  border: 0px solid #fff;
}
.login_buttons:hover { background: #0074ff !important;}
.forgot {font-size: 12px !important; text-align: center; padding: 0px 0px 15px 0px;}
.forgot a { font-size: 12px !important; color: #0074ff; font-weight: 600;}
.login_con_m { background: #fff none repeat scroll 0 0; box-shadow: 0 0 5px #ccc; padding: 15px;}
.login_con { font-size: 14px; color: #2d2d2d; padding: 0p; margin: 0px; text-align: center; line-height: 23px;}
.login_con1 { font-size: 14px;  color: #2d2d2d;  padding: 15px 0px 15px 0px;  margin: 0px;  text-align: center;  line-height: 23px;}
.happy_bro {  font-size: 30px;  color: #f22172;  padding: 0px;  margin: 0px;  text-align: center;}
/*----------------------Login End----------------------------*/
/*----------------------Register Start----------------------------*/
.registration_forms { width: 90%; margin: 5px auto; border-radius: 8px; padding: 35px 35px 0px 35px;
height: calc(100vh - 30px);
    overflow-x: hidden;     -webkit-overflow-scrolling: touch; scrollbar-width: none;
	}
.digimed_logo { padding: 220px 70px 70px 70px;}
.registration_forms .form-group { margin: 0px 0px 20px 0px !important;}
.registration_forms h1 { color: #646464 !important;  font-size: 32px;  margin: 0;  padding: 5px 0px 15px 0px;
  text-align: center;  text-transform: none;  font-weight: 600;
}
.registration_forms p { color: #646464 !important;  font-size: 15px;  margin: 0;  padding: 0px 0px 40px 0px;
  text-align: center;  text-transform: none;  font-weight: 400;
}
.registration__heading { color: #000; font-size: 25px; margin: 0; padding: 50px 0px 0px 0px; text-align: left;}
.registration_forms .select-wrapper {  margin-bottom: 10px;  display: inline-block;  border: 0px solid #d5d7da !important;
  background: url(../images/dropdown.png) #fff no-repeat right center;  cursor: pointer;  border-radius: 5px !important;  color: #2d2d2d !importants;  padding-left: 8px;
}
.registration_forms .select-wrapper,
.registration_forms .select-wrapper select { width: 100%; height: 48px; position: relative;}
.registration_forms .select-wrapper .holder { display: block;  margin: 17px 35px 0 5px;  white-space: nowrap;  overflow: hidden;
  cursor: pointer;  position: absolute;  font-weight: 400;  font-style: normal;
  color: #2d2d2d !important;  font-size: 14px;
}
.registration_forms .select-wrapper select {  margin: 0;  position: absolute;  z-index: 2;  cursor: pointer;  outline: none;
  opacity: 0;
  /* CSS hacks for older browsers */
  _nofocusline: expression(this.hideFocus=true);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
}
.registration_forms .form-control {  -moz-border-radius: 8px;  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);  -webkit-border-radius: 8px;  
  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
  background-color: #fff;  border-radius: 8px;  border: 0px solid #d5d7da !important; box-shadow: none;  color: #2d2d2d !important;
  font-size: 14px;  height: 48px !important;  padding-left: 18px !important;
}
.registration_forms label {  display: inline-block;  font-weight: 400 !important;  margin-bottom: 0px;  max-width: 100%;
  font-size: 14px;  font-weight: 600 !important;  color: #494c50;  padding: 0px 0px 5px 0px;
}
.registration_forms ::-webkit-input-placeholder { color: #000 !important;}
.registration_forms ::-moz-placeholder { color: #000 !important;}
.registration_forms :-ms-input-placeholder { color: #000 !important;}
.registration_forms :-moz-placeholder { color: #000 !important;}
.registration_forms .checkbox label { display: inline-block; padding-left: 5px; position: relative; font-size: 15px; color: #37425c !important;}
.registration_forms .btn {  margin: 15px 0px 0px 0px;}
span.field-icon { position: absolute;  display: inline-block;  cursor: pointer;  right: 20px;  top: 15px;  z-index: 500;}
 
.login_logo { width: 90%;  margin: 0px auto;  margin-top: 50px;  background: #fff; border-radius: 8px; padding: 140px 25px 170px 25px;  position:relative; min-height:550px;  }
 
.login_forms_sec { width: 90%; margin: 5px auto; border-radius: 8px;  padding: 35px 35px 0px 35px; /*background: #fff;   box-shadow: 0 0 6px #ccc;*/}
.login_forms_sec h1 {  color: #646464 !important;  font-size: 32px;  margin: 0;  padding: 25px 0px 40px 0px;
  text-align: center;  text-transform: uppercase;  font-weight: 600;  font-family: 'Oxygen', sans-serif;
}
.login_forms_sec h2 {  color: #646464 !important;  font-size: 32px;  margin: 0;  padding:100px 0px 40px 0px;
  text-align: center;  text-transform: uppercase;  font-weight: 600;  font-family: 'Oxygen', sans-serif;
}
.login_forms_sec h3 {  color: #646464 !important;  font-size: 32px;  margin: 0;  padding:110px 0px 40px 0px;
  text-align: center;  text-transform:  none;  font-weight: 600;  font-family: 'Oxygen', sans-serif;
}
.register_sucess_con {  color: #646464 !important;  font-size: 17px;  margin: 0;  padding: 0px 0px 25px 0px;
  text-align: center;  text-transform:  none;  font-weight: 500;  font-family: 'Oxygen', sans-serif;
}
.register_sucess_btn { width:105px; margin:0px auto;}
.login_forms_sec .form-control { -moz-border-radius: 8px;  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);  -webkit-border-radius: 8px;
  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);  
  background-color: #fff;  border-radius: 8px;  border: 0px solid #d5d7da !important;  box-shadow: none;  color: #2d2d2d !important;  
  font-size: 14px;  height: 48px !important;  padding-left: 18px !important;
  }
.login_forms_sec label { display: inline-block;  font-weight: 500 !important;  margin-bottom: 0px;  max-width: 100%;  font-size: 12px;
  font-weight: 600 !important;  color: #494c50;  padding: 6px 0px 10px 0px;   font-family: "Inter", sans-serif;
}
 
.forgot label { display: inline-block;  font-weight: 500 !important;  margin-bottom: 0px;  max-width: 100%;  font-size: 18px !important;  font-weight: 400 !important;
  color: #494c50;  padding: 6px 0px 10px 0px;   font-family: "Inter", sans-serif;
}
.login_forms_sec .form-group { margin: 0px 0px 10px 0px !important;}
.register_logo { width: 250px; margin: 50px 0px 0px 0px; margin-top: 30px;}
.row_login {  margin-right: -15px; margin-left: -15px;}
.pin_number { width: 16.66666667%;  position: relative;  min-height: 1px; padding-right: 15px; padding-left: 15px;  float: left;}
.pin_number .form-control { -moz-border-radius: 8px;  -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 8px;  -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
  background-color: #fff;  border-radius: 8px;  border: 0px solid #d5d7da !important;
  box-shadow: none;  color: #2d2d2d !important;  font-size: 20px;  height: 48px !important; padding-left: 0px !important; padding-right: 0px !important;  text-align: center;
}

/*****Register End***********/
::-webkit-input-placeholder {font-size:13px; color: #212529 !important;}
::-moz-placeholder {font-size:13px; color: #212529 !important;}
:-ms-input-placeholder {font-size:13px; color: #212529 !important;}
:-moz-placeholder {font-size:13px; color: #212529 !important;}
.searchpatient{ padding: 0px 0px 0px 0px;}
.searchpatient ::-webkit-input-placeholder { font-size:13px; color: #0074ff !important;}
.searchpatient ::-moz-placeholder {font-size:13px; color: #0074ff !important;}
.searchpatient :-ms-input-placeholder {font-size:13px; color: #0074ff !important;}
.searchpatient :-moz-placeholder {font-size:13px; color: #0074ff !important;}
.sig_but { color: #000;    margin-top: 0px; margin-bottom:15px;   border-radius: 44px;    background-color: #f9f9f9 !important;    border: 1px solid #0074ff !important; 
    font-size: 12px;  font-weight: 600;   padding: 8px 30px 8px 30px;  min-height: 27px;  text-transform: uppercase;  letter-spacing: 0.08em;  line-height: 16px;
}
.sig_but:hover { color: #fff;  background-color: #0074ff !important;  border: 1px solid #0074ff !important;}
.upload_photos img { margin: 0px; padding: 0px; width: 73px;}
.section_box_admin_view { width: 100%;  padding: 0px;  margin: 5px 0px 10px 0px;  display: inline-block;  border-bottom: 1px solid #f5f5f5;}
.userright_active {  background: #0c0;  width: 7px;  height: 7px;  border-radius: 50%;  float: left;  margin: 5px 5px 0px 0px;}
.userright_inactive {  background: #f00;  width: 7px;  height: 7px;  border-radius: 50%;  float: left;  margin: 5px 5px 0px 0px;}
.userright_content {  float: left;  margin: 0px 5px 8px 0px;  width: 19%;  font-size: 13px;}
.clinic_active { float: right; background-color: #0c0 !important;  color: #fff;  width: 85px;  display: block; height: 20px;  line-height: 20px;
  text-align: center; font-size: 13px;  border-radius: 30px;  margin: 37px 0px 0px 0px;
}
.clinic_inactive { float: right;  background-color: #ff0101 !important;  color: #fff; width: 85px; height: 20px;  display: block; 
  line-height: 20px; text-align: center; font-size: 13px;  border-radius: 30px;  margin: 37px 0px 0px 0px;
}
.clinic_success {  float: right;  background-color: #ff3d01 !important;  color: #fff;  width: 85px;  display: block;  height: 20px;  line-height: 20px;
  text-align: center;  font-size: 13px;  border-radius: 30px;  margin: 50px 0px 0px 0px;
}
.badge {  display: inline-block;  padding: 0px;  font-size: 12px;  font-weight: normal;  line-height: 18px;
  text-align: center;  white-space: nowrap;  vertical-align: baseline;  border-radius: 50%;  
  width: 18px;  height: 18px; text-align: center;  background: #fcc558; position: absolute;  color: #fff;  margin: -12px -7px 0px 0px;  top: 5px;  right: 9px;
}
.badge1 { display: inline-block;padding: 0px; font-size: 12px; font-weight: normal;  line-height: 18px;
  text-align: center;  white-space: nowrap;  vertical-align: baseline;  border-radius: 50%;  
  width: 18px;  height: 18px;   text-align: center;  background: #ff9292;  position: absolute;  color: #fff;  margin: -12px -7px 0px 0px;  top: 5px;  right: 9px;
}
.float_lt {  float: left;  width: 80px;  margin:0px 5px 0px 0px;}
.float_lt  .form-select {  display: block;  width: 50px;  padding: 0.375rem 0rem 0.375rem 0.3rem !important;
    -moz-padding-start: calc(0.75rem - 3px);  font-size: 14px;  font-weight: 400;  line-height: 1.2;  color: #212529;  height: 30px;
}
.float_min { margin: 6px 3px 4px 0px; float: left; width: 22px; font-size: 12px;}
.starttime{ float:left; width:70%;}
.breaketimes_btn { float: left; width:  auto;  margin: 180px 0px 0px 0px;  padding: 0px 0px 0px 50px;}
.breaketimes_btn a{   color: #0074ff;  margin: 0 ;  border-radius: 44px;   font-size: 12px ;  font-weight: 600;
    padding: 5px 12px 6px 12px;   text-transform:  none;  letter-spacing: 0.05em;  line-height: 16px;text-align:center;    width:100px;
	background-color: #f6f5f9 !important;   border: 1px solid #f6f5f9 !important;	 
}
.braketime_head{ font-size:14px; text-align:center; color:#000; cursor:pointer; font-weight:600;}
.task_top{background:#f6f5f9; width:100%; display:inline-block; position: relative;  margin: -15px 6px 0px 0px;	padding:15px 0px 0px 0px; z-index:400;	}
  
.task_content{ scrollbar-width: none; scrollbar-color: #333 ;}
.task_content::-webkit-scrollbar {width: 0px;  height: 0px;}
.task_content::-webkit-scrollbar-track { background-clip: content-box;  border: 2px solid transparent;}
.task_content::-webkit-scrollbar-thumb { background: none ; }
.task_content::-webkit-scrollbar-thumb:hover { background: none ; }
.task_content::-webkit-scrollbar-corner, .task_content::-webkit-scrollbar-track { background: none ; } 
/* The below styles are for display purposes only */ 
[class^=task_content] { height: 866px; overflow-y: scroll; overflow-x: hidden;}
[class^=task_content]  { padding: 0rem;  overflow-x: hidden;} 
.task_content{ width:100%; display:inline-block; position: relative;  margin: 0px 0px 0px 0px;    padding: 0px 0px 0px 0px;
	height: calc(100vh - 220px);overflow: auto; -webkit-overflow-scrolling: touch;	scrollbar-width: none;
}  

.task_names { float: left;  width: 30px; margin: 0px 6px 0px 0px;}
.task_names a {  width: 30px; height: 30px;    border-radius: 50%;    background: #fff;  border: 1px solid #84b9f8;
    font-size: 12px;  color: #2d2d2d;  text-align: center; line-height: 30px;  margin: 0px 0px 0px 0px; display:inline-block;
}
.task_names a:hover {  color: #33F; background:#f5f5f5;	border:1px solid #ccc;} 
.task_names .actives{  color: #fff; background:#0074ff;	border:1px solid #0074ff;} 
.task_days { margin:0px; padding:0px; float: right;}
.task_days ul { margin:0px; padding:0px;}
.task_days li{ margin:0px 3px; padding:0px;	float: right; } 
.task_days li a{ margin:0px; padding:5px 15px; 	color:#000;	 border-radius: 30px;font-size:10px;background:#f2f6fa;	border:1px solid #ccc;	text-transform:uppercase; 
}
.task_days li a:hover{ margin:0px; padding:5px 15px; color: #33F; border-radius: 30px; background:#f5f5f5; border:1px solid #ccc; }
.task_days .actives{ margin:0px; padding:5px 15px; 	color: #fff; border-radius: 30px; background:#0074ff; border:1px solid #0074ff; }
.task_status { margin:0px; padding:0px;}
.task_status ul { margin:0px; padding:0px;}
.task_status li{ margin:0px 3px; padding:0px; float: left; } 
.task_status li a{ margin-top: 0px; background: #fff;  padding:5px 10px 5px 5px;  border: 1px solid #e8e8e8;  border-radius: 30px;  line-height: 10px;
	color:#2d2d2d;font-size:11px;text-transform:uppercase;	display:inline-block; 
}
.task_status li a:hover{ margin:0px; padding:5px 10px 5px 5px; color: #33F;	border-radius: 30px; background:#f5f5f5; border:1px solid #ccc;}
.task_status .actives{ margin:0px; padding:5px 10px 5px 5px; color: #000; border-radius: 30px; background:#f0f0f0; border:1px solid #ccc;}
.task_cat { margin:0px; padding:0px;     float: right;}
.task_cat ul { margin:0px; padding:0px; }
.task_cat li{ margin:0px 3px; padding:0px; float: right; } 
.task_cat li a{ margin:0px; padding:5px 15px; color:#000; border-radius: 30px;	font-size:10px;	background:#fff;border:1px solid #ccc;	text-transform:uppercase;}
.task_cat li a:hover{ margin:0px; padding:5px 15px;  color: #33F; border-radius: 30px; background:#f5f5f5; border:1px solid #ccc; }
.task_cat .actives{ margin:0px; padding:5px 15px;  color: #fff; border-radius: 30px; background:#989898; border:1px solid #989898; }
.task_low { background: #00b203; width: 12px; height: 12px; float: left; margin: 0 5px 0 0; border-radius: 50%;}
.task_mwdium { background: #ffaf03; width: 12px; height: 12px; float: left; margin: 0 5px 0 0; border-radius: 50%;}
.task_high { background: #f80202; width: 12px; height: 12px; float: left; margin: 0 5px 0 0; border-radius: 50%;}
.task_sec_low {  background: #00b203;  width: 12px;  height: 12px;  float:  right;  margin: -25px 10px 0 0;  border-radius: 50%;position:relative;	}
.task_sec_mwdium { background: #ffaf03;  width: 12px;  height: 12px; float:  right;  margin: -25px 10px 0 0; border-radius: 50%;position:relative;}
.task_sec_high { background: #f80202;  width: 12px; height: 12px;  float:  right;  margin: -25px 10px 0 0;  border-radius: 50%;	position:relative;} 
.leave_satus_con { margin: 0px 15px 0px 0px; float: right;}
.task_sec {  background: #fff;  margin: 0px 0px 18px 0px;  padding: 0px 0px 0px 0px;  border: 0px solid #fff;  box-shadow: 0 0 0px #e5e5e5;
    border-radius: 8px; width: 100%;  display: inline-block;	min-height:150px;
}
.task_sec h1 { color: #545454 !important;  margin: 0px 0px 0px 0px !important;  padding: 10px 0px 10px 10px; text-align: left; font-weight: 700 !important;
    border-bottom: 1px solid #e8e8e8; width: 100%;  display: inline-block;  font-size: 12px !important;  letter-spacing: 0.06em; text-transform: uppercase;
}
.task_low_br { border-bottom: 0px solid #00b203;} 
.task_mwdium_br { border-bottom: 0px solid #ffaf03; }
.task_high_br { border-bottom: 0px solid #f80202;  }
.task_low_br_bt { background:#00b203; width:100%; height:5px; border-radius: 8px; margin:0px 0px 0px 0px;}
.task_mwdium_br_bt { background:#ffaf03; width:100%; height:5px; border-radius: 8px; margin:0px 0px 0px 0px;}
.task_high_br_bt { background:#f80202; width:100%;  height:5px;	border-radius: 8px;	margin:0px 0px 0px 0px;}
.task_cont_sec {font-size: 12px; color: #2d2d2d;  text-align:  left;  line-height: 23px;padding:10px 10px 0px 10px;	margin:0px;	height:140px;
	border-bottom:0px solid #e8e8e8;
}
.task_assign {font-size: 11px;  color: #2d2d2d; text-align:  left; line-height: 16px; padding: 0px 0px 5px 10px; margin:0px; } 
.task_assign span {font-size: 10px;} 
.task_cont_bottom { padding: 5px 0px 0px 0px;  margin: 0px; border-top: 1px solid #e8e8e8; position: relative; display: inline-block; width: 100%;} 
.ehr_detail_sec {background: #fff; margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; border-bottom: 1px solid #f5f5f5;  box-shadow: 0 0 0px #e5e5e5;
    border-radius: 8px;  width: 100%;  display: inline-block; 
} 
.dewdate { float:left; width: 148px; font-size: 12px;   color: #2d2d2d; text-align:  left;  line-height: 25px; padding:5px 0px 0px 10px;margin:0px; }
.viewicon { float: right; width: 47px;  font-size: 12px;  color: #2d2d2d; text-align: left; line-height: 25px;  padding: 0px 4px 0px 3px;  margin: 2px 0px 0px 0px;}
.progress_task { float: right;  font-size: 12px; color: #2d2d2d;  text-align: left;  line-height: 25px;  padding: 5px 0px 0px 0px; margin: 0px;}
.pro_new { color: #000; font-size: 10px;  background: #d2ffb0; border-radius: 4px; padding: 2px 5px 3px 5px; text-align: center;  line-height: 16px;  margin:0px 0px 0px 0px;}
.pro_inprogress {  color: #000; font-size: 10px;  background: #fee6ac; border-radius: 4px; padding: 2px 5px 3px 5px;
  text-align: center;  line-height: 16px; margin:0px 0px 0px 0px;
}
.pro_finish {  color: #000; font-size: 10px;  background: #ffa9a4; border-radius: 4px; padding: 2px 5px 3px 5px; text-align: center;line-height: 16px; margin:0px 0px 0px 0px;} 
.patient_names_m {   background: #fff;  margin: 0px 0px 8px 0px; padding: 10px 0px 10px 10px;  border: 1px solid #fff; box-shadow: 0 0 0px #e5e5e5;
    border-radius: 8px;  width: 100%;  display: inline-block;
}
.patient_names_m:hover { box-shadow: 0 0 5px #ee7fa9; } 
.patient_names_m img {width: 70px !important; height:70px !important;   }
/*.wrapper.toggled .patient_names_m img { width: 85px !important; height: 85px !important;} */ 
.patient_photo { width: 70px; float: left;}
.wrapper.toggled .patient_photo { width: 85px; float: left;} 
.patient_photo img { border-radius: 5px;  border: 0px solid #f22172; text-align: center;  margin-bottom: 0px;}
.patient_deta { width: 65%;  float: left;}
.patients_name { text-align: center; font-size: 13px; color: #2d2d2d; padding: 2px 0 0; font-weight: 700;}
.patient_names1 { text-align: center; font-size: 12px; color: #545454; padding: 2px 0 0;}
.patent_sta_red { background-color: #e10808; width: 10px;  height: 10px; border-radius: 50%; margin: 0 auto; margin-top: 9px;	}
.patent_sta_org {  background-color: #f99412; width: 10px; height: 10px; border-radius: 50%; margin: 0 auto;  margin-top: 9px;}
.patent_sta_gren { background-color: #25c400;  width: 10px;  height: 10px; border-radius: 50%; margin: 0 auto;  margin-top: 9px;}
.patent_sta_blue { background-color: #0082cc; width: 10px;  height: 10px; border-radius: 50%;  margin: 0 auto;  margin-top: 9px;}
.btn { padding: 4px 10px; margin-left: 10px;}
.save .btn-success { padding: 3px 14px;  }
.save_bt .btn-success { padding: 3px 20px; }
.working_time1 {width: 85%; float: left; margin: 0;	}
.add_buttons { float: left; position: relative; z-index: 40; margin-left: 5px;}
.register_back { float: left; margin: 15px 0px 10px 20px; position: absolute; left: 15px; color: #000;}
.register_back .btn { background: #fff;padding: 1px 12px 1px 12px;}
 
.collapse:not(.show) {display: block !important;}
.new_bt { color: #000; font-size: 11px;  background: #d2ffb0; border-radius: 4px;  
  padding: 1px 5px 1px 5px; text-align: center; line-height: 16px; margin:3px 0px 0px 0px; width:80px;
}
.inprogress_bt {  color: #000; font-size: 11px;  background: #c3f7ff; border-radius: 4px;
  padding: 1px 5px 1px 5px; text-align: center; line-height: 16px; margin:3px 0px 0px 0px; width:80px;
}
.finished_bt {  color: #000; font-size: 11px;  background: #ffd7df; border-radius: 4px;
  padding: 1px 5px 1px 5px; text-align: center;  line-height: 16px;  margin:3px 0px 0px 0px; width:80px;
}  
.low_bt { color: #000; font-size: 11px;  background: #cef7c9; border-radius: 4px;
  padding: 1px 5px 1px 5px; text-align: center; line-height: 16px; margin:3px 0px 0px 0px; width:80px;
}
.medium_bt {  color: #000; font-size: 11px; background: #ffe8b7; border-radius: 4px;
  padding: 1px 5px 1px 5px;text-align: center;  line-height: 16px; margin:3px 0px 0px 0px; width:80px;
}
.high_bt {  color: #000; font-size: 11px;  background: #ffd8d3; border-radius: 4px;
  padding: 1px 5px 1px 5px; text-align: center; line-height: 16px; margin:3px 0px 0px 0px; width:80px;
}  	
 .panel-body { padding: 15px 15px 8px 15px; width: 100%; display: inline-block;}
.orders_n {  font-size: 30px;  float: left;  width: 30%; color: #000; text-align: center;  font-weight: 700;
    background-color: #f7f7f7;  border-radius: 50%;  height: 55px;  width: 55px; padding: 5px 0 0;
}
.orders_n1 {  font-size: 12px; margin-left: 15px;  float: left;  width: 65%;  color: #2d2d2d;  font-weight: 400;  text-align: left; 
   text-transform: uppercase;  padding: 10px 0px 0px 0px;
}
.report_count{  font-size: 12px;  width:100%; color: #2d2d2d; font-weight: 400; text-align: center;  text-transform: uppercase; padding: 10px 0px 0px 0px;	}
.total_count{ font-size: 25px !important;  color: #646464;  font-weight: 600; text-align: center; padding: 0px 0px 0px 0px;  margin-top: 0;
    text-transform: uppercase; line-height: 21px;	width:100%;
} 
.wads_top { float: right; margin: 14px 0px 0px 0px; position: fixed; left: 30%;}
.wrapper.toggled .wads_top  { left: 20%;}
.ward_btn { background-color: #fff !important;  border-color: #4b4b4b !important; color: #4b4b4b !important;  line-height: 20px !important;
    min-height: 35px !important;  padding: 5px 20px !important;  font-size: 11px !important;
}
.ward_btn:hover {  background-color: #4b4b4b !important ;  border-color: #4b4b4b  !important;	color:#fff !important;	line-height:20px !important;
    min-height: 35px !important;  padding: 5px 20px !important;	font-size: 11px !important;
}
.ward_btn_active { background-color: #4b4b4b !important;  border-color: #4b4b4b !important;  color: #fff !important; line-height: 20px !important;  
    min-height: 35px !important; padding: 5px 20px !important; font-size: 11px !important;
}
.dairy_top_sec {border: 0px solid #e4e4e4; text-align: center;  vertical-align: middle; background-color: #dbdbdb; font-size: 14px;  font-weight: 600;
  padding: 12px 0px 12px 0px !important;  color: #2d2d2d;  width:89.1%; display: inline-block;  position: fixed; z-index: 500;
}
.wrapper.toggled .dairy_top_sec { width: 95%;} 
.dairy_l { margin: 0px 0px 0px 0px; padding: 0px; width: 55px; float: left; text-align: center; position:relative;}
.dairy_r { margin: 0px; padding: 0px; width: calc(100vw - 390px); float: left;} 
.dairy_r_con { border-left: 1px solid #ededed; width: 100%; /*display:inline-block; margin: -6px 0px 0px 0px; */}
.dairy_r_con1 { border-bottom: 1px solid #ededed; width: 100%; border-bottom: 1px solid #ccc;}
.dairy_dates_h { margin: 0px; padding: 6px 0px 0px 0px;  width: 14.28571429%; float: left; text-align: center; border-bottom: 2px solid #fff;}
.dairy_dates_h a { color: #383838;}	
.dairy_dates_h1 { margin: 0px;  padding: 10px 0px 10px 0px; text-align: center; border-bottom: 2px solid #fff;}
.dairy_dates_h1 a {color: #383838;}
.dairy_dates_h2 { margin: 0px; padding: 10px 0px 10px 0px; text-align: center; border-bottom: 2px solid #fff;}
.dairy_dates_h2 a {color: #27d61a ; }	
.treatments_clr{ margin:0px; padding:0px;} 
.treatments_clr ul{ margin:0px; padding:0px;} 
.treatments_clr li{ margin:0px; padding:0px; list-style:none;}
.treatments_clr li a{ float:left; width: 30px; height:30px; border-radius: 50%; margin:6px 20px 15px 0px; padding:0px;}
.treatments_clr li a:hover{ float:left;  border-radius: 50%;  margin:6px 20px 15px 0px; padding:0px;  box-shadow: 0px 0px 8px #2b5468; border: 2px solid #fff;}
.treatments_clr li .active{   margin:6px 20px 15px 0px; padding:0px; box-shadow: 0px 0px 8px #2b5468; border: 2px solid #fff;}

.select_treatment_clr0 { background:#cbefff!important;}
.select_treatment_clr1 { background:#ccff90!important}
.select_treatment_clr2 { background:#FFB5E8  !important}
.select_treatment_clr3 { background:#FF9CEE!important}
.select_treatment_clr4 { background:#B28DFF !important}
.select_treatment_clr5 { background:#C5A3FF!important}
.select_treatment_clr6 { background:#FFCCF9!important}
.select_treatment_clr7 { background:#B5B9FF!important}
.select_treatment_clr8 { background:#FFF5BA!important}
.select_treatment_clr9 { background:#FCC2FF!important}
.select_treatment_clr10 { background:#F6A6FF!important}
.select_treatment_clr11 { background:#ECD4FF !important}
.select_treatment_clr12 { background:#FBE4FF !important}
.select_treatment_clr13 { background:#97A2FF!important}
.select_treatment_clr14 { background:#FFC9DE!important}
.select_treatment_clr15 { background:#DCD3FF!important}
.select_treatment_clr16 { background:#A79AFF!important}
.select_treatment_clr17 { background:#AFF8DB !important}
.select_treatment_clr18 { background:#C4FAF8!important}
.select_treatment_clr19 { background:#ACE7FF!important}
.select_treatment_clr20 { background:#6EB5FF!important}
.select_treatment_clr21 { background:#FFFFD1!important}
.select_treatment_clr22 { background:#DBFFD6!important}
.select_treatment_clr23{ background:#F3FFE3 !important}
.select_treatment_clr24 { background:#E7FFAC !important}
 
.holiday_list { margin: 0px; padding: 0px 0px 0px 0px; background:#fff;  width: 100%; height: 30px;  text-align: right;  line-height: 22px;  border: 1px solid #d5d7da;
    border-top: 0px; font-size: 10px;  color: #b2b4b2; border-bottom: 1px dotted #e4e4e4;  border-right: 0px solid #e4e4e4;position: relative;	
}
.holiday_list a { margin: 0px;  padding: 0px 0px 0px 0px; width: 100%; height: 30px;  display: block;  font-size: 10px;  color: #000 !important;      
    text-align: left;  text-transform: none;  
}
.curent_time { position: absolute;  border-bottom: 1px solid #ff0000; top: 14.7%; z-index: 520;  width: 100%;}
.times_sec { width: 55px;  height: 23px;  border-radius: 4px;  border: 1px solid #ff0000;  background: #fff;  font-size: 11px; color: #ff0000;
    line-height: 23px;  text-align: center;  position: absolute;  margin: -10px 0px 0px 0px;
}
.weekly_list { margin: 0px;  padding: 0px 0px 0px 0px;  width: 100%;  text-align: right;
    height: 30px;   border: 1px solid #e4e4e4; border-top: 0px;  font-size: 10px; color: #b2b4b2;  border-bottom: 1px dotted #e4e4e4;  border-right: 0px solid #e4e4e4;
	
}
.weekly_list a { margin: 0px;  padding: 0px 0px 0px 0px;  width: 100%;  height: 30px;  color: #000 !important; display: block; text-align: left; text-transform: none;  }
.weeks_days { width: 10.4%; text-align: center !important;  background: #f5f5f5;  border-right: 0px solid #ccc;
    border-radius: 0px;  font-weight: 600;  font-size: 12px;  color: #2d2d2d; padding: 12px 0px 11px 0px;  position: fixed; z-index:999;  margin: -41px 0px 0px 0px;
}
.weeks_days1 { width: 10.5%;  text-align: center !important;  background: #fff; border-right: 1px solid #ccc;
    border-radius: 10px;	font-weight: 600;font-size: 12px; color: #2d2d2d;
}
.weekly_days {width: 10.5%; text-align:  left !important; background: #fff;  border: 0px !important}
.weekly_days_time{ font-size:12px; text-align: center !important; background: #fff; padding: 12px 0px 11px 0px;}
.week_dr_names{  margin: 0px; padding: 3px 0px 0px 5px;  color: #000;  border-radius: 5px;  font-size: 12px;   text-transform: none;
	line-height:20px;font-weight:500;text-overflow: clip; white-space: nowrap; overflow: hidden;width:100%; 
} 
.noroster { margin: -9px 0px 0px 0px;  position: absolute;  width: 100%;  text-align: center;  top: 50%;  font-size: 12px;  font-weight: 500;}
.week_dr_time{margin: 0px; padding: 3px 5px 0px 5px;  color: #545454;  border-radius: 5px;
     font-size: 10px;    text-transform: none; line-height:12px;	font-weight:600;height:100% 
}
.week_dr_time1 { position: absolute; margin: -0px 0px 0px 0px; padding: 0px 0px 0px 0px;  color: #545454; border-radius: 5px;
    font-size: 9px;  text-transform: none;  line-height: 12px;  font-weight: 600;   right: 1px;
}
.week_percent35{ width:35%; float:left;	overflow: hidden; text-overflow: clip; white-space: nowrap;}
.week_percent50{ width:50%; float:left;	overflow: hidden; text-overflow: clip; white-space: nowrap; }
.week_percent65{ width:65%; float:left; overflow: hidden; text-overflow: clip; white-space: nowrap;	 }
.week_percent100{ width:100%; overflow: hidden; text-overflow: clip; white-space: nowrap; }
.week_height30{height: 30px;}
.week_height60{height: 60px;}
.week_height90{height: 90px;}
.week_height120{height: 120px;}
.active_day {color: #27d61a !important; border-bottom: 2px solid #27d61a !important;}
.active_day a { color: #27d61a !important;  border-bottom: 2px solid #27d61a !important;}
.dairy_dates_m {margin: 0px; padding: 0px 0px 0px 0px; width: 14.28571429%; float: left;}
.dairy_dates_m a { position:relative;}
.dates_active { background: #f3ecf8;}
.dairy_dates { margin: 0px; padding: 0px 20px 0px 15px;  width: 100%;  text-align: right; height: 30px;  line-height: 30px;  
    border: 1px solid #e4e4e4;  border-top: 0px;  font-size: 10px;  color: #b2b4b2;  border-bottom: 1px dotted #e4e4e4;  border-right: 0px solid #d0d2d0;
}
.dairy_dates_gry { background: #ffe9f1 !important;}
.dates_br4 {border-top: 1px solid #cfcfcf !important;}
.booking_br {border-top: 1px solid #cfcfcf !important;}
.dairy_dates:hover { margin: 0px; background: #eedafd; border-radius: 5px;}
.dairy_time {margin: 0px; padding: 0px; text-align: center; height: 30px; line-height:30px; border-top: 0px; border-bottom: 1px dotted #e4e4e4;}
.dairy_time_m {font-size: 11px; color: #000; border-top: 1px dotted #c3c3c3;}
.dairy_time_s { font-size: 11px; color: #999;}
.dairy_headl { font-size: 25px; font-weight: normal; text-align: center; color: #000;}
.dairy_date_sec {  margin: 0px 0px 0px 0px;  background: #f0f0f0;  box-shadow: 0px 0px 0px #ccc; display: inline-block;  padding: 3px 0px 3px 0px;
    z-index: 500;width:100%; float:left; height: 50px;
}
.wrapper.toggled .dairy_date_sec  { width:100%; float:left;}
.dairy_sec { margin: 0px 0px 0px 0px; background: #fff; display: inline-block; width: 100%; padding: 4px 0px 0px 0px; position:relative;}
.dairy_sec1 { margin: 116px 0px 0px 0px; background: #fff; display: inline-block; width: 100%;}
.weekly_sec { margin: 4px 0px 0px 0px;  background: #fff; display: inline-block; width: 100%;  padding: 0px 0px 0px 0px;
    height: calc(100vh - 120px);  overflow-x: hidden;  -webkit-overflow-scrolling: touch;
}
.dates_m { text-align: center; font-size: 11px; text-transform: uppercase; line-height: 15px; font-weight: bold;} 
.dates_m_day { text-align: center; font-size: 22px; line-height: 28px;}
.dates_m1 { text-align: center; font-size: 11px; text-transform: uppercase; line-height: 15px; font-weight: bold; color: #27d61a;} 
.dates_m_day1 { text-align: center; font-size: 22px; line-height: 28px; color: #27d61a;}
.list_names_l { text-align: center;  color: #fff; line-height: 18px;  padding: 15px 15px 0px 15px; text-transform: uppercase;
    font-weight: bold;  position: absolute;  float: left;  margin: -15px 0px 0px 1.5%;
}
.list_names_l a {color: #545454;}
.list_names_l .fa-angle-left {font-size: 36px !important;}
.list_names_r { text-align: center; font-size: 12px;  color: #fff;
    line-height: 18px;  padding: 15px 0px 0px 15px; margin: -15px 0px 0px 0px;  text-transform: uppercase;
    font-weight: bold;  position: absolute; float: right;right:5px;    
}
.list_names_r a { color: #545454;}
.list_names_r .fa-angle-right {font-size: 36px !important;}	
.weeksday_arrow_l{ text-align: center; color: #fff;  line-height: 18px; padding: 15px 15px 0px 15px; margin: -12px 0px 0px -34px;
    text-transform: uppercase;  font-weight: bold; position:  fixed; float: left;  z-index: 50;
}
.weeksday_arrow_l a { color: #545454;}
.weeksday_arrow_l .fa-angle-left {font-size: 32px !important; }
.weeksday_arrow_r {text-align: center; font-size: 12px;  color: #fff;  line-height: 18px;  padding: 15px 0px 0px 15px; margin: -12px 0px 0px 0px;
    text-transform: uppercase; font-weight: bold;  position: fixed;  float: right;  right: 20px; z-index: 70;
}
.weeksday_arrow_r a { color: #545454; }
.weeksday_arrow_r .fa-angle-right {font-size: 32px !important; }		
.pre_day {   text-align: center; font-size: 10px;  color: #fff; line-height: 18px;  float: right; padding: 0px 15px 0px 15px; text-transform: uppercase;}
.pre_day a { color: #000; }
.next_day { text-align: center; font-size: 12px; color: #fff; line-height: 18px; padding: 10px 4px 0px 4px; text-transform: uppercase; font-weight: bold;}
.next_day a { color: #0f71f7; }	
.dates_close { position: absolute; right: 3px; margin: 0px 3px 3px 3px;} 
.print{ float:right; width:50px; position: relative; float: right; margin: -40px 0px 0px 0px; right: 0px;}
.staff_roster_week { position: relative; float: right; margin: -38px 75px 0px 0px; width: 350px;  right: 0px;}
.staff_roster_week1 { position: relative; float: right; margin: -38px 15px 0px 0px; width: 501px;  right: 0px;}
.staff_rosters_name { width:200px; padding: 1px 1px 1px 10px !important;}
.roster_arrow { float: left; width: 35px;  height: 30px; border: 0px solid #d4d9e2 !important;
	border-radius: 5px;	line-height:23px; text-align:center; margin: 3px 5px;
}
.roster_cldr { float: left; width: 90px; margin-top: 0px; height: 40px; border-radius: 5px;}
.staff_roster_day{ font-size:13px; font-weight:600; line-height:32px; text-align:center;} 
 .staff_roster_head{ font-size: 11px; font-weight: 600; line-height: 20px;
    text-align: left; color: #6ca7ed; text-transform: uppercase;
    letter-spacing: 0.08em;  padding: 3px 0px 3px 0px;
}
.section_box1 .select-calander1 { width: 100%;    -moz-border-radius: 5px;
    -moz-box-shadow: inset 0 0px 0px rgba(0,0,0,.1);    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
    background:/* url(../images/calander.png)*/ #fff;
	background-position: 10px 5px;	background-repeat:no-repeat;
    border-radius: 5px;    border: 1px solid #d5d7da !important;
    box-shadow: none;  color: #2d2d2d!important;
    font-size: 14px; height: 30px !important;
	padding:0px 0px 0px 0px;	
}
.section_box1 .select-calander1:hover {background: /*url(../images/calander.png)*/ #fff;background-position: 10px 5px;
	background-repeat:no-repeat;border-color: #239fdb;
    }
	
/*************Div Table Start************/
.main_head{background: #f5f5f5; width: 100%;  padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-radius: 0px; box-shadow: 0px #ccc;    
    border-bottom: 1px solid #f0f0f0;   
	}	
.main_section{ background: #fff; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-radius: 0px; box-shadow: 0px 0px 0px #ccc;    
    border-bottom: 1px solid #f0f0f0;
} 
.resp-table {width: 100%; display: table;}
.resp-table-caption{display: table-caption;	text-align: center;	font-size: 30px;font-weight: bold;}
.resp-table-header{	display: table-header-group;  font-weight: 600; font-size: 12px; color: #2d2d2d;}
.table-header-cell{display: table-cell; padding: 10px 0px 10px 0px;	text-align: center;	border-bottom: 1px solclass black;}
.resp-table-body{display: table-row-group; }
.resp-table-row{display: table-row;}
.table-body-cell{	display: table-cell;
    padding: 0px 0px 0px 0px; vertical-align: middle;
	position: relative;	border-right: 1px solid #f0f0f0;
} 
/*************Div Table End************/

.sheduler_week{ width:170px; text-align: center !important;  height: 39px;}
.sheduler_name{ width:170px; text-align: left !important;     height: 39px; /*background: #cce9f7;*/ padding-left: 3px !important;}
.sheduler_days{width: 10.5%; text-align: center !important; text-align: center !important; font-weight: bold !important; color: #2d2d2d !important; font-size:12px !important;}
.sheduler_time_days{ width: 3.5%; text-align: center !important;} 
.shedules { margin:0!important; padding:0!important}
.shedules a { width:100%!important; display:inline-block;  text-decoration:none;}   
.sheduler_time { color:#545454!important; text-align:center!important; font-size: 12px; }
.sheduler_time0 { background-color: #fff; border-radius: 0px; color: #000!important; font-weight: 500; padding: 2px 0px 3px 0px;}
.sheduler_time_active {background-color:#62b418 !important; border-radius:0px; color:#fff!important}
.sheduler_time1 { background-color:#ffedf5; border-radius:0px;  color:#000!important; font-weight:500; padding: 2px 0px 3px 0px;} 
.sheduler_time2 { background-color:#e4ffcc; border-radius:0px;  color:#000!important; font-weight:500;  padding: 2px 0px 3px 0px;}
.sheduler_time3 {background-color:#ffefe4; border-radius:0px; color:#000!important; font-weight:500; padding: 2px 0px 3px 0px;}
.sheduler_time0:hover { background-color:#cce9f7; border-radius:0px; color:#000!important}
.sheduler_time1:hover { background-color:#ef3281; border-radius:0px; color:#fff!important}
.sheduler_time2:hover { background-color:#62b418; border-radius:0px; color:#fff!important}
.sheduler_time3:hover { background-color:#f18231; border-radius:0px; color:#fff!important}
.sheduler_time_total { background:#f7f7f7 !important; border-radius:3px; color:#000!important; font-weight:600; text-align:right !important;}
.sheduler_time_slots {  background-color: #fff; border-radius: 0px;  color: #000!important; font-weight: 500;  padding: 2px 0px 2px 0px;
	height:35px;line-height:32px;
}
.sheduler_time_slots:hover { background: url(../images/plus.png) #fff; border-radius:0px; color:#fff!important}
.sheduler_week_total{ width:170px;background-color: #f9f9f9 !important;  text-align: center !important;  font-weight: bold !important;
    color: #0074ff !important;  font-size: 12px !important;    padding: 10px 0px 10px 0px !important;
}
.sheduler_week_total1{ width: 10.5%;  background-color: #f9f9f9 !important;    text-align: center !important;
    font-weight: bold !important;  color: #0074ff !important;  font-size: 12px !important;  padding: 10px 0px 10px 0px !important;
	}
.sheduler_time_total{ width:170px;	background-color: #f9f9f9 !important;  text-align: center !important;   font-weight: bold !important;
    color: #2d2d2d !important;  font-size: 12px !important;  padding: 10px 0px 10px 0px !important;
}
.sheduler_time_total1{ width: 3.5%;  background-color: #f9f9f9 !important;  text-align: center !important;  font-weight: bold !important;  color: #2d2d2d !important;
    font-size: 12px !important;  padding: 10px 0px 10px 0px !important;
	}
.shift-item { display: flex;  flex-wrap: nowrap;  height: 39px;  margin: 4px 4px 0 !important;  position: relative;}
.day-view-shift-holder {  left: 0;  padding-top: 0;  position: absolute;  top: 0;  width: 100%;  z-index:500;}
.sheduled_time{position:absolute;    z-index: 500; background: #d5f7df; width: 409%;  height: 41px;  text-align:left;
    padding:0px 0px 0px 5px;  color:#000; top: 0px;    	}
.sheduled_times { float: left;  width: 60%; font-size: 12px;  height: 41px; line-height: 40px;} 
.sheduled_eidt{ float:right; margin:0px; width:25px} 
.sheduled_eidt a{ background: rgba(0, 0, 0, 0.2); color:#fff; margin:0px; padding: 10px 0px 0px 3px; height: 41px; line-height: 35px;	} 
.sheduled_eidt a:hover{  background: rgba(0, 0, 0, 0.5); color:#fff; margin:0px; padding:0px;	} 	
.roster_img_sec { float: left; width:25px; margin: 0px 7px 0px 0px;  padding: 3px 0px 0px 0px; }
.roster_img_sec img { width:25px; height:25px;  margin: 0 8px 0px 0; border-radius: 50%;}
.roster_name_sec{ float: left; width:70%;  margin: 0px 5px 0px 0px; padding: 3px 0px 0px 0px;}
.roster_name{  font-size:12px; text-align:left; color:#000; font-weight:600;}
.roster_name1{  font-size:12px; text-align:left; color:#000; font-weight:600; padding:3px 0px 0px 0px;}
.roster_depart { font-size:10px; text-align:left; position:relative; margin: -2px 0px 0px 0px; padding: 0px; }
.roster_days { font-size: 8px; text-align: center; border-top: 1px solid #e8e8e8; margin: 1px 0px 0px 0px; padding: 3px 0px 0px 0px; text-transform: uppercase;}
.open_sheet1 { background-color: #ebffe7 !important; text-align: left !important; padding: 5px 1px 5px 10px !important; height: 39px; width: 170px;}
.open_sheet2 { background-color: #ebffe7 !important; text-align: left !important; padding: 5px 1px 5px 1px !important;
    height: 35px; position: relative; width: 10.5%; text-align: center !important;
}
.open_sheet {  background-color: #ebffe7 !important; text-align: left !important;
    padding: 5px 1px 5px 1px !important;  height: 35px; position: relative; width: 3.5%; text-align: center !important;
}
.shift_bt { background-color: #f7f7f7 !important;  padding: 9px 15px; color: #2d2d2d; float: left; margin: 5px 5px 0px 0px;  border-radius: 6px;font-size: 12px;}
.pop_date { text-align: center; font-size: 21px;  color: #666; line-height: 18px;  padding: 10px 0px 0px 0px;  text-transform: uppercase; font-weight: 500;}
.pop_time_head {  text-align: center;  font-size:14px;  color: #666; line-height: 18px;  padding:12px 0px 12px 0px;  text-transform: uppercase; font-weight: 500;}
.pop_time { text-align: center;  font-size: 16px;  color: #666;line-height: 18px; padding: 10px 0px 10px 0px;  text-transform: uppercase;
    font-weight: 600;  background: #f5f8fa; border-radius: 3px !important;  border: 0px !important;
}
.slot_div { width:23%; float:left;	margin:0px 10px 20px 0px;} 
.slot_div_n { width:23%; margin:15px auto 0px auto;} 
.slot_div1 { width: 46%; float: left; margin: 0px 10px 20px 0px;}
.allocated_slot { text-align: center; font-size: 14px; color: #666; line-height: 18px; padding: 7px 10px 7px 10px;	margin:0px 0px 5px 0px;  text-transform: uppercase;
    font-weight: 500; background: #f5f8fa;  border-radius: 3px !important;  border: 0px !important; 
}
.timeline_hrs_clr1 { background:#ffdf24; }
.timeline_hrs_clr2 { background:#69dcff; }
.timeline_hrs_clr3 { background:#ffb8d8; }
.timeline_hrs_clr4 { background:#d0e17d; }
.timeline_hrs_clr5{ background:#f2f2f2; }
.time_w1{ width:10%}
.time_w2{ width:20%}
.time_w3{ width:30%}
.time_w4{ width:40%}
.time_w5{ width:50%}
.time_w6{ width:60%}
.time_w7{ width:70%}
.time_w8{ width:80%}
.time_w9{ width:90%}
.time_w10{ width:100%}

.months { margin:0px; padding:0px; width:100%; display:inline-block;}
.months ul { margin:0px; padding:0px;}
.months li { margin:0px; padding:0px 5px 0px 5px; width: 8.33333333%; float:left;} 
.months li a {  background: #fff;   border: 1px solid #e8e8e8;  border-radius: 30px;  line-height: 23px;flex: 0 0 auto; 
	text-align:center;	font-size:12px;	font-weight:600; display:inline-block;	 width:100%; color:#0074ff;
}
.months li a:hover {color:#000;  border: 1px solid #f5f5f5;  background: #f5f5f5;  }
.months li .active{ color:#fff;  border: 1px solid #0074ff; background: #0074ff;  }
.months_row { width: 100%; display: flex;  margin: 0px 0px 2px 0px;}
.months_left { float: left;  width: 175px;   background: #fff;   padding: 0;   margin: 0px 3px 0px 0px; font-size: 14px;  color: #000;  border: 1px solid #ccc;}
.months_right { float: left;  flex: 0 0 auto;  width: 87%; --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0; display: flex; flex-wrap: wrap; height: 35px;
}
.months_days_main{ width:3.33%;  }
.months_days{  height: 42px;border: 1px solid #ccc;   padding: 3px;	text-align:center; font-size:12px;}
.months_left_se {  margin: 0px;  padding: 3px;  text-align: center;  height:42px; border-top: 0px; border-bottom: 1px dotted #e4e4e4;width:100%; display: inline-block;}
.months_clr1 { background:#69dcff; width:100%; height:100%; }
.monthtable{ margin:0px; padding:0px;}

.monthtable .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 7px 5px 7px 5px;    line-height: 1.42857143;   vertical-align: top;    border: 1px solid #ccc !important;
    vertical-align: middle !important;     font-size: 13px;  /* border-bottom: 1px solid #f0f0f0 !important; */
}
.monthtable .table th { background: #f0f7ff;  padding: 10px 5px 10px 5px !important;  text-align:  center;    color: #000 !important;
    font-size: 10px !important;  text-transform: uppercase;  letter-spacing: 0.08em;  font-weight: 600;	border: 1px solid #ddd !important;
}
.monthtable .table td {   padding: 3px 5px 3px 5px !important;  text-align:  center; color: #000 !important;  text-transform:  none;   font-weight: normal;
	position:relative !important; 
}
.monthtable .table-hover>tbody>tr:hover>* { background:#fff;  --bs-table-accent-bg: #fff !important;   }
.month_clr1 { background-color: #0074ff; border-radius: 0px;  padding: 0px 0px 0px 0px; display: inline-block; width:100%; /* height:100%; */ min-height: 25px;}
.month_clr2 { background: repeating-linear-gradient(45deg, #0074ff, #0074ff 3px, #ffffff 3px, #ffffff 10px);width:100%;  min-height: 25px;}
.month_clr3 {background-color: #e0e0e0; border-radius: 0px;  padding: 0px 0px 0px 0px; display: inline-block; width:100%; /* height:100%; */ min-height: 25px;}

.name-col {  background-color: #f0f0f0; font-weight: bold;  width: 170px;    }
.worker_time_cl { background-color: #ffedf5;   border-radius: 0px; color: #000!important; font-weight: 500;  padding: 8px 0px 8px 0px;
	display: inline-block; width:100%;  height:100%;
}
.worker_time_cl:hover { background-color:#ef3281; border-radius:0px; color:#fff!important}
.worker_time_cl1 { background-color:#e4ffcc; border-radius:0px;  color:#000!important; font-weight:500;
  padding: 8px 0px 8px 0px;  display: inline-block; width:100%; height:100%;
}
.worker_time_cl1:hover { background-color:#62b418; border-radius:3px; color:#fff!important}
.worker_time_cl2 { background-color:#ffefe4; border-radius:0px; color:#000!important; font-weight:500; padding: 8px 0px 8px 0px;
 display: inline-block;	  width:100%;  height:100%;
}
.worker_time_cl2:hover {background-color:#f18231; border-radius:0px; color:#fff!important} 
.pop_heading { text-align: left; font-size: 12px;  color: #666;  line-height: 18px;  padding: 10px 0px 10px 0px;  text-transform: uppercase; font-weight: normal;}
.pop_heading1 {text-align: left; font-size: 17px; color: #666; line-height: 18px;  padding: 10px 0px 10px 0px;  text-transform: uppercase; font-weight: bold;}
.pop_name { text-align: left; font-size: 14px; color: #666; line-height: 18px;  padding: 10px 10px 10px 10px;margin:0px 0px 10px 0px;  
    text-transform: none;  font-weight: normal;    background: #f5f8fa; border-radius: 3px !important;
}
.pop-sec { border-left: 1px solid #e5e5e5 ; padding: 50px 35px 35px 35px !important;}
.pop-sec_l { padding-right: 25px !important; padding-left: 35px !important; padding-bottom:35px;}
.appointment_name {margin:0px; padding:0px; list-style:none; width:100%;}
.appointment_name ul {margin:0px; padding:0px; list-style:none     }
.appointment_name li { margin:0px; padding:0px; list-style:none}
.appointment_name li a {text-align: left; font-size: 14px; color: #666; line-height: 18px;  padding: 10px 10px 10px 10px; margin:0px 0px 10px 0px;
    text-transform: none; font-weight: normal;  background: #f5f8fa;  border-radius: 3px !important;width:100%; display:inline-block;
}
.appointment_name li a:hover { background: #f0f0f0; }
.appointment_name .active{ background: #f0f0f0; }
.form-white { text-align: center !important;  height: 30px !important;}
.employe_service { margin: 0px; padding: 0px;}
.employe_service .modal-header { min-height: 16.43px;  padding: 15px; border-bottom: 0px solid #e5e5e5 !important; text-align: center !important;}
.employe_service .modal-title {margin: 0; line-height: 1.42857143; }
.emp_services { width:90%; display: inline-block;}
.emp_services ul {margin: 0px; padding: 0px;}
.emp_services ul li { margin: 0px; padding: 0px; list-style: none;	position: relative;  }
.emp_services ul li a {	margin: 1px 0px 0px 0px;width: 100%;	display: inline-block;	padding: 10px 0px 10px 25px;border-left: 2px solid #fff; border-right: 2px solid #fff;
	color: #7517cd;	background: #f2f9f7;
}	
.emp_services ul li a:hover {background: #e6f8f3;	text-decoration: none; } 
.emp_services .active {margin: 0px 0px 0px 0px; padding: 0px;background: #e6f8f3;width: 100%; display: inline-block;
	padding: 10px 0px 10px 25px;color: #fff;border-left: 2px solid #f70ee9;	border-right: 2px solid #f70ee9;
}
.emp_services_con {font-size: 18px;  font-weight: 500;  color: #48465b;  text-align: left;  padding: 0px 0px 0px 0px;}
.emp_services_time { font-size: 12px; font-weight: 500; color: #48465b;  text-align: left;  padding: 0px 0px 0px 0px;}
.employe_service {margin: 0px; padding: 0px;}
.employe_name {margin: 0px; padding: 0px;}
.employe_name label { display: inline-block; font-weight: normal !important; margin-bottom: 3px; max-width: 100%; font-size: 17px;}
.edit_icon{float: right; margin: 0px 0px 0px 0px; padding: 17px 0px 25px 27px; position: absolute; right: -50px;  border-left: 0px solid #0074ff;} 
.edit_icon a { color:#0096cd; text-align:right; margin:15px 0px 0px 0px !important; padding:0px !important; font-weight:600; font-size:15px; background:none !important;
border:0px !important;
    }
.edit_icon a:hover { color:#000;}
.radio_bt {float: left; width: 14%;}
.form-check-label { padding: 0px !important;     font-size: 12px; color: #545454 !important; width: 100%; font-weight: 500 !important;}
.add_times {    float: right; margin: -28px 0px 0px 0px; position: relative;}
#surgerylist, #surgerysec {   text-align: left ;}
#surgerylist {   display: none;}
#surgerylist_adv, #surgerysec_adv {   text-align: left ; } 
#surgerylist_adv {   display: none;}
.add_medics_more {    font-size: 10px !important; text-transform: uppercase; text-align: right !important;
    font-weight: 600; color: #818181 !important; width: 100%; display: inline-block;
}
.add_medics { display: none;}
.esign_add { font-size:12px !important; text-transform: none;  text-align:   left ;  color: #818181; width:	100%; display:inline-block} 
.esign_sec { display: none;} 
.advanced{ margin:0px ; padding:0px 0px 10px 0px; text-align:right;}
.advanced a{ margin:0px ; padding:0px; color: #0074ff ; font-size:12px;}
.advanced a:hover{ margin:0px ; padding:0px; color: #000; }
#advancesurgey, #advancesurgeysec { margin:0px;   }
#advancesurgey {   display: none;}
#notexamine, #notexamine_btn { position: relative;}
#notexamine { display: none;}
.addnotes, .addnotes1 { position: relative;}
.addnotes-sec, .addnotes-sec1 {display: none;}
.date_calnder {margin: 0 0 20px; padding: 0;}
.date_calnder th {    border: 1px solid #e4e4e4; color: #2d2d2d; text-align: center; vertical-align: middle; padding: 10px 0;
    width: 12.8%;  background-color: #f9f9f9; font-size: 11px;
}
.date_calnder .table { border:1px solid #e4e4e4; }
.date_calnder td {    border: 0px solid #e4e4e4; color: #000; text-align: center; padding: 0; height: 66px;line-height: 40px; font-weight:bold;}
.date_calnder td a { color: #000; }
.rooster_calnder td {border: 1px solid #e4e4e4 !important;  color: #000;  text-align: center; padding: 0;  background-color: #fff;
    height: 55px; line-height: 40px; font-weight: bold; font-size: 12px !important;
}
.btn-primary { width:100%;  color: #fff; background-color: #4b4b4b !important;  border-color: #4b4b4b !important;}
.external-event { padding: 10px 0px 10px 0px; text-align: center; color: #fff; margin: 10px 0px 0px 0px;}
.bg-success { background-color:#f69600!important}
.bg-info { background-color:#f41373!important}
.bg-warning { background-color:#ffd740!important}
.bg-danger { background-color:#75b936!important}
.bg-muted { background-color:#d0d0d0!important}
.bg-inverse { background-color:#212121!important}
.bg-purple { background-color:#f41373!important}
.bg-pink { background-color:#ec407a!important}
.bg-white { background-color:#fff!important}
.sunday { width:20px; height:20px; background:#ccff90 ; padding:0px; margin:0px; float: left; border-radius:50%; }
.spacialholiday {width:20px; height:20px; background:#ffebd2 ; padding:0px; margin:0px; float: left; border-radius: 50%;}
.publicholiday {width:20px; height:20px; background:#ffdba7 ; padding:0px; margin:0px ; float: left; border-radius: 50%;}
.holiday_contents { font-size:14px;  text-align:  left; color: #000; margin: 10px 0px 0px 0px; padding:0px; margin:0px 0px 0px 7px;float: left;}
.holidays_btn {background: #fff; width: auto; padding: 4px;margin: 3px 6px 0px 0px; font-size: 12px; color: #0074ff; font-weight: 600 !important;  height: 30px;    
    border-radius: 5px; z-index: 500;  letter-spacing: 0.08em; border: 1px solid #ccc;	float:left;
}
.holidays_btn:hover { background: #fff; border: 1px solid #0bdb41 !important;}
.active_holiday{background: #fff !important;border: 1px solid #0bdb41 !important; }
.holidays_con {float: left; padding: 2px 12px 0px 9px;}
.holidays_icon { float:   left; margin: 0px 0px 0px 0px;}
.time_icons {float: right; position: relative; margin: -29px 5px 0px 0px;} 

.tab_form_top { margin: 0px 0px 3px 0px; padding: 0px; width: 100%; FONT-WEIGHT: 200; border-radius: 8px;z-index: 50;  position:  relative;   background: #f9f9f9;  }  
.tab_enc_sec{    scrollbar-width: none;  scrollbar-color: #333 ;}
.tab_enc_sec::-webkit-scrollbar { width: 0px;  height: 0px;}
.tab_enc_sec::-webkit-scrollbar-track { background-clip: content-box;  border: 2px solid transparent;}
.tab_enc_sec::-webkit-scrollbar-thumb { background: none ; }
.tab_enc_sec::-webkit-scrollbar-thumb:hover {background: none ; }
.tab_enc_sec::-webkit-scrollbar-corner, .tab_enc_sec::-webkit-scrollbar-track { background: none ; } 
[class^=tab_enc_sec] { width:1020px; overflow-y: scroll; overflow-x: hidden; }
[class^=tab_enc_sec]  { padding: 0rem; overflow-y: hidden;    }  
.tab_enc_sec {  margin: 0px; padding: 0px;  width:93%;FONT-WEIGHT: 200; overflow-y: hidden;  overflow-x: scroll; border-radius: 8px;  z-index: 50; }    
.tab_den {position:  relative !important;}
.tab_form_top .nav-tabs {border-width: 0px !important;  z-index: 450; background: #f9f9f9;  width: 100%; padding: 0px 0px 0px 4px;  position:  relative;} 
.tab_form_top .nav-item { padding: 1px 0px 1px 0px;}
.tab_form_top .nav-link { width: 100%; display: inline-block; font-weight: 600; font-size: 0.6em; letter-spacing: 0.6px;     padding: 5px 6px 8px 6px; margin: 0px 0px 0px 0px;
    list-style: none;  cursor: pointer;  text-align: center;  color: #545454;  border: 0px !important;    text-transform: uppercase;	opacity: 1;
}
.tab_form_top .nav-tabs .active { background: #fff !important; color: #0074ff !important; border-radius: 3px !important;   padding: 3px 6px 2px 6px; margin: 0px 0px 0px 0px;
    /*box-shadow: 0 0px 3px rgb(0, 116, 255, 0.7);*/	border: 1px solid #56a3ff !important; 
}
.consecetop  { margin:0px;  padding:0px; }
.clinics_tabs .nav-tabs li {  float: left; margin: 0px 6px 6px 0px;  background: #fff;  border-radius: 8px; width:auto !important;}
.wrapper.toggled .clinics_tabs .nav-tabs li {  float: left; margin: 0px 6px 6px 0px;  background: #fff;  border-radius: 8px; width:auto !important;}
.consecetop .nav-tabs { border-width: 0px !important; z-index: 450; background: #f9f9f9; width: 100%;  padding: 0px 4px; position: relative;}
.consecetop .nav-item {padding: 1px 0px 1px 0px;}
.consecetop .nav-link {width: 100%; display: inline-block;  font-weight: 600;  font-size: 0.6em;  letter-spacing: 0.6px;  padding: 8px 6px; margin: 0px 0px 0px 0px; 
     list-style: none;  cursor: pointer; text-align: center;  color: #545454; border: 0px !important;  text-transform: uppercase;	opacity: 1;
}
.consecetop .nav-link span{ width: 15px;  height: 15px;  background: #ff0000;  border-radius: 50%; float: right;  position: relativ;
    margin: -2px 0px 0px 4px; line-height: 16px;  border: 0px solid #ccc; color:#fff !important;
}
.consecetop .nav-tabs .active { background: #fff !important; color: #0074ff !important; border-radius: 3px !important;  padding: 5px 6px; margin: 0px 0px 0px 0px; 
border:0px !important;}

.formstab  { margin:0px;  padding:0px; } 
.formstab .nav-tabs { border-width: 0px !important; z-index: 450; background: #f9f9f9; width: 100%; padding: 1px 4px 0px 2px; position:  relative;}
.formstab .nav-tabs li {  float: left; margin: 2px 3px 3px 3px !important ; background: #fff;  border-radius: 5px; width:auto !important;} 
.formstab .nav-item {padding: 1px 0px 1px 0px;}
.formstab .nav-link {width: 100%; font-weight: 600; font-size: 0.6em;  letter-spacing: 0.6px;  padding: 3px 6px 5px 6px; margin: 0px 0px 0px 0px;
    list-style: none;  cursor: pointer;  text-align: center;  color: #545454;  border: 0px !important;    text-transform: uppercase; opacity: 1;
}
.formstab .nav-tabs .active { background: #fff !important; color: #0074ff !important; border-radius: 3px !important;   padding: 1px 6px 0px 6px; margin: 0px 0px 0px 0px; 
border:0px !important;}
.tab-content-cons { padding:2px 0px 0px 0px !important; }
.medication_tab{ margin:0px; padding:0px;}
.medication_tab .nav-tabs { border-width: 0px !important; position:  relative; z-index: 600; background: #f9f9f9; width: 100%; padding: 0px 4px;  margin-top: -5px;}
.medication_tab .nav-item { padding: 1px 0px 1px 0px;}
.medication_tab .nav-link {width: 100%; display: inline-block;  font-weight: 600; font-size: 0.6em; letter-spacing: 0.6px;   padding: 8px 6px;  margin: 0px 0px 0px 0px;
    list-style: none; cursor: pointer;  text-align: center;  color: #545454; border: 0px !important; text-transform: uppercase;	opacity: 1;
}
.medication_tab .nav-tabs .active { background: #fff !important;  color: #0074ff !important;  border-radius: 3px !important;  
    padding: 3px 6px 2px 6px; margin: 0px 0px 0px 0px;	box-shadow: 0 0px 3px rgb(0, 116, 255, 0.7);
}
.medical_btn {  margin: 0px;  padding: 6px 10px !important;  color: #000 !important;  border-radius: 5px; font-size: 10px !important;
    background: #f6f5f9 !important;  border: 0px solid #ccc !important;  text-transform: uppercase;
}
.summari_add{ color: #0074ff ;  margin: -4px 11px 0px 0px;  padding: 10px 10px 10px 10px;  text-align: left;  font-weight: 600; 
    width: 100%; display: inline-block;  font-size: 11px;  letter-spacing: 0.06em; text-transform: uppercase;
	}
.summari_close{ padding:10px 45px 0px 0px;}
.review_close{ padding:5px 0px 0px 0px; margin: 0px 60px 0px 0px;}
.days { color: #2d2d2d!important; margin: 0; padding: 10px 0 0; text-align:center;}
.days a {color: #2d2d2d!important; text-decoration: none; padding: 0 5px;}
.days .active { color: #0074ff !important;  }
.work_cal { font-size: 14px;font-weight: 700; text-align: right; padding-top: 8px;}
.report_tableleft { margin: 0; padding: 0!important;}
.report_tablerightright { margin: 0; padding: 0!important;}
.report_tablerightright table {padding: 0px; margin: 0px 0px 0px -5px;}
.report_tableleft td { height: 30px;}
.report_tableleft td { border: 1px solid #e4e4e4; text-align: center; vertical-align: middle;  font-size: 12px;  font-weight: 400;  padding: 3px 0 !important;
    color: #545454; min-width: 91px; 
}
.report_tablerightright td {height: 30px;}
.report_tablerightright th { border: 0 solid #e4e4e4;    text-align: center;  vertical-align: middle;
    background-color: #fff;  font-size: 14px;  font-weight: 400;
    padding: 8px 0!important; color: #2d2d2d;
    border: 1px solid #e4e4e4;  min-width: 130px; 
}
.report_tablerightright td { border: 0px solid #e4e4e4; text-align:  left;
    vertical-align: middle;  font-size: 13px;  font-weight: 400;  padding: 3px 9px !important;
    color: #000;  border-bottom: 1px solid #e4e4e4;
}
.weeks_sec { margin: 0px 0px 0px 0px;}
.week_image { width: 40px; float: left; margin: 0 10px;}
.weeks_sec img { border-radius: 50%; width: 23px; height: 23px;}
.week_name { text-align: left;font-size: 13px; padding: 7px 0px 0px 0px;  overflow: hidden; text-overflow: clip; white-space: nowrap; }
.report_tableleft  .fa-clock-o {font-size: 17px !important; color: #adadad !important;  padding: 8px 0;}
.report_tableleft  .fa-calendar { font-size: 17px !important; color: #adadad !important; padding: 8px 0;}
.workreport {  height: 400px  !important; border: 0px solid #00F; overflow: auto; margin-bottom: 15px;}
.weeks_sec1 th { border: 1px solid #e4e4e4;  text-align: center;  vertical-align: middle;
    background-color: #f9f9f9;  font-size: 14px;  font-weight: 600;padding: 8px 0 15px!important;  color: #2d2d2d;  text-transform: uppercase;
}
#weekdiary .dairy_report_time { background: #f2f2f2;}
.years {font-size: 25px !important; color: #545454 !important; text-transform: uppercase;}
.weeks_sec_td_cl {background-color: #fff; border-left: 3px solid #fff !important; text-align: left !important; padding-left: 10px !important;}
.weeks_sec_td_gry { height: 30px; width:100%;   border-left: 0px solid #e4e4e4 !important;  text-align: left !important;  padding-left: 0px !important;
	touch-action: pan-y;  position: relative;  background-size: 8px 8px;  background-image: linear-gradient(45deg, transparent 46%, #d5d7da 49%, #d5d7da 51%, transparent 55%);
    background-color: #f2f2f7;  transition-timing-function: ease-in-out;
} 
.weeks_sec_td_0 { background-color: #fff;  text-align: left !important;   padding-left: 0px !important; z-index:500;position: relative;    height: 30px;  width:100%;}  
.weeks_sec_td_cl0 {  background-color: #cbefff; border: 2px solid #cbefff ;  border-left: 3px solid #74c1e4;text-align: left !important;  padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;   overflow: hidden;  
} 
.weeks_sec_td_cl1 { background-color: #ffdfde;	border: 2px solid #ffdfde ;  border-left: 3px solid #ea9391 ; text-align: left !important;  padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;   overflow: hidden;  
}
.weeks_sec_td_cl2 { background-color: #ffebd2;	border: 2px solid #ffebd2;  border-left: 3px solid #e8b676; text-align: left !important;  padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;   overflow: hidden;    
}
.weeks_sec_td_cl3 { background-color: #e7ffc8; border: 2px solid #e7ffc8;  border-left: 3px solid #a7df60; text-align: left !important;  padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;   overflow: hidden;  
}
.weeks_sec_td_cl4 { background-color: #ffe9ff;	border: 2px solid #ffe9ff;  border-left: 3px solid #dfa9de; text-align: left !important;  padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;   overflow: hidden;    
}
.weeks_sec_td_cl5 { background-color: #e1bee7;	border: 2px solid #e1bee7;  border-left: 3px solid #ab47bc; text-align: left !important;  padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;   overflow: hidden;  
}
.weeks_sec_td_cl6 { background-color: #fff59d;	border: 2px solid #fff59d;  border-left: 3px solid #ffc107; text-align: left !important;  padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;   overflow: hidden;  
}
.weeks_sec_td_cl7 { background-color: #ccff90;	border: 2px solid #ccff90 ;  border-left: 3px solid #64dd17; text-align: left !important;  padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;   overflow: hidden;  
}
.weeks_sec_td_cl8 { background-color: #c7d5eb;	border: 2px solid #c7d5eb;  border-left: 3px solid #98b8ea; text-align: left !important;  padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;   overflow: hidden;  
}
.weeks_sec_td_cl9 { background-color: #76bab2;border: 2px solid #76bab;     border-left: 3px solid #007770; text-align: left !important;  padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;   overflow: hidden;  
}
.weeks_sec_td_cl10 { background-color: #bfc292;	border: 2px solid #bfc292;     border-left: 3px solid #8b8e4b; text-align: left !important;  padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;   overflow: hidden;    
}
.weeks_sec_td_cl11 { background-color: #9fe5c3;	border: 2px solid #9fe5c3;    border-left: 3px solid #21d081;text-align: left !important;  padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;   overflow: hidden;  
}
.weeks_sec_td_cl12 { background-color: #dbbfb6;border: 2px solid #dbbfb6 ;   border-left: 3px solid #ba735d ;  text-align: left !important;  padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;   overflow: hidden;  
}
.weeks_sec_td_cl13 {background-color: #dbbfb6;border: 2px solid #dbbfb6 ;   border-left: 3px solid #ba735d ;  text-align: left !important;  padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;   overflow: hidden; 
}
.weeks_sec_td_cl14 { background-color: #dbbfb6;border: 2px solid #dbbfb6 ;   border-left: 3px solid #ba735d ;  text-align: left !important;  padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;   overflow: hidden;   
}
.weeks_sec_td_cl15 { background-color: #dbbfb6;	border: 2px solid #dbbfb6 ;   border-left: 3px solid #ba735d ;  text-align: left !important;  padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;   overflow: hidden;  
}
.weeks_sec_td_cl16 {background-color: #dbbfb6;border: 2px solid #dbbfb6 ;   border-left: 3px solid #ba735d ;  text-align: left !important;  padding-left: 0px !important;
	z-index:500;position: relative;	resize: vertical;    overflow: hidden;  
}
.weeks_sec_td_cl17 { background-color: #dbbfb6;	border: 2px solid #dbbfb6 ;  border-left: 3px solid #ba735d ; text-align: left !important; padding-left: 0px !important;
	z-index:500;position: relative;	resize: vertical;   overflow: hidden;  
}
.weeks_sec_td_cl18 { background-color: #dbbfb6;	border: 2px solid #dbbfb6 ;  border-left: 3px solid #ba735d ; text-align: left !important; padding-left: 0px !important;
	z-index:500;position: relative;	resize: vertical;    overflow: hidden;  
}
.weeks_sec_td_cl19 { background-color: #dbbfb6;	border: 2px solid #dbbfb6 ;  border-left: 3px solid #ba735d ; text-align: left !important; padding-left: 0px !important;
	z-index:500;position: relative;	resize: vertical;   overflow: hidden;  
}
.weeks_sec_td_cl20 { background-color: #dbbfb6;	border:2px solid #dbbfb6 ;  border-left: 3px solid #ba735d ; text-align: left !important; padding-left: 0px !important;
	z-index:500;position: relative;	resize: vertical;    overflow: hidden;  
}
.weeks_sec_td_cl21 { background-color: #dbbfb6;	border: 2px solid #dbbfb6 ;  border-left: 3px solid #ba735d ; text-align: left !important; padding-left: 0px !important;
	z-index:500;position: relative;	resize: vertical;   overflow: hidden;  
}
.weeks_sec_td_cl22 { background-color: #dbbfb6;	border: 2px solid #dbbfb6 ;  border-left: 3px solid #ba735d ; text-align: left !important; padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;    overflow: hidden;  
}
.weeks_sec_td_cl23 { background-color: #dbbfb6;	border: 2px solid #dbbfb6 ;  border-left: 3px solid #ba735d ; text-align: left !important; padding-left: 0px !important;
    z-index:500;position: relative;resize: vertical;   overflow: hidden;  
}
.weeks_sec_td_cl24 { background-color: #dbbfb6;	border: 2px solid #dbbfb6 ;  border-left: 3px solid #ba735d ; text-align: left !important; padding-left: 0px !important;
	z-index:500;	position: relative;	resize: vertical;    overflow: hidden;   
}
.weeks_sec_td_cl25 {background-color: #dbbfb6; border: 2px solid #dbbfb6 ;  border-left: 3px solid #ba735d ; text-align: left !important;
    padding-left: 0px !important;z-index:500;position: relative;resize: vertical;   overflow: hidden;  
}
.weeks_sec_td_cl0:hover, .weeks_sec_td_cl1:hover, .weeks_sec_td_cl2:hover, .weeks_sec_td_cl3:hover, .weeks_sec_td_cl4:hover, .weeks_sec_td_cl5:hover, .weeks_sec_td_cl6:hover, .weeks_sec_td_cl7:hover, .weeks_sec_td_cl8:hover, .weeks_sec_td_cl9:hover, .weeks_sec_td_cl10:hover, .weeks_sec_td_cl11:hover, .weeks_sec_td_cl12:hover, .weeks_sec_td_cl13:hover, .weeks_sec_td_cl14:hover, .weeks_sec_td_cl15:hover, .weeks_sec_td_cl16:hover, .weeks_sec_td_cl17:hover, .weeks_sec_td_cl18:hover, .weeks_sec_td_cl19:hover, .weeks_sec_td_cl20:hover, .weeks_sec_td_cl21:hover, .weeks_sec_td_cl22:hover, .weeks_sec_td_cl23:hover, .weeks_sec_td_cl24:hover {
    border-top: 2px solid #56a3ff !important; 	border-right: 2px solid #56a3ff !important;	border-bottom:2px solid #56a3ff !important;	
} 

.work_hol_top { margin: 0px; padding: 2px; width: 20%; float: left; text-align: center;  border: 0px solid #e4e4e4; } 
.work_hol_m { margin: 0px; padding: 0px 0px 0px 0px; width: 20%; float: left;}
.week_hol_m { margin: 0px; padding: 41px 0px 0px 0px; width: 14.285%; float: left; background: #fff;  position: relative;}
.week_today { background: #f4fff5 !important;}
.dairy_th { width: 100%; background: #fff;display: inline-block; border-radius: 8px; FONT-WEIGHT: 500; padding: 2px 5px 2px 0px; }
.week_image { width: 36px; float: left; margin: 0px 2px 0px 5px;}
.week_image img { border-radius: 50%; width: 35px; height: 35px;}
.booking_main{  width: 100%;  padding: 0px 0px 0px 0px; border-radius: 0px;  box-shadow: 0px #ccc;  margin: 0px 0px 0px 0px; border: 1px solid #f0f0f0;
	border-bottom: 0px solid #f0f0f0;   
	}
.booking_main_section { width: 100%;background: #fff;padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; display:inline-block;} 
.booking_time {  width:100%;float: left;   margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  height: 30px; text-align: center; font-size: 12px; font-weight: 400;
    color: #545454; line-height: 30px;  border-bottom: 1px solid #f0f0f0;	
} 
.booking_m_sec { width: 100%; padding: 0px;	display: table;}
.booking_sec { float:left;  margin: 0px 0px 0px 0px; padding:0px 0px 0px 10px; width: 226px; height: 30px;  text-align:  left; font-size: 12px; font-weight: 400; 
    color: #545454;line-height:30px;border-left: 1px solid #f0f0f0;	border-bottom: 1px solid #f0f0f0;
} 
.booking_sec a { font-size: 12px; font-weight: 400;   color: #545454;} 
.booking_clr0 { background-color: #f0f0f0; border-left: 3px solid #cccccc !important; text-align: left !important; padding-left: 10px !important;}
.booking_clr1 { background-color: #ffdfde; border-left: 3px solid #ea9391 !important; text-align: left !important; padding-left: 10px !important;}
.booking_clr2 { background-color: #ffebd2; border-left: 3px solid #e8b676 !important; text-align: left !important; padding-left: 10px !important;}
.booking_clr3 { background-color: #e7ffc8; border-left: 3px solid #a7df60 !important; text-align: left !important; padding-left: 10px !important;}
.booking_clr4 { background-color: #ffe9ff; border-left: 3px solid #dfa9de !important; text-align: left !important; padding-left: 10px !important;}
.booking_clr5 { background-color: #e1bee7; border-left: 4px solid #ab47bc !important; text-align: left !important; padding-left: 10px !important;}
.booking_clr6 { background-color: #fff59d; border-left: 3px solid #ffc107 !important; text-align: left !important; padding-left: 10px !important;}
.booking_clr7 { background-color: #ccff90; border-left: 3px solid #64dd17 !important; text-align: left !important; padding-left: 10px !important;}
.booking_clr8 { background-color: #c7d5eb; border-left: 3px solid #98b8ea !important; text-align: left !important; padding-left: 10px !important;}
.booking_clr9 { background-color: #76bab2; border-left: 3px solid #007770 !important; text-align: left !important; padding-left: 10px !important;}
.booking_clr10 {background-color: #bfc292; border-left: 3px solid #8b8e4b !important; text-align: left !important; padding-left: 10px !important;}
.booking_clr11 {background-color: #9fe5c3; border-left: 3px solid #21d081 !important; text-align: left !important; padding-left: 10px !important;}
.booking_clr12 {background-color: #dbbfb6; border-left: 3px solid #ba735d !important; text-align: left !important; padding-left: 10px !important;}

.diary_m_l{ width: 305px; flex: 0 0 auto; display:block}
.diary_m_r { width:  calc(100vw - 305px); flex: 0 0 auto; padding-left:0px  }
 
.front_diary_m_l{ width:285px; flex: 0 0 auto; display:block }
.front_diary_m_r {width: calc(100vw - 515px);/* width: 84.5%;*/ flex: 0 0 auto; padding: 0px;} 
.wrapper.toggled .front_diary_m_r {width: calc(100vw - 371px); flex: 0 0 auto; padding: 0px;}  

.front_diaryl_con{ width:100%; position: relative; z-index:500;}
.diary_l_con { width: 100%;  position: relative; z-index: 500;}
.diary_catge { margin: 2px 0px 0px 0px; padding: 0px; width: 100%; }
.diary_catge ul { margin:0px; padding:0px;}
.diary_catge li { margin: 0px 3px 0px 0px; padding: 0px; float: right;}
.diary_catge li a{ margin:0px; padding:5px 8px; color:#000;	border-radius: 5px;	font-size:12px;
	background:#f6f5f9;	border:1px solid #f6f5f9;	text-transform: none; 
}
.diary_catge li a:hover{ margin:0px; color: #56d461;border-radius: 5px;	background:#fff;border:1px solid #56d461; }
.diary_catge .actives{ margin:0px; 	color: #56d461;	border-radius: 5px;	background:#fff; border:1px solid #56d461; }
.diary_events { margin: 2px 0px 0px 0px; padding: 0px; width: 100%; }
.diary_events ul { margin:0px; padding:0px;}
.diary_events li{ margin:0px 3px; padding:0px; float: left; } 
.diary_events li a{ margin:0px; padding:5px 8px; color:#000; border-radius: 5px;font-size:12px; background:#f6f5f9;
	border:1px solid #f6f5f9;text-transform: none; 
}
.diary_events li a:hover{ margin:0px; color: #56d461;border-radius: 5px;background:#fff;border:1px solid #56d461;  }
.diary_events .actives{ margin:0px; color: #56d461;	border-radius: 5px;	background:#fff;border:1px solid #56d461; font-weight:600;} 
.diary_top_dates {  float: left;  width: 192px;  margin: 0px;  font-size: 12px;  font-weight: 600; line-height: 32px;
    color: #212529;  text-transform: uppercase;   text-align: center;overflow: hidden;  text-overflow: clip;   white-space: nowrap;
}
.diary_top_dates .form-control { display: block;  width: 100%;  padding: 0.375rem 0.75rem;
    font-size: 13px;  font-weight: 400;  line-height: 1.5;
    color: #212529;  background-color: #fff;  background-clip: padding-box;
    border: 0px solid #d4d9e2  !important;    -webkit-appearance: none;
    -moz-appearance: none;  appearance: none;  border-radius: 0.375rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 31px;text-align:center;
}
.diary_top_dates .pickmeup { display:none !important;}
.diary_top_dates .pmu-view-days { display:none !important;}
.calender_date_sec { background: #f6f5f9; width: 245px;  border-radius: 8px;  margin: 0px auto; padding: 2px 5px 2px 5px; min-height: 35px;}
.calender_lab {  background: #fff;  width: 245px;  border-radius: 8px;  margin: 0px auto;  padding: 5px 5px 2px 5px;  min-height: 50px;
	box-shadow: 0 1px 3px rgb(164 173 186 / 25%);  float: right;
}
.calender_lab_sec {float: left;  width: 191px;  margin: 4px 0px 0px 0px; }
.calender_lab_arrow {   float: left;  width: 20px;  height: 30px;  border: 0px solid #d4d9e2 !important;
    border-radius: 5px; text-align: center;  line-height: 18px; margin: 0px 0px; padding: 7px 0px 0px 0px;
}
.calender_lab .form-control {   display: block; width: 100%;    padding: 0px;
    font-size: 13px;    font-weight: 400;
    line-height: 1.5;    color: #212529;
    background-color: #f5f5f5;    background-clip: padding-box;
    border: 0px solid #d4d9e2 !important;    -webkit-appearance: none;    -moz-appearance: none;
    appearance: none;    border-radius: 0.375rem;    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 31px;    text-align: center;
}
.diary_top_arrow {  float: left;  width: 20px;   height: 30px;  border: 0px solid #d4d9e2 !important;border-radius: 5px;
	text-align:center;line-height: 18px;margin: 0px 0px;padding:7px 0px 0px 0px;
}
.diary_appointments_con{ width:100%; margin: 0px;   padding: 00px; 	}
.diary_appointments_con a{ width:100%;margin: 0px;  padding: 0px 0px 0px 0px; font-size: 12px;
	text-align:left;background:#fff;border-bottom: 1px dotted #e4e4e4;	display:inline-block;  margin-bottom: 5px;
	}
.diary_appointments_con a:hover{ background:#f6f5f9; border-bottom: 1px dotted #e4e4e4; display:inline-block;}	
.appointments_time_sec{ width:17%; float:left; margin: 0px; padding: 0px; }
.appointments_time { margin: 5px 0px 0px 0px;  padding: 5px 0px 5px 0px;  font-size: 10px;  text-align: center;  color: #000;
    font-weight: 500; background: #cbefff;  border-radius: 5px;
}	
.appointments_day{margin: 0px;  padding: 3px 0px 0px 0px; font-size: 10px;	text-align: center; color:#000;	font-weight:500;text-transform:uppercase	}		
.appointments_conts{ width:50%; float:left; margin: 0px 0px 0px 10px;   padding: 3px 0px 5px 0px; font-size: 12px;text-align:left;color:#000; 	}
.appointments_conts span{ width:100%; display:inline-block;	padding: 0px 0px 0px 0px;  font-weight: 600; color: #19bf0c; font-size: 12px;}			
.appointments_flag{ width:20px; float:right;margin: 0px; padding: 5px 0px 5px 0px;  font-size: 12px;text-align:left;display:none;	}	
.appointments_status{ width:72px; float:right;margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; font-size: 12px; 	}	
.paid_app { color: #000;  font-size: 10px;  background: #dbffc0;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center;}
.unpaid_app {  color: #000;  font-size: 10px; background: #ffbebe;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center;}
.awaiting_app {  color: #000;  font-size: 10px;  background: #ace7ff;  border-radius: 4px;  padding: 1px 5px 1px 5px;margin:0px 0px 12px 0px;  text-align: center; }
.checkedin_app { color: #000; font-size: 10px;  background: #ffe4c6;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center; 	margin:0px 0px 12px 0px;}	
.completed_app { color: #000;  font-size: 10px;  background: #c7ffc6; border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center; margin:0px 0px 12px 0px;}	
.cancellations_app { color: #000;  font-size: 10px;  background: #ffdddd;  border-radius: 4px;  padding: 1px 5px 1px 5px; text-align: center; margin:0px 0px 12px 0px;}		
.diary_m_sec { position:  relative; width: 100%; margin: 0px; padding: 0px; background: #f6f5f9;  z-index: 600;} 
.new_modals .nav-tabs {border-width: 0px !important;  position: relative !important;  z-index: 1000;  background: #f9f9f9; width: 100%;  padding: 5px 7px 5px 7px;	 } 
.new_modals .nav-link {  font-weight: 600;  font-size: 0.6em;  letter-spacing: 0.6px;  display: inline-block;  padding: 8px 6px;  margin: 0px 0px 0px 0px;
    list-style: none;  cursor: pointer;  text-align: center;  color: #545454;  border: 0px !important;  width: 100%;  text-transform: uppercase; 	opacity: 1;
}
.diary_modal_top { border-bottom:1px solid #ddd; width:100%; display:inline-block; margin:0px 0px 20px 0px;}
.diary_add_time{ font-size: 12px; font-weight: 500 !important; line-height: 21px; text-align: center; color: #090;
    padding: 0px 0px 15px 0px; text-transform: uppercase;
}
.diary_add_time1{font-size: 14px;  font-weight: 500 !important;  line-height: 21px;  text-align: left;  color: #494c50;
    padding: 0px 0px 15px 0px;text-transform: uppercase;
}
.diary_add_time2{font-size: 12px; font-weight: 500 !important;  line-height: 21px; text-align: right;  color: #494c50;
    padding: 0px 0px 15px 0px; text-transform: uppercase;
}
.diary_add_time2 a{font-size: 12px; font-weight: 500 !important; line-height: 21px; text-align:  right;   color: #494c50;
    padding: 7px 0px 10px 0px;text-transform: uppercase;
}
.diary_add_time2_t{font-size: 12px; font-weight: 500 !important; line-height: 21px; text-align:  right;  color: #494c50; 
    padding: 14px 0px 0px 0px;	text-transform: uppercase;
}
.diary_add_time2_t a{font-size: 12px; font-weight: 500 !important; line-height: 21px; text-align: right;  color: #494c50;
    padding: 7px 0px 10px 0px;text-transform: uppercase;
} 
.diary_add_time_t{font-size:25px;  font-weight: 500 !important;  line-height: 21px; text-align:   left;  color: #000;  padding: 15px 0px 8px 0px;text-transform:  none;	}
.diary_add_times{font-size:14px;  font-weight: 500 !important;  line-height: 21px;  color: #545454; padding: 0px 0px 15px 0px;text-transform:  none;	}
.diary_pop_br { border-bottom: 1px solid #f0f0f0 !important; padding: 0px 0px 15px 0px;}
.diary_pop_br1 { border-bottom: 1px solid #f0f0f0 !important; padding:10px 0px 10px 0px;}
.diary_pop_br2 { border-bottom: 1px solid #f0f0f0 !important; padding: 0px 0px 7px 0px; margin:0px 0px 7px 0px;}
.invoice_br { padding:10px 0px 10px 0px; display:inline-block; margin:0px; width:100%;  border-bottom: 1px solid #f0f0f0 !important;}
.diary_pop_br label {  display: inline-block;  font-weight: 600 !important;  size: 100%;  margin-bottom: 3px;  font-size: 12px;
    padding: 5px 0px 0px 0px;  color: #ba104f;  width: 100%;  text-transform: none;  font-family: 'Source Sans Pro', sans-serif;
}
.diary_pop_br input[type=checkbox]:not(old) + label { display: inline-block; margin-left: -31px; line-height: 27px;  font-weight: 500 !important;
    font-size: 12.5px;  padding-left: 6px;  width: 100%;  text-transform: none;  color: #545454;
}
.search_btn {    margin: 0px;  padding: 0px 15px !important;   color: #000 !important;  border-radius: 5px; font-size: 11px !important; background: #f6f5f9 !important;
    border: 0px solid #ccc !important;  text-transform:  uppercase;   min-height: 30px;	}	
.search_btn1 {   margin: 0px 0px 0px 5px!important; padding: 4px 12px !important;  color: #000 !important;  border-radius: 5px !important;  font-size: 11px !important;
    background: #f6f5f9 !important;  border: 0px solid #ccc !important;  text-transform:  uppercase;float: right;font-weight: 600;   letter-spacing: 0.08em;
    line-height: 16px;
	}
.search_btn1:hover{ color:#fff !important; background: #0074ff    !important;  border: 0px solid #0074ff  !important;  
} 
.search_btn2{   margin: 0px 0px 0px 5px!important; padding: 4px 12px !important;  color: #fff !important;  border-radius: 5px !important;  font-size: 11px !important;
    background: #56d461 !important;  border: 0px solid #ccc !important;  text-transform: uppercase;float: right; 
	 }	
.search_btn2:hover{ color:#fff !important; background: #0074ff    !important;  border: 0px solid #0074ff  !important;  
} 
.search_btn3{ margin: 7px 0px 0px 61px !important;  padding: 4px 24px !important;  color: #fff !important;  border-radius: 5px !important;
    font-size: 12px !important;  background: #56d461 !important;  border: 0px solid #ccc !important;  text-transform: uppercase;  float: left;
	}
.search_btn3:hover{ color:#fff !important; background: #0074ff    !important;  border: 0px solid #0074ff  !important;  
} 
.deltete_btn {  margin:0px 0px 0px 5px !important;  padding: 4px 6px !important;  color: #000 !important;  border-radius: 5px !important;
    font-size: 12px !important;  background: #fff !important;  border: 0px solid #ccc !important; text-transform: uppercase; float: right;
}	
.checkin_btn {  margin: 0px;  padding: 0px 12px !important;  color: #000 !important;  border-radius: 5px !important;  font-size: 10px !important;
    background: #f6f5f9 !important;  border: 0px solid #ccc !important;  text-transform: uppercase; min-height: 25px;
}	
.finished_btn {  margin: 0px;  padding: 0px 12px !important;  color: #000 !important;  border-radius: 5px !important;  font-size: 10px !important;
    background: #f6f5f9 !important;   text-transform: uppercase;  min-height: 25px;  border:0px solid #F00 !important;
}	
.stripe_btn {    margin: 0px auto;width:200px;  display: block;color: #000;   margin-top: 0px; border-radius: 44px; background-color: #f9f9f9 !important;
    border: 1px solid #0074ff !important; font-size: 12px; font-weight: 600;  padding: 8px 20px 8px 20px;  min-height: 27px; text-transform: uppercase;
    letter-spacing: 0.08em;   line-height: 16px;
	}
.stripe_btn1 {margin: 0px auto;width:80px;   display: block;	color: #000;
    margin-top: 0px;  border-radius: 44px;  background-color: #f9f9f9 !important;  border: 1px solid #0074ff !important;
    font-size: 12px; font-weight: 600; padding: 8px 20px 8px 20px; min-height: 27px;  text-transform: uppercase; letter-spacing: 0.08em; line-height: 16px;
	}	
.stripe_sec label { text-align:left;    display: inline-block;  font-weight: 600 !important;  size: 100%;
    margin-bottom: 3px;   font-size: 14px; padding: 5px 0px 0px 0px;  color: #545454 !important; 
    text-transform: none; font-family: 'Source Sans Pro', sans-serif !important;
}	
.stripe_sec .form-control {  display: block;    width: 100%;
    padding: 0.375rem 0.75rem;  font-size: 13px;
    font-weight: 400;   line-height: 1.5;
    color: #212529;  background-color: #fff;
    background-clip: padding-box;  border: 1px solid #e1e2e2 !important;
    -webkit-appearance: none;   -moz-appearance: none;
    appearance: none;   border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 40px;
}
 
.add_treat {  margin: 0px 0px 0px 0px;   background: #eeffee ;padding: 2px 6px 2px 6px;  border-radius: 4px;
  color: #18bc43;  text-align: center;  font-size: 11px;  border: 1px solid #0bdb41 !important;  font-weight: 500;  min-height: 20px; 
} 
.add_treat:hover {  margin: 0px 0px 0px 0px;   background: #0bdb41 !important;padding: 2px 6px 2px 6px;  border-radius: 4px;
  color: #fff !important;  text-align: center;  font-size: 11px;  border: 1px solid #0bdb41 !important;  font-weight: 500;  min-height: 20px; 
} 
.download_btn {    margin: 7px 0px 3px 1%;  padding: 12px 0px 12px 0px !important;  color: #fff !important;  border-radius: 5px; font-size: 11px !important;  
    text-transform:  uppercase;min-height: 30px;	width:98%;	background: #454545 !important;   text-align: center;    border: 1px solid #454545 !important;  
	}			
.side_menus{ margin:0px; padding:0px;}
.side_menus ul{ margin:0px; padding:0px;}
.side_menus li{ margin:0px; padding:0px 0px; list-style:none; width:100%; display:inline-block;}
.side_menus li a{ margin:0px;     padding: 6px 10px !important; list-style:none;width:100%;	display:inline-block;	font-size: .7em !important;
	letter-spacing: .1em;	font-weight: 500;	color:#fff !important;	text-transform:uppercase;
	} 
.side_menus li a:hover{color: #fff !important; text-decoration: none; background-color: #0074ff; border-radius: 5px; }	
.side_menus .active { color: #fff !important; text-decoration: none; background-color: #0074ff; border-radius: 5px; }	
.parent-icon { font-size: 21px; line-height: 1; float: left; padding-left: 0px; text-align: center;}
.menu-title { padding:2px 0px 0px 0px; margin-left: 15px; float: left;}

/********************Section Side Bar Start*************************/
.menu_sidebar { width: 0px; position: fixed;  z-index: 1;  top: 0; left: 0;  background-color: #1a1f29;  overflow-x: hidden;
    transition: 0.5s;  padding:20px 10px 10px 10px;  border-radius: 0px;  margin-right: 10px;  z-index: 3500; margin-top: 55px;	height:100%;
}
.menu_sidebar a { padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px;  text-decoration: none;  font-size: 25px;
  color: #818181;  display: block;  transition: 0.3s;
}
.menu_sidebar a:hover {  color: #f1f1f1;}
.menu_sidebar .closebtn { position: absolute; top: 0px !important; right: 10px;  font-size: 30px;
    line-height: 18px;  margin-left: 6px !important; z-index: 9999;  margin-top: 0px;color:#fff;
} 
.openbtn { cursor: pointer;  color: white;  padding: 0px;  border: none;}
.openbtn:hover {}
#main {  transition: margin-left 0.5s;} 
.menu_icon{ width:70px;} 
.break{ padding:37px 0px 0px 0px; margin:0px; f text-transform:uppercase;} 
.break a { padding: 0px 0px 0px 0px; margin: 0px; font-size: 10px; text-transform: uppercase;}  
.break1{ padding:4px 0px 0px 0px; margin:0px; font-size:10px; text-transform:uppercase;}
.break1 a{ padding:0px 0px 0px 0px; margin:0px; font-size:10px; text-transform:uppercase;} 
.breaktime{ text-align:center; font-size:23px; color:#000; padding:40px 0px 20px 0px; line-height:30px;}
.breakdate{ text-align:center; font-size:16px; color:#000; padding:0px 0px 20px 0px;}
.pagination { border-width: 0px !important;  --bs-pagination-border-width: 0px !important; }
.br_boder { margin: 0px 0px 10px 0px; padding: 5px 0px 0px 0px; border-bottom: 1px solid #b7d6f9;}
.menu_sidebar .mm-collapse li a {  margin: 0px;  padding: 11px 10px 9px 10px !important ;  list-style: none; width: 100%;	
    font-size: .7em !important;  letter-spacing: .1em;  font-weight: 500; color: #fff !important;  text-transform: uppercase;
}
.menu_sidebar .menu-title { padding: 8px 0px 0px 0px; margin-left: 15px; float: left;}
.add_newencounter { display: block;  position: absolute;  float: right;  margin: 46px 0px 0px 0px; z-index: 600; right: 0px;}
.add_newencounter a { background: #fff;  color: #0074ff; margin: 0px 0px 0px 0px;  padding: 5px 5px 5px 5px; text-align: center;
    font-weight: 600;  width: 100%;  display: inline-block; font-size: 0.65em;  letter-spacing: 0.06em;  text-transform: uppercase; border-radius:5px;
}
.add_newencounter a:hover {  color: #000; }
.toogle_top { float: right;  margin: -37px 0px 0px 0px; position:  absolute; right: 10px; z-index: 45;}
.add_1{ position:  relative !important;  margin: -5px 0px 0px 0px !important; }
.images_round{ border-radius: 50%;}
.section_add{ float:right; margin:0px 5px 0px 0px;}
.section_add a { background:#f9f9f9;  color: #000;  margin: 0px 0px 0px 0px;  padding: 8px 8px 8px 8px;font-size:12px;    text-align: left;
    font-weight: 600;  font-size: 0.65em; letter-spacing: 0.06em;  text-transform: uppercase;border-radius: 8px;
}
.section_add a:hover { color: #000; background:#f0f0f0;}
.website_settings{ margin:0px; padding:0px;}
.website_settings .nav-tabs { border-bottom: 0;  box-shadow: 0px 0px 0px #eaeaea;  background: #fff;  margin: 0;  padding: 5px 5px;
    border-radius: 8px;  position: relative;  width: 100%;  z-index: 50;
}
.website_settings .nav-item { padding: 0px 7px;}
.website_settings .nav-link { font-weight: 600;  font-size: 0.65em;  letter-spacing: 0.6px;  display: inline-block;  padding: 8px 0px; margin: 0px 2px 0px 0px;
    list-style: none;  cursor: pointer;  text-align: center;  color: #545454;  border: 0px !important;  width: 100%;  text-transform: uppercase; opacity: 1;
}
.website_settings .tab_content_sec1 {  margin-top: 8px !important; padding: 0px 0px 0px 0px;}
.roster_settings{ margin:0px; padding:0px;}
.roster_settings .nav-tabs {  border-bottom: 0;  box-shadow: 0px 0px 0px #eaeaea; background: #fff;  margin:0px 0px 5px 0px;
    padding: 5px 5px;  border-radius: 8px;  position: relative; width: 100%; z-index: 50;
}
.roster_settings .nav-item { padding: 0px 7px;}
.roster_settings .nav-link {  font-weight: 600;  font-size: 0.65em;   letter-spacing: 0.6px;
    display: inline-block;  padding: 8px 0px;  margin: 0px 2px 0px 0px;
    list-style: none;  cursor: pointer;  text-align: center;  color: #545454;  border: 0px !important;
    width: 100%;  text-transform: uppercase; opacity: 1;
}
.roster_settings .tab_content_sec1 { margin-top: 0px !important; padding: 48px 0px 0px 0px;}

.tab_form_sec .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 5px 5px 5px 5px;  line-height: 1.42857143;
    vertical-align: top;  border: 0px solid #ddd !important;
    border-bottom: 1px solid #f0f0f0 !important;  vertical-align: middle !important;
    font-size: 13px;
	}
.vitals_left { width: 170px; text-align: left !important;  padding-left: 3px !important; float: left;}
.vitals_right { width: 75%;     text-align:  left !important;}
.vitals_right_sec { width: 150px; font-size:14px; padding:0px 0px 0px 20px; text-align:  left !important; float:left;}
.vitals_top{background:#f9f9f9; min-height:40px; line-height:35px;} 
.vitals_br { width: 100%; border-bottom:1px solid #ccc;} 
.vitals_scroll {margin: 0px; padding: 0px;  width: 100%;  FONT-WEIGHT: 200;  overflow-y: hidden;
    overflow-x: scroll;   background: #fff;  border-radius: 8px;  z-index: 50;     
} 
.vitals_scroll_sec {width:1500px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.dashboard_top { margin: 5px 0px 6px 0px;  padding: 10px 15px 8px 15px;  width: 100%;  background: #fff;  display: inline-block;
    box-shadow: 0px 0px 0px #e1e1e1;  border-radius: 8px;   z-index: 500;
}
.dashboard_sec { width:20%; float:left;}
.vitals_div{  scrollbar-width: thin; scrollbar-color: #f5f5f5;}
.vitals_div::-webkit-scrollbar { width: 0px; height: 6px;}
.vitals_div::-webkit-scrollbar-track {  background-clip: content-box;  border: 0px solid transparent;  box-shadow: inset 0 0 0px #f5f5f5; 
  border-radius: 10px;  background:#f5f5f5;
}
.vitals_div::-webkit-scrollbar-thumb { background: #ccc; }
.vitals_div::-webkit-scrollbar-thumb:hover {   background: #ccc ; }
.vitals_div::-webkit-scrollbar-corner, .vitals_div::-webkit-scrollbar-track { background: #f5f5f5 ; } 
.vitals_div { width: 83%; overflow-x: scroll;   margin-left: 150px; overflow-y: visible;    }
.headcol { font-size:12px;	position: absolute; left: 9px;	top: auto; 	text-align:left !important;	width: 150px;padding: 8px 25px 7px 10px;   }
.headcol1 { font-size:12px;	position: absolute; left: 9px;top: auto;  background:#f9f9f9; 	text-align:left !important;
	width: 150px; 	padding: 8px 25px 8px 10px;	text-transform: uppercase;	color: #56a3ff !important;	font-size: 11px !important;	white-space: nowrap;
	font-weight:500;letter-spacing: 0.08em;
}
.headcol2 {white-space: nowrap;	vertical-align: top; text-align:left !important;width: 150px;padding: 1px 25px 0px 10px;background: #f9f9f9 !important; 
	text-transform: uppercase;	color: #4294f5 !important;	font-size: 11px !important;	white-space: nowrap; 	font-weight:500 !important;	letter-spacing: 0.06em;
	/*border-right: 1px solid #f0f0f0 !important;*/
} 
.headcol2 span { width:100%; font-size: 10px !important; display:block;}     
.long { font-size:12px; white-space: nowrap; vertical-align: top;text-align:left !important;width: 150px;	padding: 8px 25px 6px 10px;	background: #fff; 
} 
.vitals_tableleft{ white-space: nowrap; vertical-align: top; text-align:left !important; padding: 8px 25px 8px 10px;background: #fff; 	text-transform: none;
	color: #2d2d2d !important;	font-size: 11px !important;	white-space: nowrap; 	font-weight:400;letter-spacing: 0.06em;
      }  	  
.vitals_tableright{ font-size:12px; white-space: nowrap; vertical-align: top; text-align:left !important; padding: 8px 25px 8px 10px;background: #f9f9f9 !important; 
	text-transform:  none;	color: #0074ff !important;	font-size: 11px !important;	white-space: nowrap; 	font-weight:400;	letter-spacing: 0.06em;
      }	   
.vitals_bmi{ font-size:12px; white-space: nowrap; 	vertical-align: top; text-align:left !important; 	padding: 8px 25px 8px 10px;letter-spacing: 0.06em;
	background: #f9f9f9 !important; ext-transform:  none;color: #F00 !important;	font-size: 11px !important;	white-space: nowrap; font-weight:400;
	
      }	  	   
.vitals_div td { border-bottom: 1px solid #f0f0f0 !important;  height: 35px; font-weight: 400; font-size: 12px;}
.dash_search { margin:0px 0px 15px 0px ; padding:0px;}
.dash_search .form-control { display: block;   width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 0.8em;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e1e2e2 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 50px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height:45px !important;
	text-align:center;
}
.dash_sec {  background-color: #fff;  width: 100%;display: inline-block; text-align: center;  color: #2d2d2d;   margin-top: 0px; margin-bottom: 6px;padding: 6px 6px;
    border-radius: 8px; box-shadow: 0px 0px 0px #ccc; 
} 
.dash_sec h2 { color: #545454 !important;  margin: 0px 0px 0px 0px !important;  padding: 0px 0px 8px 10px;  text-align: left;  font-weight: 700 !important;
    border-bottom: 1px solid #e8e8e8;  width: 100%; display: inline-block;  font-size: 12px !important;  letter-spacing: 0.06em; text-transform: uppercase;
	}
.dash_docters_sec { width: 100%; display:inline-block; margin:0px 0px 5px 0px;}
.dash_sec_con{font-size:12px !important; color: #646464; font-weight: 600; text-align: center;  padding: 0px 10px 0px 10px; margin-top: 0;  text-transform:  none;
  line-height: 16px;  text-align:left;  overflow: hidden;  text-overflow: clip;  white-space: nowrap;
}
.dash_doc_name{font-size:12px !important; color: #646464; font-weight: 600; text-align: center;  padding: 0px 10px 0px 10px; margin-top: 0;
  text-transform:  none; line-height: 16px; text-align:left; }
.dash_sec_con1{color:#646464; font-size: 12px !important;  line-height: 15px; font-weight: 400; 
  padding: 2px 10px 0px 4px; margin-top: 0;  line-height: 18px; text-align:left;  float:left; width:60%;
} 
.dash_sec_con2{color:#646464; font-size: 12px !important;  line-height: 15px; font-weight: 400; 
  padding: 5px 10px 0px 10px; margin-top: 0;  text-align: right;   float:left;  width:40%;
}
.dash_sec_con3{ font-size:12px !important; color: #646464; font-weight: 400; text-align: center;
  padding: 0px 10px 0px 10px; margin-top: 0;  text-transform:  none; line-height: 20px; text-align:left; 
}
.dash_sec_con2{color:#646464; font-size: 12px !important;  line-height: 20px; font-weight: 400; 
  padding: 5px 10px 0px 3px; margin-top: 0;  text-align: right;   float:left;  width:40%;
}
.awaiting{ width:35px; height:35px;  border-radius:5px;     font-size: 25px !important; 
  color: #000; float:left; margin:1px 10px 0px 2px; line-height:35px; text-align:center;
	}
.cancel_clr{ background-color: #ffdddd;}
.checkedin_clr{ background-color: #ffe4c6;}		
.completed_clr{ background-color: #c7ffc6;}	
.awaiting_clr{ background-color: #ace7ff;}		
.awaiting_cons { /*float:left;   */font-size: 14px !important;  color: #646464; font-weight: 600;  text-align: left; padding: 8px 0px 8px 0px;  margin-top: 0;
    text-transform: uppercase; line-height: 21px;
}
.dash_sec_con_sub{ color:#a8a8a8; font-size: 12px !important;  line-height: 24px; font-weight: 400; text-align: left;  padding: 0px 10px 0px 10px; margin-top: 0;}
.search_dash{ position:absolute; margin: 5px 0px 0px 5px; padding:0px;}
.earn_count { width:100%; font-weight: 600;  font-size:40px;  letter-spacing: 0.6px;    display: inline-block;
    padding: 35px 0px 0px 0px;  margin: 0px 2px 0px 0px;   text-align:  left; color: #0b6d77 ;  text-transform:  none;line-height:30px;
}
.well_add { width:100%;	font-weight: 600; font-size: 12px;  letter-spacing: 0.6px;    display: inline-block;
    padding: 15px 0px 0px 0px;  margin: 0px 2px 0px 0px;  
    text-align: center; color: #545454 ;  text-transform:  none; 
}
.complete_appointment {background-color: #fff; width: 115px;  height: 115px;  color: #2d2d2d; text-align: center;  padding: 15px 0px 0px 0px;  margin: 0px auto;   
    border-radius: 50%;   box-shadow: 0px 0px 0px #ccc; text-transform: uppercase;
} 
.complete_appointment_br1 { border: 5px solid #75c43b;} 
.complete_appointment_br2 { border: 5px solid #fc03a7;} 
.complete_appointment_br3 { border: 5px solid #ff8502;} 
.complete_appointment_br4 { border: 5px solid #39b3e4;} 
.complete_appointment_br5 { border: 5px solid #f20e73;} 
.complete_con { font-weight: 500; font-size: 0.6em;  letter-spacing: 0.3px;  padding: 0px 0px 0px 0px; margin: 0px 2px 0px 0px;  
    color: #545454;  text-align: center;  text-transform: uppercase; 
}
.complete_count {  	font-weight: 600; font-size: 35px; letter-spacing: 0.6px;  padding: 5px 0px 7px 0px;   margin: 0px 2px 0px 0px;  
    color: #75c43b ;  text-align: center;  text-transform: uppercase;	line-height:30px;
}
.complete_count1 {font-weight: 600;  font-size: 35px;  letter-spacing: 0.6px;   padding: 5px 0px 7px 0px;  margin: 0px 2px 0px 0px;  
    color: #fc03a7; text-align: center;   text-transform: uppercase;	line-height:30px;
}
.complete_count2 {  font-weight: 600;  font-size: 35px;  letter-spacing: 0.6px;  padding: 5px 0px 7px 0px;  margin: 0px 2px 0px 0px;  
    color: #ff8502 ;  text-align: center;     text-transform: uppercase;line-height:30px;
}
.complete_count3 {  font-weight: 600;  font-size: 35px;  letter-spacing: 0.6px;   padding: 5px 0px 7px 0px;  margin: 0px 2px 0px 0px;  
    color: #0074ff ; text-align: center;    text-transform: uppercase;line-height:30px;
}
.within_days {  background-color: #fff;  width: 115px;   height: 115px;  text-align: center;  padding: 15px 0px 0px 0px;
    color: #2d2d2d;  border-radius: 50%;  border: 5px solid #f20e73; box-shadow: 0px 0px 0px #f20e73; text-transform: uppercase;
} 
.within_days_con { font-weight: 500;  font-size: 0.6em; letter-spacing: 0.3px;   padding: 0px 0px 0px 0px; margin: 0px 2px 0px 0px;  
    text-align: center; color: #f20e73 ;   text-transform: uppercase; 
}
.within_days_count {  	font-weight: 600;    font-size: 35px; letter-spacing: 0.6px;    padding: 5px 0px 7px 0px;   margin: 0px 2px 0px 0px;  
    text-align: center; color: #f20e73 ;  text-transform: uppercase;line-height:30px;
} 
.moretemplate_sec {  background-color: #edf5ff;  width: 100%;  text-align: center;  padding: 15px 6px;  color: #2d2d2d;  display: inline-block;
  margin-top: 0px;  border-radius: 8px;  box-shadow: 0px 0px 0px #b7d6fc;  margin-bottom: 10px;
}
.add_moretemplate{ float:left; width:50px; padding:10px 0px 0px 0px;}
.add_moretemplate_con{ float:left;  }
.connect_left { width: 100%; display: inline-block; }
.connect_left ul { margin: 0px; padding: 0px; }
.connect_left ul li { margin: 0px; padding: 0px;list-style: none;}
.connect_left ul li a {	margin: -5px 0px 0px 0px;	background: #fff;	width: 100%;	display: inline-block;
	padding: 4px 0px 4px 10px;	border-left: 2px solid #fff;	color: #4b4b4b;	border-bottom: 1px solid #f0f0f0;
}
.connect_left ul li a:hover {background:#f5f5f5; text-decoration: none;	border-left: 2px solid #4b4b4b;}
.connect_left .active {	margin: -5px 0px 0px 0px; padding: 5px 0px 5px 10px;	background: #f5f5f5;	width: 100%;
	display: inline-block;	color: #fff;	border-left: 2px solid #4b4b4b;
}
.connect_left ul li img {width: 35px; border-radius: 50%;}
.connect_left .form-control {padding: 10px 10px 10px 30px !important; background: #fff !important; border: 1px solid #e1e1e1 !important; border-radius: 5px !important;}	
.connectmessage_left {border-right: 1px solid #f7f7f7; width: 100%; padding: 10px 0px 0px 0px;}
.connectmessage_left ul {margin: 0px; padding: 0px; }
.connectmessage_left ul li {margin: 0px;padding: 0px; list-style: none; }
.connectmessage_left li a {margin: -6px 0px 0px 0px; padding: 5px 0px 5px 10px;    background:#fff; width: 100%;  	border-left: 0px solid #fff;
	color: #4b4b4b;	border-bottom: 1px solid #e1e2e2;	display:inline-block;
}
.connectmessage_left ul li a:hover {background: #f0f7ff; text-decoration: none; border-left: 0px solid #4b4b4b;}
.connectmessage_left .active {	margin: -6px 0px 0px 0px; background: #f0f7ff;width: 100%; 	padding: 5px 0px 5px 10px; 	border-left: 0px solid #4b4b4b;
	display:inline-block;
}
.connectmessage_left ul li img {width: 35px; border-radius: 50%; height:35px;}
.connectmessage_left .form-control {padding: 10px 10px 10px 30px !important;
background: #fff !important;border: 1px solid #e1e1e1 !important;
border-radius: 5px !important;
}
.connect_icon { width: 40px; float: left; margin: 4px 10px 0px 0px;}
.connect_icon img {width: 35px; height: 35px; border-radius: 50%;}
.message_icon1 {  width: 45px;float: left; margin: 4px 5px 0px 0px;}
.message_icon1 img { width:40px; height: 40px; border-radius: 50%;}
.connect_icons { width: 35px; }    
.connect_icons img {  width: 40px; height: 40px;  border-radius: 50%;    }
.connect_inbox{ background-color: #ffffff; width: 100%;  border: 0px solid #f7f7f8; margin: 0px 0px 8px 0px; padding: 2px 10px 4px 10px;
    border-radius: 0px; display: inline-block; position: relative;border:1px solid #e1e2e2;
} 
.connect_inbox .form-select{ margin:5px 0px 0px 0px;}
.connect_message{ margin:0px 0px 0px 0px; padding: 0px 10px 0px 0px;}
.co_message_l{ width:310px; margin:0px; padding:0px 15px 0px 15px; float:left;} 
.co_message_r { width: calc(100vw - 550px);  margin: 0px; padding: 0px 15px 0px 15px; float: left;}
.wrapper.toggled .page-content .co_message_r{ width: calc(100vw - 390px); margin:0px; padding:0px 15px 0px 15px; float:left;} 
.connect_search {  padding: 10px 15px 6px 7px; margin: 0px 0px 0px 0px;  position:  relative; width: 100%;	background: #fff;}
.connect_search .form-control {    display: block;
    width: 100%;
    padding: 0.375rem 15px;
    font-size: 0.8em;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
	 border:1px solid #e1e2e2 !important; 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 35px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 40px;
}
.inbox { font-size: 13px;  font-weight: 600; color: #1a2838; text-align: left; padding: 10px 0px 0px 0px;}	
.search_icon { position: relative; margin: -30px 0px 14px 18px; width: 30px;}

.icon_clr1 { background: #46ef9e; width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr2 { background: #d888eb; width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr3 { background: #39b3e4; width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr4 { background: #ff5454; width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr5 { background: #ffd200; width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr6 { background: #9ddb45; width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr7 { background: #fc03a7; width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr8 { background: #db5824; width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr9 { background: #c19d47; width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr10 {background: #e0a694; width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr11 {background: #955495; width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr12 {background: #60ac87; width: 35px; height: 35px; border-radius: 50%; font-size: 13px; color: #fff; text-align: center; line-height: 35px;}

.icon_clr_r1 {  width: 35px; height: 35px; border-radius: 50%; background: #46ef9e; font-size: 15px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr_r2 { width: 35px; height: 35px; border-radius: 50%; background: #d888eb; font-size: 15px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr_r3 { width: 35px; height: 35px; border-radius: 50%; background: #39b3e4; font-size: 15px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr_r4 { width: 35px; height: 35px; border-radius: 50%; background: #ff5454; font-size: 15px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr_r5 { width: 35px; height: 35px; border-radius: 50%; background: #ffd200; font-size: 15px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr_r6 { width: 35px; height: 35px; border-radius: 50%; background: #9ddb45; font-size: 15px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr_r7 { width: 35px; height: 35px; border-radius: 50%; background: #fc03a7; font-size: 15px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr_r8 { width: 35px; height: 35px; border-radius: 50%; background: #db5824; font-size: 15px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr_r9 {width: 35px;  height: 35px; border-radius: 50%; background: #c19d47; font-size: 15px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr_r10 { width: 35px; height: 35px; border-radius: 50%; background: #e0a694; font-size: 15px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr_r11 { width: 35px; height: 35px; border-radius: 50%; background: #955495; font-size: 15px; color: #fff; text-align: center; line-height: 35px;}
.icon_clr_r12 { width: 35px; height: 35px; border-radius: 50%; background: #60ac87; font-size: 15px; color: #fff; text-align: center; line-height: 35px;}  

.icon_clr_rs1 {  width: 30px; height: 30px; border-radius: 50%; background: #46ef9e; font-size: 14px; color: #fff; text-align: center; line-height: 30px;}
.icon_clr_rs2 { width: 30px; height: 30px; border-radius: 50%; background: #d888eb; font-size: 14px; color: #fff; text-align: center; line-height: 30px;}
.icon_clr_rs3 { width: 30px; height: 30px; border-radius: 50%; background: #39b3e4; font-size: 14px; color: #fff; text-align: center; line-height: 30px;}
.icon_clr_rs4 { width: 30px; height: 30px; border-radius: 50%; background: #ff5454; font-size: 14px; color: #fff; text-align: center; line-height: 30px;}
.icon_clr_rs5 { width: 30px; height: 30px; border-radius: 50%; background: #ffd200; font-size: 14px; color: #fff; text-align: center; line-height: 30px;}
.icon_clr_rs6 { width: 30px; height: 30px; border-radius: 50%; background: #9ddb45; font-size: 14px; color: #fff; text-align: center; line-height: 30px;}
.icon_clr_rs7 { width: 30px; height: 30px; border-radius: 50%; background: #fc03a7; font-size: 14px; color: #fff; text-align: center; line-height: 30px;}
.icon_clr_rs8 { width: 30px; height: 30px; border-radius: 50%; background: #db5824; font-size: 14px; color: #fff; text-align: center; line-height: 30px;}
.icon_clr_rs9 {width: 30px;  height: 30px; border-radius: 50%; background: #c19d47; font-size: 14px; color: #fff; text-align: center; line-height: 30px;}
.icon_clr_rs10 { width: 30px; height: 30px; border-radius: 50%; background: #e0a694; font-size: 14px; color: #fff; text-align: center; line-height: 30px;}
.icon_clr_rs11 { width: 30px; height: 30px; border-radius: 50%; background: #955495; font-size: 14px; color: #fff; text-align: center; line-height: 30px;}
.icon_clr_rs12 { width: 30px; height: 30px; border-radius: 50%; background: #60ac87; font-size: 14px; color: #fff; text-align: center; line-height: 30px;}
 
.icon_clr_nr1 { width: 15px; height: 15px; border-radius: 50%; background: #46ef9e; font-size: 9px; color: #fff; text-align: center; line-height: 15px; float: right;}
.icon_clr_nr2 { width: 15px; height: 15px; border-radius: 50%; background: #d888eb; font-size: 9px; color: #fff; text-align: center; line-height: 15px; float: right;}
.icon_clr_nr3 { width: 15px; height: 15px; border-radius: 50%; background: #39b3e4; font-size: 9px; color: #fff; text-align: center; line-height: 15px; float: right;}
.icon_clr_nr4 { width: 15px; height: 15px; border-radius: 50%; background: #ff5454; font-size: 9px; color: #fff; text-align: center; line-height: 15px; float: right;}
.icon_clr_nr5 { width: 15px; height: 15px; border-radius: 50%; background: #ffd200; font-size: 9px; color: #fff; text-align: center; line-height: 15px; float: right;}
.icon_clr_nr6 { width: 15px; height: 15px; border-radius: 50%; background: #9ddb45; font-size: 9px; color: #fff; text-align: center; line-height: 15px; float: right;}
.icon_clr_nr7 { width: 15px; height: 15px; border-radius: 50%; background: #fc03a7; font-size: 9px; color: #fff; text-align: center; line-height: 15px; float: right;}
.icon_clr_nr8 { width: 15px; height: 35px; border-radius: 50%; background: #db5824; font-size: 9px; color: #fff; text-align: center; line-height: 15px; float: right;}
.icon_clr_nr9 { width: 15px; height: 15px; border-radius: 50%; background: #c19d47; font-size: 9px; color: #fff; text-align: center; line-height: 15px; float: right;}
.icon_clr_nr10 {width: 15px; height: 15px; border-radius: 50%; background: #e0a694; font-size: 9px; color: #fff; text-align: center; line-height: 15px; float: right;}
.icon_clr_nr11 {width: 15px; height: 15px; border-radius: 50%; background: #955495; font-size: 9px; color: #fff; text-align: center; line-height: 15px; float: right;}
.icon_clr_nr12 {width: 15px; height: 15px; border-radius: 50%; background: #60ac87; font-size: 9px; color: #fff; text-align: center; line-height: 15px; float: right;}

.connect_con { width: 79%; float: left;}
.connect_name {font-size: 12px;font-weight: 500; color: #a6a8b8; text-align: left; padding: 3px 0px 0px 0px;}
.connect_con_name { font-size: 14px; font-weight: 500; color: #48465b; text-align: left; padding: 3px 0px 0px 0px;}
.connect_con_name1 {font-size: 14px; font-weight: 500; color: #48465b; text-align: left; padding: 11px 0px 0px 0px;}
.connect_con_name_r { font-size: 15px; font-weight: 600; color: #48465b; text-align: center;}
.connect_con_ac {font-size: 13px; font-weight: 600; color: #74788d; text-align: center;}
.dot { position: relative; display: inline-block;  height: 12px; width: 12px;  font-size: 0; vertical-align: middle;
    text-align: center; border-radius: 50%;	margin: 25px 5px 0px -16px; float: right;
}
.message_con_name1 { font-size: 14px;  font-weight: 500; color: #48465b;  text-align: left; padding: 3px 0px 0px 0px;}
.message_con_mail { font-size: 12px; font-weight: 500; color: #a6a8b8; text-align: left;  padding: 2px 0px 0px 0px;}
.mail_date { float:right; position:absolute; right:15px; font-size: 12px;  font-weight: 400; color: #a6a8b8; text-align: left;  padding: 12px 15px 0px 0px;}
.message_date {   font-size: 12px; font-weight: 400; color: #545454; padding: 7px 0px 0px 10px;}
.message_date_l {  font-size: 11px; font-weight: 400; color: #545454;  padding: 7px 0px 0px 10px;text-align:left;}
.message_date_r {  font-size: 11px; font-weight: 400; color: #545454;   padding: 7px 10px 0px 0px;text-align: right;}
.mail_icons { margin:0px; padding:0px;}
.mail_icons a { padding: 10px 6px 0px 6px; font-size:12px;	text-align:left; color:#2d2d2d;} 
.message_mail_head { font-size: 13px;  font-weight: 600;  color: #1a2838;    text-align: left;  padding: 10px 0px 0px 0px;     width: 70%;} 
.message_mail_con { font-size: 12px; font-weight: 400;	color: #4e4e4e; text-align: left; padding: 10px 0px 0px 0px;}
.message_mail_con1 { font-size: 12px;  font-weight: 400; color: #4e4e4e; text-align: left;	line-height:22px;  padding: 12px 0px 0px 0px;}
.replay_message { font-size: 12px;  font-weight: 500;  color: #1a2838;    text-align: left;  padding: 0px 0px 5px 0px;  } 
.replay_box { width:92%; float:left;   } 
.replay_btn { width:5%; float: right; margin:5px 0px 0px 0px;  } 
.replay_btns {  color: #000;   margin: 0px;  border-radius: 44px;  background-color: #f9f9f9 !important; border: 1px solid #0074ff !important;
    font-size: 11px;  font-weight: 600; padding: 5px 35px 5px 35px; min-height: 40px; text-transform: uppercase;  letter-spacing: 0.08em; line-height: 16px;
}
.dot-active {color: #fff;  background: #0abb87; border:2px solid #fff; }
.dot-busy { color: #fff;  background: #F90; border:2px solid #fff;}
.dot-notactive { color: #fff; background: #F00; border:2px solid #fff;} 
.compsenew { position: absolute;  width: 132px;  padding: 5px;  font-size: 12px;  font-weight: 600 !important;  color: #fff;
    height: 30px;  background: #0074ff;  border-radius: 30px;  z-index: 500;  right: 5px;   margin: 1px 0px 0px 0px;letter-spacing: 0.08em;
}
.compsenew_con{ float: left; padding:1px 2px 0px 5px;}
.compsenew_icon { float:right; margin:0px 0px 0px 0px;}
.add_new_task { width: auto;  padding: 2px 2px 4px 4px ; font-size: 10px; font-weight: 600 !important; color: #0074ff; height: 25px; background: #fff;
    border-radius: 30px;  z-index: 500; right: 5px; margin: 0px 0px 0px 0px; letter-spacing: 0.08em;  border: 1px solid #0074ff;  box-shadow: 0px 0px 1px #0074ff;
}
.add_new_task:hover {  color: #fff; height: 25px; background: #0074ff;  border: 1px solid #0074ff; }
.add_new_con { float: left; padding: 2px 5px 0px 2px; text-transform: uppercase;}
.add_new_icon { float:right; margin:0px 0px 0px 0px;}
.connect_head { font-size: 13px;  font-weight: 600; color: #1a2838;padding:5px 0px 3px 0px;overflow: hidden; text-overflow: clip; white-space: nowrap;width: 80%;}
.connect_contents { font-size: 12px; font-weight: 400; color: #a6a8b8; padding:0px 0px 5px 0px;	width: 80%;	 } 
.connect_con_des { font-size: 11px; font-weight: 400; color: #545454;} 
.connect_right { width: 100%; }
.message_right { padding: 10px 0px 0px 0px; width: 100%;}
.message_top { 	background-color: #ffffff; width: 100%;  border: 0px solid #f7f7f8;  margin: 0px 0px 8px 0px;  box-shadow: 0 0px 4px rgb(164 173 186 / 25%); 
    padding: 2px 0px 4px 10px; border-radius: 10px; display: inline-block; position: relative;	border:1px solid #e1e2e2;	
}
.connect_right_top { width: 100%; display: inline-block; border-bottom: 1px solid #e1e1e1;  padding: 0px 15px 8px 1px;}
.connect_right_top1 { width: 100%; display: inline-block; border-bottom: 1px solid #e1e1e1; padding: 0px 15px 20px 0px;}
.connect_right_bottom {width: 100%; display: inline-block; border-top: 1px solid #e1e1e1; padding: 10px 0px 8px 0px; margin: 5px 0px 0px 0px;}
.connect_icon1 {width: 85px; float: left; margin: 4px 0px 0px 0px;}
.connect_icon1 img {width: 70px; border-radius: 50%;}
.connect_con1 {width: 70%; float: left;}
.connect_con1_name {text-align: left; margin: 0px 0px 10px 0px; font-size: 20px; color: #2d2d2d;}
.connect_mr { margin-left: -20px; margin-top: 10px;}
.connect_btn { color: #9a9a9a !important; background-color: #fff !important; border-color: #e1e1e1; border: 1px solid #e1e1e1 !important; font-weight: bold;}
.connect_btn:hover {color: #fff !important;	background-color: #0074ff !important;border-color: #0074ff;	border: 1px solid #0074ff !important;	font-weight: bold;}
.panel_n { border-radius: 6px; border: 0px solid #f5daff !important;}
.panel-body1 { padding: 25px !important; background-color: #fff; border-radius: 10px !important; padding: 15px !important;}
.chat_left { width: 96%; float: left; margin:0px 0px 10px 0px ;}
.chat_right { width: 96%; float: right; margin:0px 0px 10px 0px ;}
.chat_box_l { width: 85%;  	float:left; }
/*.chat_box_l:hover { background: #e6f8f3; }*/
.chat_box_r { width: 85%;  float: right; }

.chat_content_l {  background: #eafff7; color: #2d2d2d; font-size: 13px;line-height:20px;   margin: 3px 0px 1px 8px;   border-radius:0px 8px 8px 8px!important;
    padding: 5px 10px 5px 10px;   font-weight: 500;text-align:left; float:left;	min-height:30px;
}
/*.chat_box_l:hover { background: #e6f8f3; }*/

.chat_content_r {  background: #fffae5;  color: #2d2d2d;  font-size: 13px;	line-height:20px;  margin: 3px 8px 1px 0px; border-radius:8px 0px 8px 8px!important;
    padding: 5px 10px 5px 10px;  font-weight: 500;text-align:right;  float: right; min-height:30px;
}
/*.chat_box_r:hover { background: #e6f8f3; }*/
.chat_icon1 { width: 30px; float: left; margin: 4px 0px 0px 0px; text-align: left;}
.chat_icon1 img { width: 30px; border-radius: 50%;}
.chat_icon2 {width: 30px; float: right; margin: 4px 0px 0px 0px; text-align: right;}
.chat_icon2 img { width: 30px; border-radius: 50%;}
.chat_icon3 {width: 100%;  margin: 0px 0px 0px 0px; padding:0px 15px 0px 0px; text-align:  right; display:inline-block;}
.chat_icon3 img { width: 18px; border-radius: 50%;}
.chat_name {font-size: 12px; font-weight: 500; color: #48465b; text-align: left; padding: 12px 0px 0px 12px; float: left;}
.chat_name span { font-size: 10px; color: #74788d; font-weight: 400; }
.chat_name1 { font-size: 12px; font-weight: 500; color: #48465b; text-align: left; padding: 12px 12px 0px 0px; float: right;}
.chat_name1 span { font-size: 10px; color: #74788d; font-weight: 400;}
.connect_con_noti {  display: inline-block;  padding: 0px; margin: 8px 0px 0px 0px; font-size: 10px; font-weight: 500; line-height: 15px; text-align: center;
    white-space: nowrap;  vertical-align: baseline;  border-radius: 50%; width:15px;height: 15px; text-align: center; background: #4b4b4b;  position:  relative;
    color: #fff; float: right;right: 0;
}
.connect_date{ display: inline-block; padding: 0px; margin: 4px 0px 0px 0px; font-size:11px; font-weight: 500; line-height: 15px; text-align: center;
    white-space: nowrap; vertical-align: baseline; border-radius: 50%;  text-align: center;  position:  relative;  color: #a6a8b8; float: right; right: 0;
}
.message_com{ background:#35bd00; padding: 1px 3px 1px 3px;  margin: -25px 0px 0px 0px; text-align: center; white-space: nowrap;  vertical-align: baseline;
    border-radius: 5px;  text-align: center;  position:  relative; float: right; right: 0;	color:#FFF;font-size:10px;	width: 45px;
}
.message_send{ background: #F60; padding: 1px 3px 1px 3px; margin: -25px 0px 0px 0px; text-align: center; white-space: nowrap;
    vertical-align: baseline;  border-radius: 5px;  text-align: center;  position:  relative;  float: right;  right: 0;color:#FFF;	font-size:10px;	width: 45px;
}
.message_replay{ padding: 1px 3px 1px 3px; margin: -25px 0px 0px 0px;  text-align: center;    white-space: nowrap; vertical-align: baseline;    border-radius: 5px; 
    text-align: center;  position:  relative; float: right; right: 0;background: #0074ff;	color:#FFF;	font-size:10px;	width: 45px;
}
.message_read{ padding: 1px 3px 1px 3px; margin: -25px 0px 0px 0px;  text-align: center;   white-space: nowrap;  vertical-align: baseline;    border-radius: 5px; 
    text-align: center;  position:  relative;  float: right; right: 0;	background: #0bbb98;color:#FFF;	font-size:10px;	width: 45px;
}
 .connect_star{  display:  none;  padding: 0px;  margin: -35px 0px 0px 0px;   text-align: center; white-space: nowrap;
    vertical-align: baseline;  border-radius: 50%;  text-align: center;  position:  relative; float: right; right: 0;
}
.connect_star .fa-star-o{ color: #a6a8b8; font-size: 12px;}
.connect_star .fa-star{ color: #fdc844; font-size: 12px;}
.connect_sec_top{ display: inline-block; padding: 0px; margin: 0px 0px 0px 0px; }
.search_icon { position: absolute; margin: 6px 0px 14px 7px; width: 30px; right: 15px;}
.position{ position:relative;}
.search_icon .fa { color: #adadab !important;}
.videobox{ position:fixed; right:12px; top:100px; width:480px;  height:50px;  }
.video_section_box1 { background-color: #f0f7ff;  width: 100%;  border: 0px solid #f7f7f8;  margin: 0px 0px 8px 0px; padding: 0px;
    box-shadow: 0 0px 5px #ccc;   border-radius: 8px; display: inline-block; position: relative;	
}
.video_box1_content {  padding: 25px 0px 0px 0px; display: inline-block; width: 100%; position: relative; min-height:350px;}

.video_start { width:205px; margin:120px auto 0px auto;}
.video_start a {  margin:0px !important;   background: #0074ff ;  padding: 10px 6px 10px 6px !important;  border-radius: 4px;  color: #fff;  
  text-align: center;  font-size: 15px;border: 1px solid #0074ff ;  font-weight: 500;   display:inline-block; width:100%;
}
.video_start a:hover {  color: #000; background: #f0f0f0 ; border: 1px solid #f6f5f9 ; cursor: pointer; }

.chat_namesec{ position:fixed; right:12px; bottom:-15px; width:290px; z-index:5000;}
.chatsec{ position:fixed; right:315px; bottom:-15px; width:420px; z-index:5000;}	

.connect_right_bottom .form-control {    padding: 7px 15px;  border-radius: 30px !important;  border: 1px solid #d5d7da;  font-size: 14px;
    transition: all .15s ease-out;  background-color: #f9f9f9;  color: #33475b; display: block;   line-height: 22px; text-align: left; vertical-align: middle;
    width: 100%;  -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important; box-shadow: inset 0 0px 0px rgba(0,0,0,.075) !important;	height: 40px !important;
}
.connect_right_bottom .text_area { height: 60px !important;  resize: none;}
.chat_form{ width:89%; float:left;}
.chat_send{ width:9%; float: right; margin:5px 0px 0px 0px;}
.chat_section_box1 {background-color: #ffffff;  width: 100%;  border: 0px solid #f7f7f8;
    margin: 0px 0px 8px 0px; padding: 0px; box-shadow: 0 0px 5px #ccc;  border-radius: 8px; display: inline-block; position: relative;
}
.chatsec_close{ margin:15px 0px 0px 0px !important; line-height: 22px !important;}
.chatsec_close1{ margin:15px 0px 0px 0px !important; line-height: 22px !important; }
.cahticon_top{ float:right; margin:0px 0px 0px 7px;}
.cahticon_top a{  text-align:   right;  font-size: 11px; color: #333;  text-decoration: none;
  margin: 0px 0px 0px 0px; padding:7px 0px 0px 0px;  width:100%; font-weight: 600; text-transform:  none;   
}
.invite_btns{    float: right; margin: 0px 0px -26px 15px; position:  relative; right: -91px;}
.invite_btns a{    text-align:   right;  font-size: 11px;  color: #333;  text-decoration: none;
  margin: 0px 0px 0px 0px;  padding:7px 0px 0px 0px;  width:100%;  font-weight: 600;  text-transform:  none;   
}
.invite_btns1{    float: right; margin: 0px 0px -26px 15px; position:  relative; }
.invite_btns1 a{   text-align:   right;  font-size: 11px;  color: #333;  text-decoration: none;
  margin: 0px 0px 0px 0px;  padding:7px 0px 0px 0px;  width:100%;  font-weight: 600;  text-transform:  none;   
}
.cahticon_top {}
.cahticon_top img { width: 25px; margin: -3px 0px 0px 0px; position: relative;}
.select_date { background: #fff;   width: 100%; padding: 0px; display: inline-block;  font-size: 12px;  text-align: center; color: #2d2d2d;}
.booking_times_w { margin: 0px; padding: 0px;}
.booking_times_w ul { margin: 0px; padding: 0px;    }
.booking_times_w li { margin: 0px 5px 0px 0px; padding: 0px; list-style: none; float: left; width:23%;}
.booking_times_w li a {	background-color: #fff !important;	border: 1px solid #ccf1ff !important;color: #545454;	margin: 0px 5px 10px 0px; padding: 5px 0px 5px 0px;
	font-size: 12px;border-radius: 4px;	text-align: center;	display: inline-block;	width: 100%;font-weight: 500;text-transform:uppercase;
}
.booking_times_w li a:hover {background: #ccf1ff !important;color: #000;}
.booking_times_w .active {background: #ccf1ff !important; color: #000;}
.followup_bt{ float:left; width:50px;}
.vitalsview{ position:relative;}
.peview{ position:relative;}
.reviewsystemview{ position:relative;}
.careplansview{ position:relative;}
.vitalsforms {position: relative;} 
.peforms {position: relative;}
.reviewsystemforms {position: relative;}
.careplanforms {position: relative;}

.settings_sec { background-color: #fff;/*box-shadow: 0px 0px 5px #ccc;*/  width: 100%;  text-align: center;  padding: 15px 6px; margin-bottom: 15px;
  color: #2d2d2d; display: inline-block;   border-radius: 8px;   min-height:140px;
}
.settings_sec_con{ font-size:16px !important; color: #000;  font-weight: 600;  text-align: center;
  padding: 0px 10px 3px 10px;  margin-top: 0;  text-transform:  none;  line-height: 18px;  text-align:left;  overflow: hidden; text-overflow: clip;    white-space: nowrap;
}
.settings_links { margin:8px 0px 0px 0px; padding:0px 0px 0px 25px;}
.settings_links ul { margin:0px; padding:0px;}
.settings_links li { margin:0px; padding:0px; text-align:  left;} 
.settings_links li a{ color:#2d2d2d; font-size: 14px !important;  line-height: 24px; font-weight: 400; text-align:  left; padding: 0px 10px 0px 10px; margin-top: 0;}
.settings_links li a:hover{ color:#0074ff; text-decoration:none;}
.helpcenter_sec {  background-color: #fff;  width: 100%; /*box-shadow: 0px 0px 5px #ccc;*/ text-align: center;  color: #2d2d2d; display: inline-block; 
   padding: 12px 10px 12px 10px;  margin-bottom: 15px;  border-radius: 8px;   min-height:111px;
}
.helpcenter_sec_con { margin: 0px; padding: 0px 0px 0px 0px;width: 100%; display: inline-block;}
.helpcenter_sec_con a{  color: #2d2d2d;  padding: 0px 10px 0px 10px;  margin:0px;  }
.helpcenter_sec_con:hover{ text-decoration:none;  color: #ccc; }
.helpcenter_icon{ margin:0px 8px 0px 0px; padding:0px 0px 10px 0px; width:28px; float: left;}
.helpcenter_icon img{ width:28px;}
.helpcenter_cont {  margin: 0px; padding: 0px 0px 0px 0px; width: 76%;  float: left;}
.helpcenter_h{ font-size:15px !important;  color: #2d2d2d;  font-weight: 600;  text-align:  left;  padding: 0px 0px 7px 0px;  margin:0px;
  text-transform:    none;  line-height: 18px;  font-family: 'Source Sans Pro', sans-serif !important;
} 
.helpcenter_p{ font-size:13px !important;  color: #2d2d2d;  font-weight: 500;  text-align:  left;
  padding: 0px 0px 0px 0px;  margin:0px; text-transform:    none;  line-height: 20px;  letter-spacing: 0px;   
} 
#reviewofsystems  h2 { 	color: #ba104f !important;  margin: 0px 0px 0px 0px !important;    padding: 5px 0px 0px 5px;
    text-align: left;  font-weight: 700 !important;    border-bottom: 0px solid #e8e8e8;
    width: 100%;    display: inline-block;  font-size: 12px !important;  letter-spacing: 0.06em;  text-transform:  none !important;	font-family: 'Oxygen', sans-serif;
}
.clinics_amt { float:left; width:35px; height:35px; background:#fff;  border-radius:50%;  font-size: 20px !important;  font-weight: 600;  text-align: center;
  padding: 0px 0px 0px 0px; margin:0px 10px 0px 0px;  text-transform: uppercase;  line-height: 32px;  box-shadow: 0px 0px 0px #e2e2e2;   
}
.clinics_amt_br1{ color: #ff5454;  border: 2px solid #ff5454;}
.clinics_amt_br2{ color: #d266ec;  border: 2px solid #d266ec;}
.clinics_amt_br3{  color: #39b3e4; border: 2px solid #39b3e4;}
.clinics_amt_br4{  color: #75c43b; border: 2px solid #75c43b;}
.clinics_amt_br5{ color: #fc03a7;  border: 2px solid #fc03a7;}
.clinics_amt_br6{  color: #ff8502; border: 2px solid #ff8502;} 
.clinics_amt_con { float:left; /*width:65%; */  border-radius:50%;  font-size: 11px !important; color: #646464; font-weight: 600; text-align:  left;
  padding: 6px 0px 0px 0px; margin-top: 0; text-transform: uppercase; line-height: 24px;
 }
.clinc_docters_image { width:36px; float: left; margin: 5px 10px 5px 0px ;}
.clinc_docters_image img { border-radius: 50%; width: 33px; height: 33px;}
.clinc_docters_name { font-weight:700; padding: 10px 0px 7px 15px !important; text-align:   left; font-size: 12px;}
.accordian_tab{ margin: 0px 0px 15px 0px; width:100%; padding: 0px; }
.accordian_tab h1{ list-style:none; padding:14px 20px 14px 15px; margin:0px 0px 5px 0px;  background:#fff; border-bottom:0px solid #ccc; 
font-size: 12px; border-radius: 0px; letter-spacing: .1em; color:#2d2d2d; font-family: 'Oxygen', sans-serif;} 
.accordian_head{  font-size: 15px !important; color:#000000 !important;} 
.accordian_tab h1:hover{ list-style:none; padding:14px 20px 14px 15px; background: #f1ffe4; border-bottom:0px solid #ccc; color:#000;} 
.accordian_cont{ border:1px solid #ccc; background:#fff; border-radius: 0px; padding:20px; margin:20px; } 
.accordian_tab .active{ background: #f1ffe4 !important; color:#000000 !important; border-radius:0px; padding:14px 20px 14px 15px;}	
.acc_con{ display:none; background: #fff; color:#545454; border-radius: 0px;padding:15px; border-bottom:0px solid #ccc; margin:0px 0px 5px 0px; 
font-size:14px; color:#2d2d2d; }
.acc_con p{  margin:0px 0px 5px 0px; font-size:14px; color:#000; line-height:26px;	 }
.arrow {  border: solid #2d2d2d; border-width: 0 1px 1px 0;  display: inline-block;  padding: 3px;  transform: rotate(-45deg); 
  -webkit-transform: rotate(-45deg);  float:right;
} 
.active .arrow { transform: rotate(45deg);  -webkit-transform: rotate(45deg);}
.accordian_tab h3 { color: #ba104f !important;  margin: 0px 0px 0px 0px !important;  padding: 15px 0px 15px 110px; text-align: left;  font-weight: 500 !important;  
    width: 100%;  display: inline-block; font-size: 10px !important; letter-spacing: 0.1em;  text-transform: uppercase;  }

.accordian_tab1{ margin: 0px 0px 15px 0px; width:100%; padding: 0px; }
.accordian_tab1 h1{ list-style:none; padding:14px 20px 14px 15px; margin:0px 0px 5px 0px;  background:#fff; border-bottom:0px solid #ccc; 
font-size: 16px !important; font-weight:500; border-radius: 0px;  color:#000; 
} 
.accordian_head1{  font-size: 15px !important; color:#000000 !important;} 
.accordian_tab1 h1:hover{ list-style:none; padding:14px 20px 14px 15px; background: #f1ffe4; border-bottom:0px solid #ccc; color:#000;} 
.accordian_cont1{ border:1px solid #ccc; background:#fff; border-radius: 0px; padding:20px; margin:20px; } 
.accordian_tab1 .active{ background: #f1ffe4 !important; color:#000000 !important; border-radius:0px; padding:14px 20px 14px 15px;}	
.acc_con1{ display:none; background: #fff; color:#545454; border-radius: 0px;padding:15px; border-bottom:0px solid #ccc; margin:0px 0px 5px 0px; 
font-size:14px; color:#000; }
.acc_con1 p{  margin:0px 0px 5px 0px; font-size:15px !important; color:#000; font-weight:400; line-height:26px;   }
.arrow1 {  border: solid #2d2d2d; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);
  float:right;
} 
.active1 .arrow1 { transform: rotate(45deg);  -webkit-transform: rotate(45deg);}
.accordian_tab1 h3 { color: #ba104f !important; margin: 0px 0px 0px 0px !important;  padding: 15px 0px 15px 110px; text-align: left; font-weight: 500 !important;
    width: 100%; display: inline-block;  font-size: 10px !important; letter-spacing: 0.1em;  text-transform: uppercase; 
}
.time_m { float: left; margin: 1px 0px 8px 0px;  padding: 0px 3px 0px 3px; width: 25%;}
.time_m a { background-color: #fff ;  border: 1px solid #ccf1ff !important;  color: #545454;  margin: 0px 5px 5px 0px;  padding: 5px 0px 5px 0px;
    font-size: 12px;   border-radius: 4px;  text-align: center;  display: inline-block;  width: 100%;  font-weight: 500; text-transform: uppercase;
}
.time_m a:hover { color:#000; background-color: #ccf1ff; border:1px solid #ccf1ff;}    
.time_m .active {color:#000 !important; background-color: #ccf1ff; 	border:1px solid #ccf1ff;}
.dental_sec{ position:relative; margin:0px auto; padding:0px; width:257px;}
.dental_sec1{ position:relative; margin:40px auto 40px auto; padding:0px;  width: 815px;
    background: #f8f8f9;  /*box-shadow: 0px 0px 5px #ccc;*/   border-radius: 6px;	min-height: 350px;
} 
.teeth_sec{ position:relative; margin:0px 0px 15px 0px; padding:0px; width:100%; display:inline-block; padding: 0px 0px 0px 15px;} 
.teeths{ position:absolute; margin:0px auto; padding:0px; width:257px; z-index:3;}
.teeths a{ margin:0px auto; padding:0px; z-index:50; font-size:12px; color:#000; width:23px; height:23px; border-radius: 50%;
	display: inline-block;text-align:center;line-height:23px;font-weight: bold;
}
.teeths a:hover{ margin:0px auto; padding:0px; background:#30be0a; color:#fff; text-align:center; width:23px; height:23px; line-height:23px; cursor:pointer; }
.teeths .active{ margin:0px auto; padding:0px; background:#30be0a; color:#fff; text-align:center; width:23px; height:23px; line-height:23px;}
.teeth_n{ position: relative; float:left; margin:0px 3px 0px 3px; padding:0px;   z-index:3;} 
.dental_images{  position: absolute; z-index: 500; width: 55px; height: 116px;}
.dental_mask1{ display: block;  margin: 0px 0px 5px 0px; width:53px; height:116px; clip-path:url(#dental1);}
.dental_mask2{   display: block;  margin: 0px 0px 5px 0px; width:53px; height:116px; clip-path:url(#dental2);}
.dental_mask3{   display: block;  margin: 0px 0px 5px 0px; width:53px; height:116px; clip-path:url(#dental3);}
.dental_mask4{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental4);}
.dental_mask5{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental5);}
.dental_mask6{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental6);}
.dental_mask7{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental7);}
.dental_mask8{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental8);}
.dental_mask9{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental9);}
.dental_mask10{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental10);}
.dental_mask11{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental11);}
.dental_mask12{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental12);}
.dental_mask13{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental13);}
.dental_mask14{   display: block;  margin: 0px 0px 5px 0px; width:53px; height:116px; clip-path:url(#dental14);}
.dental_mask15{   display: block;  margin: 0px 0px 5px 0px; width:53px; height:116px; clip-path:url(#dental15);}
.dental_mask16{   display: block;  margin: 0px 0px 5px 0px; width:53px; height:116px; clip-path:url(#dental16);}
.dental_mask17{   display: block;  margin: 0px 0px 5px 0px; width:53px; height:116px; clip-path:url(#dental17);}
.dental_mask18{   display: block;  margin: 0px 0px 5px 0px; width:53px; height:116px; clip-path:url(#dental18);}
.dental_mask19{   display: block;  margin: 0px 0px 5px 0px; width:53px; height:116px; clip-path:url(#dental19);}
.dental_mask20{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental20);}
.dental_mask21{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental21);}
.dental_mask22{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental22);}
.dental_mask23{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental23);}
.dental_mask24{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental24);}
.dental_mask25{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental25);}
.dental_mask26{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental26);}
.dental_mask27{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental27);}
.dental_mask28{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental28);}
.dental_mask29{   display: block;  margin: 0px 0px 5px 0px; width:40px; height:116px; clip-path:url(#dental29);}
.dental_mask30{   display: block;  margin: 0px 0px 5px 0px; width:53px; height:116px; clip-path:url(#dental30);}
.dental_mask31{   display: block;  margin: 0px 0px 5px 0px; width:53px; height:116px; clip-path:url(#dental31);}
.dental_mask32{   display: block;  margin: 0px 0px 5px 0px; width:53px; height:116px; clip-path:url(#dental32);}

.dental1_clr0{ background:#fff; display: block; margin: 0px 0px 5px 0px; width:53px; height:116px; }
.dental1_clr1{ background:#aec9ff; display: block; margin: 0px 0px 5px 0px; width:53px; height:116px; }
.dental1_clr2{ background:#ffb5e7; display: block; margin: 0px 0px 5px 0px; width:53px; height:116px; }
.dental1_clr3{ background:#c6a3ff; display: block; margin: 0px 0px 5px 0px; width:53px; height:116px; }
.dental1_clr4{ background:#e8ffaa; display: block; margin: 0px 0px 5px 0px; width:40px; height:116px; }
.dental1_clr5{ background:#bdfdc3; display: block; margin: 0px 0px 5px 0px; width:40px; height:116px; }
.dental1_clr6{ background:#f6a5fe; display: block; margin: 0px 0px 5px 0px; width:40px; height:116px; }
.dental1_clr7{ background:#adf9d8; display: block; margin: 0px 0px 5px 0px; width:40px; height:116px; }
.dental1_clr8{ background:#fff4bb; display: block; margin: 0px 0px 5px 0px; width:40px; height:116px; }
.dental1_clr9{ background:#ecd3fe; display: block; margin: 0px 0px 5px 0px; width:40px; height:116px; }
.dental1_clr10{ background:#ffbaf4; display: block; margin: 0px 0px 5px 0px; width:40px; height:116px; }
.dental1_clr11{ background:#f8b7ff; display: block; margin: 0px 0px 5px 0px; width:53px; height:116px; }
.dental1_clr12{ background:#6eb6ff; display: block; margin: 0px 0px 5px 0px; width:53px; height:116px; }
.dental1_clr13{ background:#d6ffbd; display: block; margin: 0px 0px 5px 0px; width:53px; height:116px; }
.dental1_clr14{ background:#fec9dd; display: block; margin: 0px 0px 5px 0px; width:53px; height:116px; } 
 
.teeth_n .dicons {  display: block; margin: 0px 0px 5px 0px;}
.teeth_n .dicons1 {  display: none; margin: 0px 0px 5px 0px;}
.teeth_n:hover .dicons {cursor:pointer; display: none;}
.teeth_n:hover .dicons1 {cursor:pointer; display: block;}
.teeth_sec .active {   color: #0074ff !important; border-radius: 5px !important;  opacity: 1;}
.teeth_sec .active .dicons {  display: none ;}
.teeth_sec .active .dicons1 {  display: block ;}  
.teeth_number{ text-align:center; font-size:11px; font-weight:600; color:#000;}
.teeth_sec .active .teeth_number{ text-align:center; font-size:11px; font-weight:600; color:#7949c9;}
.teeth_names{ position:absolute; width:100%; margin:-20px 0px 0px 0px; padding: 0px 0px 0px 25px;}
.teeth_names_se{ float:left; width:19.5%; text-align:center; font-size:12px; font-weight:600; border-top:1px solid #000; margin:0px 15px 0px 0px; padding:10px 0px 0px 0px;}
.teeth_names_se1{ float:left; width:9%; text-align:center; font-size:12px; font-weight:600; border-top:1px solid #000; margin:0px 15px 0px 0px; padding:10px 0px 0px 0px;}
.teeth_names_se2{ float:left; width:5%; text-align:center; font-size:12px; font-weight:600; border-top:1px solid #000; margin:0px 15px 0px 0px; padding:10px 0px 0px 0px;}
.teeth_names_se3{ float:left; width:19.5%; text-align:center; font-size:12px; font-weight:600; border-top:1px solid #000; margin:0px 15px 0px 0px; padding:10px 0px 0px 0px;}

.teeth_details {    background-color: #fff;  width: 99%;  text-align: center;  padding: 6px; margin:0px 0px 12px 3px;
    color: #2d2d2d;  display: inline-block;   border-radius: 8px;box-shadow: 0px 0px 0px #ccc; 	border:1px solid #eee;
}
.teeth_details_m { width:100%; position:relative;  display:inline-block; }
.teeth_conditions_m { width:100%; position:relative; display:inline-block; }
.teeth_conditions1 { font-style:  normal; background:#ffd3cc; padding:3px 5px 3px 5px; margin:0px 7px 3px 0px;
    border-radius: 5px;	font-size: 11px;	font-weight:normal;	color:#000;	float:left;}
.teeth_conditions2{font-style:  normal; background:#f5cbff; padding:3px 5px 3px 5px; margin:0px 7px 3px 0px;
    border-radius: 5px;	font-size: 11px;	font-weight:normal;	color:#000;	float:left;	
}
.teeth_conditions3{font-style:  normal; background:#b1e9ff; padding:3px 5px 3px 5px; margin:0px 7px 3px 0px;
    border-radius: 5px;font-size: 11px;	font-weight:normal;	color:#000;	float:left;	
}
.teeth_conditions4{font-style:  normal; background:#ffd988; padding:3px 5px 3px 5px; margin:0px 7px 3px 0px;
    border-radius: 5px;font-size: 11px;font-weight:normal;color:#000;float:left;	
}
.teeth_conditions5{font-style:  normal; background:#d0ffb8; padding:3px 5px 3px 5px; margin:0px 7px 3px 0px;
    border-radius: 5px;font-size: 11px;	font-weight:normal;	color:#000;	float:left;	
}
.teeth_head{ font-size: 12px;  font-weight: 600 !important;  line-height: 21px;  text-align: left;  flex-grow: 1;  color: #ba104f;
    padding: 7px 0px 0px 0px;  text-transform: none; font-family: 'Oxygen', sans-serif;
}
.teeth_detailscon{ text-align: left; font-size:13px; font-weight:400; margin:0px 0px 0px 0px; padding:6px 0px 5px 0px;color:#000;}

.dental_1{ margin:188px 0px 0px 14px; padding:0px;}
.dental_2{ margin:154px 0px 0px 17px; padding:0px;}
.dental_3{ margin:117px 0px 0px 21px; padding:0px;}
.dental_4{ margin:81px 0px 0px 29px; padding:0px;}
.dental_5{ margin:54px 0px 0px 38px; padding:0px;}
.dental_6{ margin:29px 0px 0px 45px; padding:0px;}
.dental_7{ margin:11px 0px 0px 68px; padding:0px;}
.dental_8{ margin:2px 0px 0px 97px; padding:0px;}
.dental_9{ margin:2px 0px 0px 130px; padding:0px;}
.dental_10{ margin:12px 0px 0px 163px; padding:0px;}
.dental_11{ margin:29px 0px 0px 184px; padding:0px;}
.dental_12{ margin:53px 0px 0px 195px; padding:0px;}
.dental_13{ margin:82px 0px 0px 202px; padding:0px;}
.dental_14{ margin:114px 0px 0px 210px; padding:0px;}
.dental_15{ margin:151px 0px 0px 215px; padding:0px;}
.dental_16{ margin:188px 0px 0px 218px; padding:0px;}
.dental_17{ margin:262px 0px 0px 214px; padding:0px; z-index:4;}
.dental_18{ margin:296px 0px 0px 210px; padding:0px; z-index:4;}
.dental_19{ margin:337px 0px 0px 203px; padding:0px; z-index:4;}
.dental_20{ margin:372px 0px 0px 194px; padding:0px; z-index:4;}
.dental_21{ margin:399px 0px 0px 185px; padding:0px; z-index:4;}
.dental_22{ margin:423px 0px 0px 171px; padding:0px; z-index:8;}
.dental_23{ margin:431px 0px 0px 151px; padding:0px; z-index:7;}
.dental_24{ margin:435px 0px 0px 126px; padding:0px; z-index:6;}
.dental_25{ margin:435px 0px 0px 103px; padding:0px; z-index:5;}
.dental_26{ margin:431px 0px 0px 79px; padding:0px; z-index:4;}
.dental_27{ margin:423px 0px 0px 58px; padding:0px;}
.dental_28{ margin:401px 0px 0px 43px; padding:0px;}
.dental_29{ margin:373px 0px 0px 35px; padding:0px;}
.dental_30{ margin:341px 0px 0px 25px; padding:0px;}
.dental_31{ margin:301px 0px 0px 16px; padding:0px;}
.dental_32{ margin:262px 0px 0px 14px; padding:0px;}
.desk{ display:block;} 
.mob{ display:  block;}
.mob_sec{ display: none;}
.desk_enc{ display:block;} 
.mob_enc{ display: none;}
 
#dates_bt { margin:0px;}
#dates_sh { display: none;}
.frontoffice_cons{ font-size: 25px !important;  color: #646464;  font-weight: 600;  text-align:  left;  padding: 15px 0px 15px 0px;  margin-top: 0;
    text-transform: uppercase; line-height: 21px;
} 
.frontoffice_cons span { font-size: 11px !important; line-height: 24px;}
.allnormal {    letter-spacing: 0.02em; position: absolute; right: 0px; margin:5px 0px 0px 0px;}
.allnormal a { float: right;  font-style: normal;   padding: 3px;  border-radius: 5px;  font-size: 11px;  font-weight: normal;  color: #09a642; }
#reviewofsystems_summ h2 {color: #545454 !important;  margin: 0px 0px 0px 0px !important; padding: 5px 0px 0px 5px;
    text-align: left; font-weight: 700 !important;    border-bottom: 0px solid #e8e8e8 !important;
    width: 100%; display: inline-block;  font-size: 12px !important;  letter-spacing: 0.06em;  text-transform:  none;
	font-family: 'Oxygen', sans-serif;
}
.stocksselect{  padding: 0px;}
.stocksedit {  padding: 0px; display: none;}
.mail_repaly_close{  margin-top: -32px;}
.mailcompose_close {right: 2px !important;  margin-top: -5px;}
.registration_forms .form-select { display: block;    width: 100%;    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);    font-size: 0.8em;
    font-weight: 400;    line-height: 1.5;    color: #212529;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 0px solid #e1e2e2;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 48px;
}
span.email-ids {font-size: 12px; float: left; /* padding: 4px; */    border: 1px solid #ccc; border-radius: 5px;    margin-right: 5px; margin-bottom: 5px;
	padding-left: 10px;  padding-right: 10px; padding-top: 3px; padding-bottom: 3px;    
    background: #f5f5f5; 
}
span.cancel-email { border: 1px solid #ccc;  width: 18px; display: block;  float: right;  text-align: center;  margin-left: 20px;  border-radius: 49%;
    height: 18px;  line-height: 15px;  margin-top: 1px;    cursor: pointer;
}
.email-id-row {background-color: #fff; border-bottom: 1px solid #e1e2e2 !important; border-radius: 0; color: #212529; width:100%;}
.email-id-row input {font-size: 12px; border: 0px; outline:0px;}
span.to-input { display: block;  float: left; padding-right: 11px;}
.email-id-row {font-size: 0.8em; padding-left:0px;  padding-top: 6px;  padding-bottom: 12px;}
.mailcompose1 .form-control {  display: block;  width: 100%; padding: 0.375rem 0rem;  font-size: 0.8em;  font-weight: 400;  line-height: 1.5;
    color: #212529;    background-color: #fff;  background-clip: padding-box;   border: 0px solid #e1e2e2 !important;	border-bottom: 1px solid #e1e2e2 !important;
    -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;  height:40px;
}
.mailcompose1 .text_area1 { height: 285px !important;  resize: none;}
#reports .form-group {   clear: both;    display: inline-block;  margin-bottom: 10px !important; width: 100%;    position: relative;}
 #pe_smok  td  { color: #ba104f ;  /*color: #073578 ;*/
    margin: 0px 0px 0px 0px ;    padding: 5px 5px 5px 5px;  text-align: left; font-weight: 700  ; border-bottom: 0px solid #e8e8e8 ; 
    font-size: 12px ; letter-spacing: 0.06em; text-transform: none;  font-family: 'Oxygen', sans-serif;
}
#manual_medicenc { padding: 0px 0px 0px 3px;}
.consultantname{ color: #000 ;  margin: 0px 0px 0px 0px ;  padding: 5px 5px 5px 5px; text-align:  center; font-weight: 500  ; font-size: 12px ;
    letter-spacing: 0.06em; text-transform: none; font-family: 'Oxygen', sans-serif;
}
#dvConsultantLst img{ width:70px;}
.finishencounter{ border:1px solid #F00;}
.consent_head { color: #000 !important; margin: 0px 0px 0px 0px !important;    padding: 20px 0px 0px 0px;
    text-align: left;    font-weight: 600 !important;    width: 100%;    display: inline-block;    font-size: 12px !important;
    letter-spacing: 0.1em; text-transform:  none;
}
.hipaa_agreement { margin:0px !important; padding:0px;	}
.hipaa_agreement a { color:#000;background-color: #f7f7f7;  width: 100%;  border: 0px solid #f7f7f8;    
margin: 0px 0px 8px 0px;  padding: 10px 15px 10px 15px;    border-radius: 0px;    display: inline-block;    position: relative;border:1px solid #f7f7f7;	
}
.hipaa_agreement a:hover { background-color: #ddecfe ; border:1px solid #e1e2e2;}
.hipaa_con{ float:left; width:70%; font-size:13px; font-weight:600;}
.hipaa_sign{ float: right; width:30%; font-size:11px; font-weight:600; text-align:right;}
.readmore{ margin:0px; padding:0px;}
.readmore a { display: inline-block; font-weight: 500 !important;  size: 100%;  margin-bottom: 3px; padding: 5px 0px 0px 0px; font-size: 12px;    
    color: #3c65e6;  width: 100%;  text-transform: none;  font-family: 'Source Sans Pro', sans-serif !important;
}
.readmore a:hover { display: inline-block; font-weight: 500 !important;  size: 100%;  margin-bottom: 3px; padding: 5px 0px 0px 0px; font-size: 12px;    
    color: #3c65e6;   width: 100%;  text-transform: none;  font-family: 'Source Sans Pro', sans-serif !important;
}
.email_box1 { background-color: #ffffff;   width: 100%;  border: 0px solid #f7f7f8;  margin: 0px 0px 8px 0px; padding: 0px;   box-shadow: 0 0px 5px rgb(164 173 186 / 25%);    
    border-radius: 0px;   display: inline-block;    position: relative;
}
.email_box2 { position: absolute;  background-color: #ffffff;    width: 89%;  border: 0px solid #f7f7f8;  margin: 0px 0px 8px 0px; padding: 0px;
    box-shadow: 0 0px 5px rgb(164 173 186 / 25%);    border-radius: 0px;    display: inline-block;     
}
.email_content { padding: 50px 50px 20px 50px;    display: inline-block;    width: 100%;    position: relative;
    font-size: 14px;	height: calc(100vh - 130px);
}
.email_content h2 { color: #545454 !important;    margin: 0px 0px 10px 0px !important;  padding: 00px 0px 10px 0px;
    text-align: left;  font-weight: 700 !important;    border-bottom: 1px solid #e8e8e8;
    width: 100%;    display: inline-block;  font-size: 12px !important; letter-spacing: 0.06em; text-transform: uppercase;
}
.email_head { text-align: left; font-size: 12px; color: #0074ff; background: #f0f7ff; padding: 8px 8px; margin: 0px 0px 0px 0px;
    font-weight: 600; text-transform: uppercase;
}
.emailslink { width: 100%;  float: none;  display: inline-block;  margin: 0px 0px 10px 0px;}
.emailslink ul{ margin:0px; padding:0px;}
.emailslink li{ margin:0px 0px 2px 0px; padding:0px;}
.emailslink li a {  margin: 4px 3px 0px 0px; padding: 8px 5px 8px 3px;  background: #f6f5f9;    border-radius: 4px;
  color: #000;  text-align: center;  font-size: 12px;  border: 1px solid #f6f5f9;  font-weight: 500;  display:inline-block;  width:100%;   
}
.emailslink li a:hover {  color: #18bc43;background: #eeffee; border: 1px solid #0bdb41;  float: left; cursor: pointer;}
.emailslink .active { color: #18bc43; background: #eeffee;  border: 1px solid #0bdb41;}
.emailslink li span { /*background-image:url(../images/review_wrong.png); background-repeat:no-repeat; background-position: 0px 2px; width: 14px; height: 17px; 	display: inline-block; */}
.emailslink li:hover span { background-image:url(../images/review_tick.png);background-repeat:no-repeat;	background-position: 0px 2px;
    width: 14px;  height: 17px; display: inline-block; 	 
}
.emailslink li .active span { background-image:url(../images/review_tick.png);
	background-repeat:no-repeat;	background-position: 0px 2px;  width: 14px;  height: 17px; 	display: inline-block;  
} 
.care_tab{ margin:5px 0px 0px 0px !important;} 
.module_sec { background-color: #fff;  width: 100%;  text-align: center;
    padding: 10px 0px 10px 0px; margin:0px 0px 10px 0px; color: #2d2d2d;  display: inline-block;   border-radius: 8px;
}
.module_sec1 { opacity: .3;}
.module_con{  font-size: 11px !important;   color: #646464; font-weight: 600;  text-align: center;
    padding: 0px 0px 3px 0px;  margin-top: 0;  text-transform: uppercase; line-height: 21px;
} 
.letterhead1_content2 { padding: 10px;}
.fa-angle-left { font-size: 21px !important; color: #000 !important;}
.webtabeditsec .form-control {display: block;  width:80px;    padding: 0.375rem 0.75rem;
    font-size: 12px;  font-weight: 400; line-height: 1.5;  color: #212529;  background-color: #fff;
    background-clip: padding-box;  border: 1px solid #e1e2e2 !important;  -webkit-appearance: none;
    -moz-appearance: none;  appearance: none;  border-radius: 0.375rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 25px;margin-top: 3px;
}
.inlineEditor { color: #000 !important;}
.forms_box1 {    background-color: #ffffff;  width: 100%;  border: 0px solid #f7f7f8;  margin: 0px 0px 8px 0px; box-shadow: 0 0px 5px rgb(164 173 186 / 25%);
    padding: 0px; border-radius: 0px;  display: inline-block;  position: relative;
}
.forms_box2 {    position: absolute;  background-color: #ffffff;  width: 89%;  border: 0px solid #f7f7f8;  margin: 0px 0px 8px 0px;  
    box-shadow: 0 0px 5px rgb(164 173 186 / 25%); padding: 0px;  border-radius: 0px;  display: inline-block;    height: 100%;
}
.forms_content { padding: 60px;  display: inline-block; width: 100%;  position: relative;	font-size:14px;
	height: calc(100vh - 135px); overflow-x: hidden;  -webkit-overflow-scrolling: touch;
}
.forms_content1 { padding: 15px;  display: inline-block;  width: 100%;  position: relative;   font-size: 14px;height: calc(100vh - 135px); overflow: auto;} 
.forms_mo{ margin:0px; padding:0px; width:100%;}
.forms_mo ul{ margin:0px; padding:0px; width:100%;}
.forms_mo li{ margin:0px 0px 10px 0px; padding:0px; width:100%; display:inline-block;}
.forms_names {  color: #0074ff !important;  margin: 0px 0px 5px 0px !important;  padding: 15px 0px 10px 0px;
    text-align: center;  font-weight: 600 !important;  border-bottom: 0px solid #e8e8e8;  width: 100%;
    display: inline-block;   font-size: 16px !important;  letter-spacing: 0.06em;    text-transform:  none;
}
 .signature_form { margin: 0px 0px 25px 0px;   padding: 20px 15px 20px 15px;  width: 300px;  background: #fff;   display: inline-block !important;
    box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);   border-radius: 0px;border:1px solid #dddddd;  z-index: 500;    height: 100px;
}
.form-forms_mo.isSelected [contenteditable="true"]:not(.inlineEditNotEmpty):empty::after {  background: transparent !important;
  border: none; box-shadow: none !important; color: inherit !important;
  content: attr(placeholder) !important;  display: inline-block !important;
  height: inherit !important;  opacity: .5 !important;
  position: static !important;  text-indent: 0;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
  width: inherit !important;
}
.form-forms_mo.isSelected [contenteditable="true"]:not(.inlineEditNotEmpty):empty::after {  white-space: nowrap;}
.forms_box{ margin:10px 0px 0px 0px; padding:0px;  border:0px solid #f5f5f5; border-radius: 6px;  width: 100%; }
.form-line { position:relative ;  cursor: move;    transition-duration: .15s;
    transition-property: margin-bottom; transition-timing-function: ease-in-out;border-radius: 6px;	box-shadow: 0 0 0 1px #f5f5f5;	padding: 6px;	
}
.form-line1 { box-shadow: 0 0 0 0px #f5f5f5 !important;	}
.form-line2 { position:relative ;  cursor: move;    transition-duration: .15s;
    transition-property: margin-bottom; transition-timing-function: ease-in-out;
	border-radius: 6px;box-shadow: 0 0 0 1px #f5f5f5;	padding: 6px; margin:0px 0px 10px 0px;	 width: 100%;  display: inline-block;
}
.form-line:focus-within {box-shadow: 0 0 0 1px #0bdb41;}
.form-line:focus {box-shadow: 0 0 0 1px #0bdb41;}
.form-line.isSelected { box-shadow: 0 0 0 2px #0293e2; border-radius: 6px;}
.form-line, ul.page-section { display: -ms-flexbox;  display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: start; align-items: flex-start;	}
.isDragging-Drag, .stage-DragBackground { opacity: 1!important;}
.forms_mo ::-webkit-input-placeholder { color: #000 !important;}
.forms_mo ::-moz-placeholder {color: #000 !important;}
.forms_mo :-ms-input-placeholder {color: #000 !important;}
.forms_mo :-moz-placeholder {color: #000 !important;}
.forms_bor{ border-bottom:0px solid #f0f0f0; padding:10px 15px 10px 15px; margin:0px 0px 10px 0px;} 
.forms_bor1{ border-bottom:1px solid #f0f0f0; padding:10px 15px 10px 15px; margin:0px 0px 10px 0px;} 
.forms_mo_heading{ font-size: 16px;	margin:0px;  padding: 0px 0px 10px 0px; font-weight: 600; color: #000; width: 100%;	}	
.forms_mo_heading1{ font-size: 14px; margin:0px; padding: 0px 0px 10px 0px; font-weight: 600; color: #000;  width: 100%; }		
.forms_mo_heading2{ font-size: 14px; margin:0px; padding: 0px 0px 3px 0px; font-weight: 600; color: #000; width: 100%; 	}		
.forms_mo_sub{ font-size: 12px; margin:0px;  padding: 5px 0px 8px 0px; font-weight: 500; color: #545454; width: 100%;	}
.select-all-text {   -webkit-user-select: all;  -ms-user-select: all;  user-select :all ; display: block!important;}
.no-select-allowed { user-select: none !important; -moz-user-select: none !important; -moz-user-select: none !important; -webkit-user-select: none !important;}
.default-select { user-select: auto !important; -moz-user-select: none;  -moz-user-select: auto;  -webkit-user-select: auto;}
.formmo_edit {position: absolute; bottom: 30px; right: -28px;}
.formmo_edit a{ line-height: 33px;}
.forms_box .form-control { height: 32px ;}
.text-left { text-align:  left !important;}  
.text-centers {text-align: center!important;}
.text-right{text-align:   right !important;}  
.addoption{ margin:0px; padding:0px;}
.addoption a{ margin:0px; padding:0px; color:#36C; font-size:11px;}
.addoption a:hover{ margin:0px; padding:0px; color:#000; font-size:11px;}
.previewbt {float: right; margin: 0px 0px 0px 0px;}
/********************Section Side Bar Start*************************/
.menu_sidebar1 { width: 0px;   position: fixed;  z-index: 1;  top: 0;  right: 0;  background-color: #1a1f29;  overflow-x: hidden;
    transition: 0.5s;  padding:20px 0px 10px 10px;  border-radius: 0px;   margin-right: -12px;  z-index: 3500;  margin-top: 55px;height:100%;
}
.menu_sidebar1 a {  padding: 0px 0px 0px 0px;  margin: 5px 0px 0px 0px;text-decoration: none; font-size: 25px; color: #818181;  display: block;  transition: 0.3s;}
.menu_sidebar1 a:hover {  color: #f1f1f1;}
.menu_sidebar1 .closebtn {    position: absolute;  top: 0px !important;  right: 10px;  font-size: 30px;  
   line-height: 18px;  margin-left: 6px !important; margin-top: 0px;  z-index: 9999;color:#fff;
} 
.settingnbtn {  cursor: pointer; color: white;  padding: 0px;  border: none;}
.settingn_con_sec {    margin: 0px; padding:15px 25px 0px 10px; }
.settingn_r_head {margin: 0px; padding: 8px 0px 8px 0px;   text-align: left;  font-size: 12px;        font-weight: 600;    color: #fff;
    letter-spacing: 0.1em; text-transform: uppercase;
}
.setting_r_but { margin:0px; padding:0px;}
.setting_r_but a {  background: #535f70;  float:left; border-color: #2f333a;
    color: #fff;padding:8px 10px 8px 10px;	margin:0px 1px 0px 0px;	text-align: center;  font-size: 12px;text-transform:uppercase;
}
.setting_r_but a:hover {  background: #09f; border-color: #44bfff;    color: #fff;}
.setting_r_but a:focus{  background: #09f; border-color: #44bfff;    color: #fff;}
.forms_sec_cen{     width: 768px ;  margin: 0px auto; }
.formsetting_view {    background-color: #ffffff;  width: 768px !important;  border: 0px solid #f7f7f8;
    margin: 0px auto; padding: 0px;  box-shadow: 0 0px 5px rgb(164 173 186 / 25%);    border-radius: 0px; position: relative;
}
.formsetting_view1 {    background-color: #ffffff;  width: 768px !important;  border: 0px solid #f7f7f8;
    margin: 0px auto; padding: 0px;  box-shadow: 0 0px 0px rgb(164 173 186 / 25%);   border-radius: 0px;    position: relative;
}
.password_list{ margin:0px; padding:0px;} 
.password_list ul{ margin:0px; padding:0px;} 
.password_list li{     list-style: none; background-image: url(../images/password_tick.png);  background-repeat: no-repeat;background-position:0px 2px;
    text-align: left;  font-size: 12px; font-weight: 400;  color: #000;  text-transform: none;padding: 0px 17px 0px 27px;  margin: 0px 0px 5px 0px;width: 50%;  float: left; 
}
.password_condition{     list-style: none;    text-align: left;  font-size: 11px; 
    font-weight: 300; color: #000;  text-transform: none;padding: 0px 0px 0px  0px;  margin: 0px 0px 10px 0px;
	 
}
.breakdelete { float:  none;}
.treat_check{ float:right; margin-right:8px}
.date_calnder .bg-danger {    background-color: #ccff90 !important; width: 20px;  height: 20px;  border-radius: 50%;}
.bg-sunday { background-color: #ccff90 !important; width: 40px; height: 40px; border-radius: 50%; margin:0px auto;}
.bg-spholiday { background-color: #ffebd2 !important; width: 40px;  height:40px; border-radius: 50%; margin:0px auto;  }
.bg-pbholiday { background-color: #ffdba7 !important; width: 40px;  height:40px; border-radius: 50%; margin:0px auto;  }
.fixTableHead { overflow-y: auto;  height: calc(100vh - 200px);  -webkit-overflow-scrolling: touch;    }	
.patienttable .fixTableHead { overflow-y: auto;  height: calc(100vh - 240px);  -webkit-overflow-scrolling: touch;    }	
.clinicttable .fixTableHead { overflow-y: auto;   height: calc(100vh - 240px);  -webkit-overflow-scrolling: touch;    }		
.fixTableHead thead th { position: sticky;  top: 0;} 
.module_form{ width:80px !important; text-align: center !important;}

.docters_clr0 { background-color: #cbefff; width: 12px; height: 12px; padding: 0px; margin: 5px 0px 0px 0px; float: left; border-radius: 50%;}
.docters_clr1 { background-color: #ffdfde; width: 12px; height: 12px; padding: 0px; margin: 5px 0px 0px 0px; float: left; border-radius: 50%;}
.docters_clr2 { background-color: #ffebd2; width: 12px; height: 12px; padding: 0px; margin: 5px 0px 0px 0px; float: left; border-radius: 50%;}
.docters_clr3 { background-color: #e7ffc8; width: 12px; height: 12px; padding: 0px; margin: 5px 0px 0px 0px; float: left; border-radius: 50%;}
.docters_clr4 { background-color: #ffe9ff; width: 12px; height: 12px; padding: 0px; margin: 5px 0px 0px 0px; float: left; border-radius: 50%;}
.docters_clr5 { background-color: #e1bee7; width: 12px; height: 12px; padding: 0px; margin: 5px 0px 0px 0px; float: left; border-radius: 50%;}
.docters_clr6 { background-color: #fff59d; width: 12px; height: 12px; padding: 0px; margin: 5px 0px 0px 0px; float: left; border-radius: 50%;}
.docters_clr7 { background-color: #ccff90; width: 12px; height: 12px; padding: 0px; margin: 5px 0px 0px 0px; float: left; border-radius: 50%;}
.docters_clr8 { background-color: #c7d5eb; width: 12px; height: 12px; padding: 0px; margin: 5px 0px 0px 0px; float: left; border-radius: 50%;}
.docters_clr9 { background-color: #76bab2; width: 12px; height: 12px; padding: 0px; margin: 5px 0px 0px 0px; float: left; border-radius: 50%;}
.docters_clr10 { background-color: #bfc292; width: 12px; height: 12px; padding: 0px;  margin: 5px 0px 0px 0px; float: left; border-radius: 50%;}
.docters_clr11 { background-color: #ffdfde; width: 12px; height: 12px; padding: 0px;  margin: 5px 0px 0px 0px; float: left; border-radius: 50%;}
.docters_clr12 { background-color: #dbbfb6; width: 12px; height: 12px; padding: 0px;  margin: 5px 0px 0px 0px; float: left; border-radius: 50%;} 

.docters_namelist { font-size: 12px; text-align: left;  color: #000; padding: 0px; margin: 0px 0px 0px 7px; float: left; font-weight:600;}
.deleteid{ position:absolute; right:-35px; margin:8px 0px 0px 0px;}
.deleteamount{  margin:0px 0px 0px 0px; text-align: right;}
.deleteamount1{  margin:24px 0px 0px 0px; text-align: right;}
.initial_appointmnet { font-size: 14px;  text-align: left; color: #000; margin: 0px 0px 5px 0px;  padding: 0px; font-weight:600;}
.cal_pament_form{ width:55%; margin:0px auto;}
.cal_pament{ width:80%; margin:0px auto;}
.cal_pament1{ width:100%; margin:0px auto 10px auto; padding-bottom: 9px;}
.cal_btns{ float:left;}
.cal_lable{font-size: 10px;  font-weight: 400 !important; line-height: 10px;  text-align:  center; flex-grow: 1;  color: #ba104f !important;
    padding: 0px 0px 11px 0px;  text-transform: none;  font-family: 'Source Sans Pro', sans-serif !important;
  }
.payment_btn { margin: 0px 5px 7px 0px!important; padding: 6px 20px 4px 20px !important;
    color: #000 ; border-radius: 5px !important;  font-size: 12px !important;   background: #f6f5f9;   border: 0px solid #ccc !important;
    text-transform: uppercase;  float:  left;
}
.payment_btn:hover{ color: #fff !important;  background: #56d461 !important; }
.payment_btn_active {color: #fff !important;  background: #56d461 !important; }
.create_nvoice {  float: right;  margin: -39px 0px 0px 0px;  position: absolute; right: 11px; font-size: 12px;
    text-transform: uppercase;   z-index: 100;
}
.add_invoice { width: auto;  padding: 4px 10px 4px 10px;  font-size: 10px;  font-weight: 600 !important;  color: #0074ff;  height: 25px;
    background: #fff;  border-radius: 30px;  z-index: 500;  right: 5px;  margin: 0px 0px 0px 0px;  letter-spacing: 0.08em;
    border: 1px solid #0074ff;  box-shadow: 0px 0px 1px #0074ff;
}  
.add_invoice:hover {color:#fff ;  background-color: #0074ff ;  border: 1px solid #0074ff ;}
.invoice_content { padding: 0px 0px 30px 0px;  width: 768px;  position: relative;  margin: 34px auto 0px auto; }
.invoice_content table{ width:100%;}
.invoice_content1 {  padding: 0px;  width: 768px;  position: relative;  margin: 34px auto 34px auto;border:0px solid #ccc; }
.invoice_content label { color: #545454 !important;}
.invoice_content1 label { color: #545454 !important;}
.invoice_head{font-size: 20px;  text-align: left; color: #000; margin: 0px 0px 15px 0px; padding: 0px; font-weight:600;}
.invoice_billto{  font-weight: 600 !important; size: 100%;  margin-bottom: 3px;  padding: 0px 0px 0px 0px;  font-size: 12px;  color: #545454 ; 
    width: 100%;  text-transform: none;  font-family: 'Source Sans Pro', sans-serif !important;
	}
.invoice_billto1{ text-align:right; font-weight: 600 !important; size: 100%; margin-bottom: 0px;  padding: 0px 0px 0px 0px;
    font-size: 12px; color: #545454 ;   width: 100%;  text-transform: none;  font-family: 'Source Sans Pro', sans-serif !important;line-height:15px;
	}
.invoice_bill_address{font-size: 12px;  text-align: left;  color: #000;  margin: 0px 0px 5px 0px;  padding: 0px 0px 0px 0px; font-weight:600; }
.invoice_bill_address1{font-size: 12px;  text-align: right;  color: #000;  margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; font-weight:600; line-height:15px;}
.invoice_con{font-size: 12px; text-align: left; color: #000; margin: 0px 0px 5px 0px;  padding: 0px; font-weight: 600;} 
.invoice_con1{font-size: 12px;  text-align: right !important; color: #000; margin: 0px 0px 5px 0px; padding: 0px; font-weight: 600;	}
.invoice_con2{font-size: 12px;  text-align: right !important;  color: #000;  margin: 0px 0px 5px 0px;  padding: 0px;    font-weight: 600;}
.invoice_con3{font-size: 12px; text-align: right !important;  color: #000;  margin: 0px 0px 5px 0px;  padding: 0px;  font-weight: 600;} 
.invoice_amount{font-size: 12px;  text-align:  right;   color: #000;  margin: 0px 0px 5px 0px;  padding: 7px 0px 0px 0px; font-weight: 600;}
.invoiceforms1{ width:1000px; margin:0px auto; padding:0px;}
.invoice_plus{ position:absolute; right:15px; margin:0px 0px 0px 0px; z-index:5; cursor:pointer;}	
.superbill_content { padding: 30px; display: inline-block; width: 100%; position: relative;}
.superbill_content label { color: #545454 !important;}
.superbill_content .form-control {  display: block;   width: 100%;  padding: 0.375rem 0.75rem;  font-size: 12px;
    font-weight: 600;  line-height: 1.5;  color: #000;  background-color: #fff;  background-clip: padding-box;
    border: 1px solid #e1e2e2 !important;  -webkit-appearance: none;
    -moz-appearance: none;  appearance: none;  border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 30px;
}
.superbill_content ::-webkit-input-placeholder { font-size: 12px; font-weight: 600;   color: #000;}
.superbill_content ::-moz-placeholder { font-size: 12px;  font-weight: 600;  color: #000;}
.superbill_content :-ms-input-placeholder {font-size: 12px; font-weight: 600;    color: #000;}
.superbill_content :-moz-placeholder {font-size: 12px; font-weight: 600;   color: #000;}  
.superbill_head{font-size: 15px;  text-align:  center; color: #000; margin: 0px 0px 0px 0px; padding: 15px 0px 10px 0px; font-weight:600;}
.superbill_to{display: inline-block;  font-weight: 600 !important;  size: 100%;  margin-bottom: 0px; padding: 0px 0px 0px 0px; font-size: 12px;  color: #545454 ; 
    width: 100%;  text-transform: none; font-family: 'Source Sans Pro', sans-serif !important;
	}
.superbill_to span{font-size: 12px;   text-align: left;  color: #000;  margin: 0px 0px 5px 0px; padding: 0px;  font-weight: 600;
	font-family: "Inter", sans-serif;
	}	
.superbill_address{font-size: 12px;  text-align: left;  color: #000;  margin: 0px 0px 5px 0px;  padding: 0px; font-weight:600;}
.superbill_address1{font-size: 12px;  text-align: left;  color: #000;  margin: 0px 0px 5px 0px; padding: 5px 0px 0px 0px; font-weight:600;}
.superbill_ins_se{ width:100%; display:inline-block;  padding: 5px 0px 0px 15px; }
.superbill_ins{  font-weight: 600 !important;   margin-bottom: 0px;  padding: 0px 0px 0px 0px;  font-size: 12px;  color: #545454 ;   text-transform: none;
    font-family: 'Source Sans Pro', sans-serif !important; width:70px; float: left;
	}
.superbill_ins1{  font-weight: 600 !important;   margin-bottom: 0px;  padding: 0px 0px 0px 0px; font-size: 12px;  color: #545454 ; text-transform: none; 
         font-family: 'Source Sans Pro', sans-serif !important; width:10px; float: left;
	}	
.superbill_ins span{ font-size: 12px;  text-align: left;  color: #000;  margin: 0px 0px 0px 0px; padding: 0px;  font-weight: 600;font-family: "Inter", sans-serif;
}
.superbill_form{ font-size: 12px;  text-align: left;  color: #000;  margin: 0px 0px 0px 0px;  padding: 0px;  font-weight: 600;font-family: "Inter", sans-serif;
	width:150px; float: left;
	}
.billform{  margin: 0px 0px 2px 0px; 	} 
.superbill_con{font-size: 12px;  text-align: left;  color: #000;  margin: 0px 0px 5px 0px; padding: 0px; font-weight: 600;} 
.superbill_con1{font-size: 12px; text-align: left;  color: #000;  margin: 0px 0px 5px 0px;  padding: 0px; font-weight: 600;	}
.superbill_amount{font-size: 12px;  text-align:  right;  color: #000;  margin: 0px 0px 5px 0px;  padding: 7px 0px 0px 0px;  font-weight: 600;}
.superbillforms1{ width:100px; margin:0px auto; padding:0px;} 
.superbill_plus{ position:absolute; right:15px; margin:-4px 0px 0px 0px; z-index:5; cursor:pointer;	}	
.superbill_content .table {  margin:0px !important; padding:0px !important;}	
.superbill_content .table th {  background: #fff;  padding: 6px 5px 6px 5px !important;  border-top: 0px solid #f2f2f2 !important;
	border-bottom: 1px solid #f0f0f0 !important;  text-align: left;  color: #545454   !important;  font-size: 12px !important;
    text-transform:  none;  letter-spacing: normal;  font-weight: 600;font-family: 'Source Sans Pro', sans-serif !important;
	
}	 
.superbill_content .table td {  padding: 7px 5px 7px 5px;  line-height: 1.42857143;  vertical-align: top;  border: 0px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0 !important;  vertical-align: middle !important;  font-size: 12px;   text-align:  left;  color: #000;  font-weight: 600;
}
.td_right { text-align:right !important;}
.superbill_b {  float:  left;  margin: 0px 10px 0px 10px;  width: 150px;}
.superbill_to1 {  font-weight: 600 !important;   float:  left;  margin: 0px 10px 0px 10px;  width: 100px;  padding: 10px 0px 0px 0px;
    font-size: 12px; color: #545454;   text-transform: none; font-family: 'Source Sans Pro', sans-serif !important;
}
.select_location{margin: 0px 0px 10px 0px; padding: 0px 0px 15px 0px;  color: #0074ff; text-align:  center; font-size: 14px; font-weight: 700; 
    letter-spacing: 0.1em; text-transform: uppercase ;
} 
.mailreply_close { display: none; margin-top: -25px;}
*,::after,::before{box-sizing:border-box}
 .page-content *,::after,::before{box-sizing: none !important; }
.diary_appointments *,::after,::before{box-sizing: none !important; }
.balance_amount{ color:#ff0000 !important;}
.paid {  color: #000; font-size: 10px;   background: #dbffc0; border-radius: 4px;  padding: 1px 5px 1px 5px; text-align: center;  	width: 48px;}
.unpaid { color: #000; font-size: 10px;   background: #ffbebe; border-radius: 4px; padding: 1px 5px 1px 5px; text-align: center;width: 48px;}
.paid_cl {  color: #000; font-size: 10px;  background: #dbffc0; border-radius: 4px;  padding: 3px 6px 3px 6px; text-align: center;  }
.unpaid_cl { color: #FFF; font-size: 10px;   background: #ffbebe; border-radius: 4px; padding: 3px 6px 3px 6px; text-align: center;  }
.bulkuplod_bt { float:left; margin: 8px 15px 0px 0px;  padding: 0px; }
.bulkuplod_bt a { margin: 0px; padding: 14px 15px 15px 15px ; color: #000 ;  border-radius: 5px; font-size: 12px ;  background: #f6f5f9;
    border: 1px solid #f6f5f9 ;  text-transform: uppercase; font-weight:600;
}
.bulkuplod_bt a:hover { color:#000;  background: #fff !important; border: 1px solid #f6f5f9 ;}
.open_times{ width:260px;}
.section_m { padding:0px 10px 0px 10px}
.help_scroll {   margin: 0px 0px 0px 0px; padding: 5px 4px 5px 4px;  display: inline-block;  position: relative;	height: calc(100vh - 140px);
	overflow: auto;-webkit-overflow-scrolling: touch; 
}
.section_help {  background-color: #ffffff;  width: 100%;  border: 0px solid #f7f7f8; margin: 0px 0px 15px 0px;
    box-shadow: 0 0px 5px rgb(164 173 186 / 60%);  padding: 12px;  border-radius: 8px;  display: inline-block; position: relative; 
}
.section_help img {  border: 1px solid #f6f5f9; border-bottom: 3px solid #f6f5f9;  box-shadow: 0 0px 0px rgb(246 245 249 / 60%);margin:15px 0px 0px 0px; }
.forms_head{ color: #545454 !important;  margin: 0px 0px 0px 0px;  padding: 5px 0px 2px 0px;  text-align: left;  font-weight: 500;    /* background: #d6e4ff; */
    border-bottom: 0px solid #e8e8e8;  width: 100%;  display: inline-block;  font-size: 14px !important; letter-spacing: 0px; text-transform: none;  min-height: 35px;
}
.forms_head1{ color: #545454 !important;  margin: 0px 0px 0px 0px; padding: 5px 0px 2px 10px;  text-align: left;  font-weight: 500;  /* background: #d6e4ff; */
    border-bottom: 1px solid #e8e8e8;  width: 100%; display: inline-block;  font-size: 14px !important;  letter-spacing: 0px;  text-transform: none; min-height: 35px;
}
.forms_headbg { background: #f9f9f9; padding: 15px; width: 100%; display: inline-block;}
.forms_mainhead{ color: #545454 !important;  margin: 0px 0px 0px 0px;  padding: 5px 0px 2px 0px;  text-align:  center;  font-weight: 700;
    width: 100%; display: inline-block;  font-size: 25px !important;  letter-spacing: 0px; text-transform: none; 
}
.forms_mainhead1{ color: #545454 !important;  margin: 0px 0px 0px 0px; padding: 5px 10px 2px 0px; text-align:   left;  font-weight: 700;  font-size: 18px !important;
    letter-spacing: 0px;  text-transform: none;display:inline-block;
}
.forms_subhead{  color: #545454 !important;  margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px;  text-align:  center;  font-weight: 500;    /* background: #d6e4ff; */ 
    width: 100%;  display: inline-block;  font-size: 12px !important;  letter-spacing: 0px;  text-transform: none; min-height: 35px;
}
.forms_subhead1{ color: #545454 !important;  margin: 0px 0px 0px 0px; padding: 5px 10px 20px 0px; text-align:  left;  font-weight: 500; 
    font-size: 12px !important; letter-spacing: 0px; text-transform: none; 
}
.section_box_question {background-color: #ffffff;  width: 100%;  display: inline-block;  margin: 15px 0px 10px 0px;padding: 0px;
    box-shadow: 0 0px 5px rgb(164 173 186 / 25%);  border-radius: 8px; border: 0px solid #f7f7f8;    
}
.forms_content  label {display: inline-block;  font-weight: 400 !important;    size: 100%;  margin-bottom: 3px; padding: 2px 7px 0px 6px ; font-size: 13px !important;
    color:  #545454 !important;  width: 100%;  text-transform: none;  font-family: 'Source Sans Pro', sans-serif !important; line-height: 24px;
}
.form-check-input { width: 1.2em; height: 1.2em; border-color: #ccc; }
.concent_verifi{  background-color: #ffffff;  width:450px;  border: 0px solid #f7f7f8;  margin: 15px auto; padding: 20px;  box-shadow: 0 0px 5px rgb(164 173 186 / 25%);    
    border-radius: 8px; 
}
.concent_verifi .form-control { height: 45px !important;}
.concent_verifi label { display: inline-block; font-weight: 600 !important; size: 100%; margin-bottom: 3px;
    font-size: 12px;  padding: 5px 0px 0px 0px;  color: #545454 !important;   width: 100%;  text-transform: none; font-family: 'Source Sans Pro', sans-serif !important;
}
.market_head{ color: #2d2d2d !important;  margin: 0px 0px 0px 0px;  padding: 35px 0px 15px 0px;  text-align:  center; font-weight: 600; 
    width: 100%;  font-size: 15px !important;  letter-spacing: 0px; text-transform: none;   
}
.verifi_api { width: 90%; float: left; margin: 0;}
.verified { float: left; position: relative; z-index: 40; margin: 7px 0px 0px 5px;}
.market_content {width: 100%;   color: #2d2d2d !important;  margin: 0px 0px 0px 0px;  padding: 0px 0px 10px 0px;
    text-align:  left;  font-weight: 600;  font-size: 13px !important;  letter-spacing: 0px;  text-transform: none;
}
.content_sec { margin: 8px 0px 0px 0px; padding: 0px 5px 0px 3px;}
.patients_box { background-color: #fff;  width: 100%;  border: 0px solid #f7f7f8;  margin: 0px 0px 10px 0px;  box-shadow: 0 0px 5px  rgba(0, 0, 0, 0.1);
    padding: 0px;  border-radius: 0px;  display: inline-block; position: relative;   color: #2d2d2d;    
}
.patients_box_content { padding: 10px;}
.patient_consents { padding-bottom: 0px; margin: 0px 0px 6px 0px; text-align: left; font-size: 14px;  color: #2d2d2d; text-decoration: none;    
    font-weight: 600; text-transform: none;
}
.consent_btn{ margin:4px 0px 0px 0px; padding:0px;  }
.consent_btn a{ float:right; margin:0px 15px 0px 0px;  padding: 5px 5px; 
    background: #f9feff !important;    color: #0074ff !important;    border-radius: 5px !important; font-weight: 600; font-size: 0.63em; letter-spacing: 0.6px;      
	list-style: none;  cursor: pointer; text-align: center; border: 0px !important; text-transform: uppercase;	border:1px solid #f0f0f0;
   box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
}
.consent_btn a:hover{  background: #fff !important; color: #0074ff !important;   }
.forms_content_ehr { padding: 0px; display: inline-block; width: 100%;  position: relative;   font-size: 14px;  height: calc(100vh - 300px);  overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
.box {  cursor: move; width:100%;}
.box.over {border: 1px dotted #666;}
.box1 { height:44px;}
/*[draggable] {user-select: none;}*/
.modal-lg, .modal-xl { --bs-modal-width: 850px;}
.sweet-alert button { background-color: #fff !important; color: 0074ff !important;     border: none;    box-shadow: none;
    font-size: 12px !important;    font-weight: 500;   -webkit-border-radius: 30px;  
    cursor: pointer;    border-radius: 30px !important;   text-transform: uppercase !important;	letter-spacing: 0.08em;
    border: 1px solid #0074ff;  box-shadow: 0px 0px 1px #0074ff;padding: 10px 32px; margin: 26px 5px 0 5px;
}
.buttonstab {margin: 12px 0px 0px 140px; padding: 0px; position: absolute;}
.buttonstab a{ margin:0px; padding:5px 8px; color:#0074ff; font-weight:600;	border-radius: 5px;
	font-size:12px; background:#f6f5f9;	border:1px solid #f6f5f9;text-transform:  uppercase; letter-spacing: 0.06em; 
}
.buttonstab a:hover{ margin:0px; color: #56d461; border-radius: 5px; background:#fff; border:1px solid #56d461;  }
.buttonstab1 { margin: 15px 0px 0px 150px; padding: 0px; position: absolute;}
.buttonstab1 a{ margin:0px 5px 0px 0px; padding:5px 8px; color:#0074ff; font-weight:600;border-radius: 5px;	font-size:12px; 
	background:#f6f5f9;	border:1px solid #f6f5f9;text-transform: uppercase; letter-spacing: 0.06em; 
}
.buttonstab1 a:hover{ color: #56d461; border-radius: 5px; background:#fff;border:1px solid #56d461; }
.buttonstab1 .active{ color: #56d461; border-radius: 5px; background:#fff;border:1px solid #56d461; }
.buttonslab { float: right; margin: 19px 0px 0px 0px;  position: fixed;  right: 8px;  font-size: 12px;  text-transform: uppercase;	}
.buttonslab a{ margin:0px 5px 0px 0px; padding:5px 8px; color:#0074ff; font-weight:600;	border-radius: 5px;	font-size:12px; 	background:#f6f5f9;
	border:1px solid #f6f5f9;text-transform: uppercase; letter-spacing: 0.06em; 
}
.buttonslab a:hover{ color: #56d461; border-radius: 5px; background:#fff;border:1px solid #56d461; }
.waitinglist_box { background-color: #ffffff; width: 100%;  border: 0px solid #f7f7f8;  margin: 0px 0px 8px 0px; padding: 8px;
    box-shadow: 0 0px 3px rgb(164 173 186 / 25%);   border-radius: 8px; display: inline-block; position: relative;
}
.waitinglist_cl_add { font-weight: 600;  font-size: 0.6em;  letter-spacing: 0.6px; display: inline-block;  list-style: none; cursor: pointer;    text-align: center;
    color: #545454;  border: 0px !important;  width: 100%;  text-transform: uppercase;	margin:0px 45px 0px 0px;
}
.waitinglist_sec_cl { margin: 0px 0px 0px 0px; position: relative; width: 100%;}
.waitinglist_cont {  color: #000; font-size: 14px; padding: 0px 0px 0px 0px;  margin: 0px 0px 0px 0px; text-align: justify; font-weight: 400; font-style: normal;
    width: 100%;
}
.waitinglist_left { font-style: normal;   text-align: left; font-size: 10px; padding: 0px 0px 5px 0px; color:#ba104f ;}
.waitinglist_right { font-style: normal;  width: 100%; font-size: 12px !important; font-weight: 600 !important; padding: 0px 0px 8px 0px;}
.reports_left { width: 250px; float: left;  margin: 0px; padding: 0px; position: relative;} 
.reports_right{ scrollbar-width: none;  scrollbar-color: #333 ;}
.reports_right::-webkit-scrollbar { width: 0px;  height: 0px;}
.reports_right::-webkit-scrollbar-track { background-clip: content-box;  border: 2px solid transparent;}
.reports_right::-webkit-scrollbar-thumb { background: none ; }
.reports_right::-webkit-scrollbar-thumb:hover {background: none ; }
.reports_right::-webkit-scrollbar-corner, .reports_right::-webkit-scrollbar-track { background: none ; } 
[class^=reports_right] { width:1020px; overflow-y: hidden; overflow-x: scroll; }
[class^=reports_right]  { padding: 0rem; overflow-y: hidden;    } 
.reports_right { width: calc(100vw - 495px);  margin: 0px; padding: 0px 0px 0px 15px; float: left;
	height: calc(100vh - 134px);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;} 
.wrapper.toggled .reports_right { width: calc(100vw - 345px);  margin: 0px; padding: 0px 0px 0px 15px; float: left;
	height: calc(100vh - 134px);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
} 

.tab_scroll_report{ /* scrollbar-width: thin;*/ scrollbar-color: #333 ;}
.tab_scroll_report::-webkit-scrollbar {width: 0px;  height: 0px;}
.tab_scroll_report::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.tab_scroll_report::-webkit-scrollbar-thumb { background: none ; }
.tab_scroll_report::-webkit-scrollbar-thumb:hover {background: none ; }
.tab_scroll_report::-webkit-scrollbar-corner, .tab_scroll_report::-webkit-scrollbar-track { background: none ; } 
/* The below styles are for display purposes only */ 
[class^=tab_scroll_report] { height: 1360px; overflow-y: scroll; overflow-x: hidden;}
[class^=tab_scroll_report]  { padding: 0rem; overflow-x: hidden; }
.tab_scroll_report { padding: 6px 0px 0px 3px; height: calc(100vh - 150px);  overflow-x: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.reports_sect { width: 100%; display: inline-block;  padding: 0px 0px 0px 0px;}
.reports_sect .nav-link { font-weight: 600; font-size: 12px; letter-spacing: 0.8px; width: 100%; display: inline-block;  padding: 8px 0px 8px 10px;  margin: -5px 2px 0px 0px;
    list-style: none; cursor: pointer; text-align:  left; color: #2d3748;  border: 0px !important;
	border-radius: 0px;   text-transform: none; border-left: 0px solid #fff !important; opacity: 1;
}
.reports_sect .nav-link:hover { color: #0074ff; background-color: #f0f7ff; border-radius: 0px; border-left: 0px solid #0074ff !important;  opacity: 1;}
.reports_sect .nav-link.active  { color: #0074ff; background-color: #ebecff; border-radius: 0px; border-left: 0px solid #0074ff !important; opacity: 1;	}
.reports_ticks  { margin:5px 7px 0px 0px; float:right;}
.reports_con { padding:6px 0px 0px 0px; width: 62%; float: left;}
.reports_drname{ margin: 0px 0px 0px 0px;  padding: 4px 0px 4px 0px; color: #000; text-align: left;    font-size: 12px; font-weight: 700;  
    letter-spacing: 0.1em; text-transform: uppercase;
}
.total_bg_td{ background:#f9f9f9;}
.total_report{ font-size:14px; font-weight:600; text-align:right; color:#000; padding:0px 50px 0px 0px !important;}
.total_report1{ font-size:14px; font-weight:600; text-align: left; color:#000;}
.accounts_tab .nav-tabs { border-bottom: 0; box-shadow: 0px 0px 0px #eaeaea;  background: #fff;   margin: 0;
    padding: 5px 5px;   border-radius: 8px;  position: relative;  width: 100%;  z-index: 50;
} 
.accounts_tab .nav-tabs {  border-bottom: 0; box-shadow: 0px 0px 0px #eaeaea; background: #fff; margin: 0; padding: 5px 5px;
  border-radius: 8px;  position: relative;  width: 100%;  z-index: 50;
}
.accounts_tab .nav-tabs .active {  color: #0074ff !important;  border-radius: 0px !important;  border-bottom: 2px solid #0074ff !important;}
.accounts_tab .nav-link {font-size: 0.6em; opacity: 1; margin: 0px 4px;   } 
.accounts_tab .nav-item {  width: auto !important; margin:0px !important; }   
.cancel { width: 110px;  padding: 4px !important;  font-size: 12px !important; font-weight: 600 !important; color: #0074ff !important;   height: 30px;  
    background: #ff  !important;  border-radius: 30px;    z-index: 500; right: 5px; margin: -3px 0px 0px 0px; letter-spacing: 0.08em;
    border: 1px solid #0074ff !important; box-shadow: 0px 0px 1px #0074ff !important;	text-transform:uppercase;
}
.confirm { width: 110px;  padding: 4px !important;  font-size: 12px !important; font-weight: 600 !important; color: #0074ff;
    height: 30px; background: #fff  !important;  border-radius: 30px;  z-index: 500;   right: 5px;  margin: -3px 0px 0px 0px;
    letter-spacing: 0.08em;  border: 1px solid #0074ff !important;  box-shadow: 0px 0px 1px #0074ff !important;text-transform:uppercase;
}
.printer_icons{ position:absolute; right:10px; margin:20px 0px 0px 0px;}
.printer_icons1{ position:absolute; right:10px; margin:6px 0px 0px 0px;}
.task_top .profile_tab_scroll { margin: 0px; padding: 0px;  width: 95%;  FONT-WEIGHT: 200;  overflow-y: hidden; overflow-x: hidden !important;
    background: #fff; border-radius: 8px; position: fixed;  z-index: 50;
}
.treatment_btns{  margin-left:0px !important; margin-bottom: 3px; }
.treatment_form{ width:100%; display:inline-block; border-bottom:1px solid #f5f5f5; padding: 0px 0px 5px 0px; margin:5px 0px 0px 0px;}
ul#ui-id-1 { background: #f5f5f5;}
.subjective_sec{ position:absolute; margin:0px 0px 0px 70px;}
.subjective_text { float:left; margin:0px 5px 0px 0px; width: 23px; height: 23px; border-radius: 50%; background: #eeffee;
    font-size: 10px;  color: #2d2d2d;  text-align: center;  line-height: 21px;border: 1px solid #ccc;
}
.subjective_text:hover { width:  auto; height: 23px; border-radius: 5px;  background: #eeffee;  color: #18bc43; 
	border: 1px solid #0bdb41;padding:0px 4px 0px 4px;
}
.subjective_text1 { float:left; margin:0px 5px 0px 0px;  width: auto; height: 23px;  border-radius:5px; background: #eeffee;
    font-size: 11px;  color: #000;  text-align: center;  line-height: 23px;	border: 1px solid #0bdb41;	padding:0px 4px 0px 4px;
}
.symptoms_btn { float:left; margin:-2px 5px 0px 0px;  position:relative;}
.symptoms_btn a{  margin:0px px 0px 0px; padding:3px 5px 4px 5px !important; width: auto; height: 23px; border-radius:5px;  background: #eeffee;  font-size: 11px;
    color: #2d2d2d;  text-align: center; line-height: 23px;	border: 1px solid #ccc; 
}
.symptoms_head{ color: #ba104f ; margin: 0px 0px 0px 0px ;  padding: 5px 0px 0px 5px;  text-align: left; font-weight: 700 ;  border-bottom: 0px solid #e8e8e8 ;
    width: 100%;  display: inline-block;  font-size: 12px ;  letter-spacing: 0.06em;  text-transform: none;  font-family: 'Oxygen', sans-serif;
}
.subscriptions_sec { background: #f5f5f5; padding: 25px 0px; margin: 15px auto; width: 350px; border-radius: 6px;}
.subscriptions_con { background-color: #fff;  width: 100%;  text-align: center;  margin-bottom: 10px;  padding: 6px; color: #2d2d2d;
    display: inline-block;  border-radius: 8px;
}
/*.subscriptions_con1 {  font-weight: 600;  font-size: 12px; letter-spacing: 0.6px;  padding: 8px 0px;  margin: 0px 0px 0px 0px; list-style: none; 
    text-align:    left;  color: #545454;   width: 100%;  text-transform: uppercase; 
}
.subscriptions_con1 span { width: 20px;  height: 20px;  border-radius: 50px;  background: #0074ff; color: #fff;  display: inline-table; text-align: center; line-height: 20px;
}
*/

.subscriptions_con1 { font-size: 25px !important; color: #646464;  font-weight: 600;
  text-align: center;  padding: 0px 0px 0px 0px;  margin-top: 0;  text-transform: uppercase;  line-height: 21px;
}
.subscriptions_con1 span {  font-size: 11px !important;  display: inline-block;  width: 100%;  line-height: 24px; padding:0px 0px 10px 0px;}
.subscriptions_eidt{  margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; float: left;}
.subscriptions_eidt a { padding: 5px 12px 5px 12px; font-size: 10px;
    font-weight: 600 !important; color: #000;  height: 25px;  background-color: #f9f9f9 !important; border: 1px solid #0074ff; border-radius:30px;
    z-index: 500;  right: 5px;  margin:0px 5px 0px 0px;  letter-spacing: 0.08em;   box-shadow: 0px 0px 1px #0074ff;text-transform:uppercase;
}
.subscriptions_eidt a:hover { 	color: #000; text-decoration:none; } 
.subscriptions_eidt1{  margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; float:right;}
.subscriptions_eidt1 a {padding: 5px 7px 5px 7px; font-size: 10px;  font-weight: 600 !important; color: #000;  height: 25px; background-color: #f9f9f9 !important; 
	border: 1px solid #0074ff; border-radius:30px; z-index: 500;  right: 5px;  margin:0px 5px 0px 0px; letter-spacing: 0.08em;  
	box-shadow: 0px 0px 1px #0074ff;text-transform:uppercase;
}
.subscriptions_eidt1 a:hover { 	color: #000; text-decoration:none; } 
.renews  { margin:0px; padding:0px;}
.renews a {  margin:0px ;  background: #f6f5f9 ;  padding: 1px 6px 2px 6px ;  border-radius: 4px;  color: #000;
  text-align: center;  font-size: 11px;  border: 1px solid #f6f5f9 ;  font-weight: 500;  
}
.renews a:hover {  color: #000; background: #f6f5f9 ; border: 1px solid #f6f5f9 ; }
.edit_subscriptions_sec { width: 100%; display:inline-block; padding:15px;  margin: 15px 0px 10px 0px;  background-color: #ffffff;  width: 100%;  border: 0px solid #f7f7f8; 
    box-shadow: 0 1px 3px rgb(164 173 186 / 25%);  border-radius: 8px;
    display: inline-block; position: relative; font-size:12px;
}
.subscribe_summery_sec { width: 100%; display:inline-block;  padding:0px; margin: 15px 0px 10px 0px;    width: 100%;  border: 0px solid #f7f7f8;   border-radius: 8px;
    display: inline-block; position: relative; font-size:12px;
} 
.summeryamount_head{color: #545454 !important; margin: 0px 0px 0px 0px !important; padding: 10px 0px 6px 5px;  text-align: left;
    font-weight: 700 !important;  width: 100%;   display: inline-block;  font-size: 12px !important;  letter-spacing: 0.06em; text-transform: uppercase;
}
.summeryamount_sec {width: 100%; display:inline-block;}
.summeryamount_left { width: 70%; float:left; font-size:13px; padding: 3px 0px 3px 5px; text-align:left;}
.summeryamount_right { width:30%; float:left; font-size:13px; padding: 3px 5px 3px 0px; text-align:right;}
.summery_subtotal {width: 100%; display:inline-block; border-bottom:1px solid #f5f5f5; border-top:1px solid #f5f5f5; padding: 10px 0px 10px 0px; font-weight:bold;}
.summery_total {width: 100%; display:inline-block;   font-weight:bold;  padding: 0px 0px 10px 0px;   border-bottom:2px solid #f5f5f5;  }
.adons_main { width: 100%;  padding: 3px 0px 3px 5px; text-align:left; display:inline-block; border-bottom:1px solid #ccc;}
.adons_main1 { width: 100%;  padding: 3px 0px 3px 5px; text-align:left; display:inline-block;}
.adons_main2 { width: 100%;  padding: 3px 0px 3px 5px; text-align:left; display:inline-block; border-top:1px solid #ccc;}
.adons_left { width: 50%; float:left;  padding: 3px 0px 3px 5px; text-align:left;}
.adons_left1 { width: 50%; float:left;  padding: 3px 0px 3px 5px; text-align:left;}
.adons_mid { width: 20%; float: right;  padding: 3px 0px 3px 5px; text-align: right;}
.adons_mid1 { width: 20%; float:left;  padding: 3px 0px 3px 5px; text-align:left; margin:6px 0px 0px 0px;}
.adons_delete { width: 20%; float: right;  padding: 3px 0px 3px 5px; text-align: right; margin:6px 0px 0px 0px;}
.adons_right { width:30%; float: left ; font-size:13px; padding: 9px 5px 3px 0px; text-align:  right; color:#36F; font-weight:bold;}
.adons_totals { width:30%; float: left ;  padding: 9px 5px 3px 0px;  }
.total_subcription {  float: right; padding: 9px 40px 3px 0px; text-align: right; text-align:right; color:#000; font-weight:bold;}
.total_right {  float: right; font-size:13px; padding: 9px 0px 3px 0px; text-align:right; color:#36F; font-weight:bold;}
.summery_cont {font-size:13px; padding:5px 0px 5px 0px; font-weight:bold;}
.summery_cont2{font-size:13px; padding: 0px 0px 10px 10px; font-weight:bold;}
.summery_cont1 {font-size:12px; padding: 0px 0px 0px 0px; }
.manuel_sec {    background-color: #fff;    width: 100%;  text-align: center;   color: #2d2d2d;  display: inline-block;
    margin-bottom: 3px;  border-radius: 8px;padding:5px;border: 1px solid #fff;
}
.manuel_sec:hover { background-color: #fff; border: 1px solid #0074ff;} 
.manuel_icons { float: left;  width: 35px;  height: 35px;  border-radius: 50%; border: 1px solid #ccc;  background: #fff;
  font-size: 20px;  color: #fff;  text-align: center;  box-shadow: 0px 0px 5px #ccc;  line-height: 40px;  padding: 3px;  margin: 0px 10px 0px 0px;  
}
.manuel_con{width:62%;    float: left;  font-weight: 600; font-size:12px;  letter-spacing: 0.8px;   padding: 8px 0px 0px 5px;
    margin: 0px 0px 0px 0px;  list-style: none; cursor: pointer;  text-align:  left;  color: #2d3748;  border: 0px !important;  text-transform: uppercase;    
} 
.manuel_ehr_links{ margin:0px ; padding:0px;}
.manuel_ehr_links ul{ margin:0px ; padding:0px;}
.manuel_ehr_links li {  width:48%;    float: left; padding: 8px 2% 0px 5px; margin: 0px 0px 0px 0px; }
.manuel_ehr_links li a{ width:100%; font-weight: 500;  font-size:12px;  letter-spacing: 0.8px;   padding:5px 0px 5px 5px;  margin: 0px 0px 0px 0px;
    list-style: none;  cursor: pointer;  text-align:  left;  color: #000;   text-transform: none; 	border-bottom:1px solid #f5f5f5;display:inline-block;    
}
.manuel_ehr_links li a:hover{ text-decoration:none;  border-bottom:1px solid #0074ff; color:#0074ff; } 
.tab-pane {position: relative;}
.trail_sec{background-color: #1a1f29;   width: 50%;  text-align: left;  padding:5px 10px 5px 10px;  color: #2d2d2d;
    display: inline-block;  margin: 10px 0px 0px -250px;  border-radius: 8px;  /* text-transform: uppercase; */ position:fixed;	z-index:900;
	left:50%; 
}	
.trail_left { font-size: 16px!important; line-height: 30px!important;  text-align: center;  padding: 0px 0px 0px 0px;
    font-weight: 500; color: #fff;  text-transform: none;
}
.dash_sales_sec { background-color: #fff;  width: 100%;/*text-transform: uppercase; box-shadow: 0 2px 7px 0 rgba(164,173,186, 30%);*/ 	
    text-align:  left;  padding: 18px 10px 18px 10px;  color: #2d2d2d;  display: inline-block;  margin-bottom: 10px;
    border-radius: 8px;	border: 0px solid #e5e5e5;	
}
.renew_sec { background-color: #0074ff;  width: 100%;/*text-transform: uppercase; box-shadow: 0 2px 7px 0 rgba(164,173,186, 30%);*/ 	
    text-align:   center;  padding: 18px 10px 18px 10px;  color: #fff;  display: inline-block; margin:10px 0px 5px 0px;
    border-radius: 8px;		border: 0px solid #e5e5e5;	
}
.renew_sec span a{  margin: 0px;  padding: 7px 15px;  color: #000 ;   border-radius: 5px;  font-size: 11px ;  background: #fff ;
    border: 0px solid #ccc;  text-transform: uppercase;  min-height: 30px; font-weight: 600;	 
}
.renew_sec span a:hover{ text-decoration:none;  border-bottom:1px solid #0074ff; color:#0074ff; } 
.dash_learnmore .fa-paper-plane-o{ font-size:12px !important;}
.dash_download { background-color: #fff; width: 100%;/*box-shadow: 0 2px 7px 0 rgba(164,173,186, 40%); text-transform: uppercase;*/
    text-align:  left;  padding: 18px 10px 18px 10px;  color: #2d2d2d;  display: inline-block;  margin-bottom: 10px;  border-radius: 8px; 
	min-height: 94px;   border: 1px solid #e5e5e5;
}
.dash_sales_con { font-size: 30px!important; line-height: 25px!important; text-align:right;	padding:0px 25px 0px 0px; font-weight: 600; color: #646464;}
.dash_sales_con1{ font-size: 14px !important; display: inline-block; width: 100%; text-align: left;	padding:0px 0px 0px 25px; font-weight: 600;olor: #646464;}
.dash_points_main { float:left;    width: 20%; position: relative; min-height: 1px; padding-right: 6px; padding-left: 6px;}
.dash_points_sec { background-color: #fff;  width: 100%;  text-align:  left;  padding: 15px 15px 20px 15px; color: #2d2d2d;
    display: inline-block;  margin-bottom: 10px;  border-radius: 8px;/*text-transform: uppercase;*/	border:1px solid #f0f0f0;	
}
.dash_steps { background:#d6f4fd;  font-size: 11px!important;  line-height: 18px!important;  text-align: center;  padding: 0px 0px 0px 0px;  font-weight: 500;
    color: #074ca9;  text-transform:  none;border-radius: 5px;	width:55px; margin:0px auto;	
}
.dash_points_head { font-size: 14px!important; line-height: 30px!important;  text-align: center; padding: 10px 0px 5px 0px;
    font-weight: 600;  color: #646464;  text-transform: uppercase;
}
.dash_points_con { font-size: 13px!important; line-height: 23px!important;  text-align: center;  padding: 0px 5px 0px 5px;
    font-weight: 400; color: #2d2d2d;  text-transform:  none;	min-height:65px;
}
.dash_points_btn{font-size: 14px !important; display: inline-block; width: 100%;	text-align: center;
	padding:0px 0px 0px 0px;font-weight: 600;color: #646464;
}
.dash_points_icons { padding:  0px; margin:10px 0px 0px 0px;}
.dash_learnmore {text-align:center; margin: 10px 0px 15px 0px; padding:0px;}
.dash_learnmore a{margin-top: 0px;  padding: 0px 0px 0px 0px;  font-size: 12px; font-weight: 400;  
   text-transform:  none; color:#2d2d2d;text-align:center;	text-decoration: underline;
}
.dash_learnmore a:hover { background-color: #fff; border: 0px solid #4b4b4b; color:#000;}
.dash_head {/* background: #d6e4ff; */  color: #000000 !important; margin: 0px 0px 0px 0px; padding: 5px 0px 2px 0px; text-align: left;   font-weight: 600;     
    border-bottom:0px solid #e8e8e8;  width: 100%;  display: inline-block;  font-size: 12px !important;  letter-spacing: .1em;    text-transform: uppercase;
}
.learnmore {text-align:center; margin: 10px 0px 15px 0px; padding:0px;}
.learnmore a{margin-top: 0px; border-radius: 44px;padding: 6px 0px 6px 0px;  background-color: #fff; border: 0px solid #706a6a;    font-size: 12px;
    font-weight: 600;  text-transform: uppercase; letter-spacing: 0.08em; color:#0a8533fc;text-align:center;
}
.learnmore a:hover { background-color: #fff; border: 0px solid #4b4b4b; color:#000;}
.add_dash { margin-top: 0px; border-radius: 44px;padding: 4px 15px 4px 15px;
    background-color: #fff;  border: 1px solid #0074ff;  font-size: 11px; font-weight: 600;  text-transform: uppercase; letter-spacing: 0.08em; color: #4b4b4b;}
.add_dash:hover {  background-color: #0074ff; border: 1px solid #0074ff;  color: #fff;}
.thanku_dash { font-size: 15px !important; line-height: 30px !important; text-align: center; padding: 0px 0px 0px 0px;  font-weight:800; color: #000; }
 .passwword_view { position: absolute;  right: 50px;}
 .passwword_hide { position: absolute;  right: 50px;}
 .passwword_view1 { position: absolute;  right: 50px;}
 .passwword_hide1 { position: absolute;  right: 50px;}
.passworddot {  font-size: 23px; line-height:8px;}
.passworddot1 { font-size: 23px;  line-height:8px;}
.dash_n_icons{   text-align:center;height:75px ; width:75px; line-height:60px; margin:15px  auto 0px auto; border-radius: 50%; padding:12px 0px 0px 0px;}
.dash_ico_clr1{ background:#ff3469; }
.dash_ico_clr2{ background: #ff7b1a;}
.dash_ico_clr3{ background: #ff48c1;}
.dash_ico_clr4{ background: #f04bff;}
.dash_ico_clr5{ background: #2e85f2;}
.dash_ico_clr6{ background: #1ad034;}
.dash_n_icons img{ width:50px; margin:00px 0px 0px 0px;}
.tables_conts { font-size: 14px !important; line-height: 30px !important; text-align: center;  padding: 0px 0px 0px 0px;
    font-weight: 500;  color: #dd1717;  text-transform: none; font-style: italic;
}
.skipbtn { width: auto;  padding: 4px 10px 4px 10px !important;  font-size: 10px !important;  font-weight: 600 !important;  color: #0074ff;
    height: 25px; background: #fff !important;   border-radius: 30px;  z-index: 500;  right: 5px;  margin: 0px 0px 0px 0px;
    letter-spacing: 0.08em;  border: 1px solid #0074ff;  box-shadow: 0px 0px 1px #0074ff;
}
.skipbtn1 { width: auto;  padding: 4px 10px 4px 10px !important;  font-size: 10px !important;  font-weight: 600 !important;  color: #0074ff;
    height: 25px;  background: #fff !important;  border-radius: 30px;
    z-index: 500; right: 5px;  margin: 0px 0px 0px 0px;  letter-spacing: 0.08em;  border: 1px solid #0074ff; box-shadow: 0px 0px 1px #0074ff;
}
.desk_tab{ display: block;}
.mob_tab{ display:  none;}
.sub_menus {margin: 0px 0px 0px 0px; padding:15px 10px 15px 10px; box-shadow: 0px 0px 5px #eaeaea; background: #fff; border-radius: 8px;}
.sub_menus ul { margin:0; padding:0}
.sub_menus li { margin:0; list-style:none;  font-weight:900!important; margin-bottom:0}
.sub_menus li a {margin: -6px 0px 0px 0px; padding:3px 0 1px 0px; color:#565a5d !important; width:100%; display:inline-block; font-size:14px;
 font-weight:600!important; border-bottom:1px solid #dbdbdb; text-transform: none; 
 letter-spacing: 0px; background-image:url(../images/menu_arrow.png); background-repeat:no-repeat; background-position:right ;
}
.sub_menus li a:hover { text-decoration:none; background:#f0f7ff; background-image:url(../images/menu_arrow.png);background-repeat:no-repeat; background-position:right ;}
.sub_menus .active { text-decoration:none; background:#f0f7ff;  background-image:url(../images/menu_arrow.png); background-repeat:no-repeat; background-position:right ;}
.sub_menus li a .icons {  display: block;}
.sub_menus li a .icons1 {  display: none;}
.sub_menus li a:hover .icons {  display: none;}
.sub_menus li a:hover .icons1 {  display: block;}
.sub_menus .active .icons {  display: none;}
.sub_menus .active .icons1 {  display: block;}
.sub_menus .nav-link:hover .icons {  display: none;}
.sub_menus .nav-link:hover .icons1 {  display: block;}
.sub_menus_con { float: left; width: 80%; margin: 0 0 0 10px; padding: 8px 0 0; text-align: left;}
.sub_menus_arrow { float: right; width: 30px; margin: 0 10px 0 0; padding: 0;}
.sub_menus1 {margin: 0px 0px 12px 0px;   padding:6px 10px 15px 10px;  box-shadow: 0px 0px 5px #eaeaea; background: #fff; border-radius: 8px;}
.sub_menus1 ul { margin:0; padding:0}
.sub_menus1 li { margin:0; list-style:none;  font-weight:900!important; margin-bottom:0}
.sub_menus1 li a {margin: -6px 0px 0px 0px; padding:14px 0px 14px 0px;color:#565a5d !important; width:100%; display:inline-block; font-size:14px; font-weight:600!important;     border-bottom:1px solid #dbdbdb; text-transform: none;  letter-spacing: 0px; background-image:url(../images/menu_arrow.png); background-repeat:no-repeat;
 background-position:right ;
}
.sub_menus1 li a:hover {text-decoration:none; background:#f0f7ff; background-image:url(../images/menu_arrow.png); background-repeat:no-repeat; background-position:right ;}
.sub_menus1 .active {text-decoration:none;  background:#f0f7ff; background-image:url(../images/menu_arrow.png); background-repeat:no-repeat; background-position:right ;}
.sub_menus1 .active {text-decoration:none;  background:#f0f7ff; background-image:url(../images/menu_arrow.png); background-repeat:no-repeat; background-position:right ;}
.ehr_links_mob {    text-align: left;  padding: 8px 0px 0px 0px;}
.waitinglist_btnc { float:  left; margin: 10px 0px 10px 0px;}
.waitinglist_cls_add { margin: 0px 0px 0px 0px !important;  padding: 6px 12px 4px 12px !important;  color: #000 !important;  border-radius: 5px !important;
    font-size: 11px !important;  background: #f6f5f9   !important;  border: 0px solid #ccc !important;  text-transform: uppercase;
	font-weight: 600;   letter-spacing: 0.08em;  line-height: 16px; min-height: 27px;    
}
.waitinglist_cls_add:hover { color:#fff !important; background: #0074ff    !important;  border: 0px solid #0074ff  !important;  
}
.waitinglist_alert{ background:#f9f9f9; padding:12px; margin:15px 0px 0px 0px;}
.waitinglist_head{ font-style: normal;  width: 100%;  font-size: 18px ; font-weight: 600;  padding: 0px 0px 8px 0px;color:#d9011b;	text-align:center;}
.waitinglist_con1{    font-style: normal; width: 100%;  font-size: 15px; font-weight: 600; padding: 0px 0px 8px 0px; color:#000;}
.waitinglist_con2{    font-style: normal;  width: 100%; font-size: 14px ;  font-weight: 400; padding: 0px 0px 8px 0px; color:#000;}
.waitinglist_sub_head{font-style: normal;  width: 100%; font-size: 15px ;  font-weight: 600; padding: 12px 0px 8px 0px; color:#971021; text-align:center;}
.waitinglist_sub_head1{    font-style: normal; width: 100%; color:#000; font-size: 15px ;  font-weight: 600; padding: 12px 0px 8px 0px;	text-align:center;}
.waitinglist_btn {margin: 0px 0px 0px 5px !important;    padding: 4px 12px !important;    color: #000 !important;
    border-radius: 5px !important;   font-size: 12px !important;   background: #eee !important;  border: 0px solid #ccc !important;
    text-transform: uppercase; 
}
.waitinglist_btn1 { float:right;}
.forms_left{ float:left;}
.forms_left1{ float:left; padding:0px 5px 0px 5px; font-size: 13px;}
#div1, #div2 {  height: 30px; margin: 0px; padding: 0px; border: 0px solid black;}
.dropdate { height: 30px; margin: 0px; padding: 0px;  border: 0px solid black;} 
.referal_print { letter-spacing: 0.06em;  position: absolute;  right: 15px; float: right; font-style: normal; padding: 8px 0px 0px 0px;  border-radius: 5px;  font-size: 9px;
    font-weight: normal;  color: #000;  text-transform: uppercase;   z-index: 15;
}
.dragble{ content: "";  position: absolute;  bottom: 0;   left: 0;  right: 0;  height: 10px; /*background-color: rgba(0, 0, 0, 0.2);*/
     cursor: ns-resize;	 background-image:url(../images/dragable.png);background-repeat:no-repeat;background-position:center bottom; opacity: .0;
 }
.dragble:hover{ opacity: 1; }
.dragble:active { opacity: 1; }
.weeks_sec_td_cl0::-webkit-resizer { display: none; }
.disable-selection { -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none; user-select: none; } 
.new_appointment_left{ width:35%; float:left; margin:0px; padding:0px 10px 20px 0px;  }

.new_appointment_right{ scrollbar-width: none; scrollbar-color: #333 ;}
.new_appointment_right::-webkit-scrollbar {width: 0px;  height: 0px;}
.new_appointment_right::-webkit-scrollbar-track { background-clip: content-box;  border: 2px solid transparent;}
.new_appointment_right::-webkit-scrollbar-thumb { background: none ; }
.new_appointment_right::-webkit-scrollbar-thumb:hover { background: none ; }
.new_appointment_right::-webkit-scrollbar-corner, .new_appointment_right::-webkit-scrollbar-track { background: none ; } 
[class^=new_appointment_right] { height: 866px; overflow-y: scroll; overflow-x: hidden;}
[class^=new_appointment_right]  { padding: 0rem;  overflow-x: hidden;} 
.new_appointment_right{ width:100%; float: none; margin:0px; padding:0px 0px 20px 0px;  border-left: 0px solid #ddd; 
height: calc(100vh - 190px); overflow-y: scroll; overflow-x: hidden;}
.new_appoint_btn { margin:0px;padding:0px;
}
.new_appoint_btn a { float:left;  margin: 0px 5px 0px 0px ;  padding: 6px 12px !important;  color: #000 !important;
    border-radius: 5px !important; font-size: 10px !important;  background: #f6f5f9 !important; text-transform: uppercase ;  border: 0px solid #F00 !important;
	font-weight: 600;  font-size: 0.6em;  letter-spacing: 0.6px; width: 47.6%;     text-align: center;
}
.new_appoint_btn a:hover { color:#06F !important;}
.new_appoint_main {height: calc(100vh - 240px); overflow-y: scroll; overflow-x: hidden; border-top: 0px solid #ddd;}
.new_appoint_main ul { margin: 0px 0px 0px 0px;	padding:0px;  display: inline-block; width: 100%;}
.new_appoint_main li {margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;   width: 100%;  border-bottom: 1px solid #f5f5f5;}
.new_appoint_main li a {margin: 0px 0px 0px 0px;   padding: 10px 4px 10px 4px; display: inline-block;  width: 100%; }
.new_appoint_main li:hover { background:#f9f9f9;}
.new_appoint_main .active { background:#eaf9ff;}
.new_appoint_icon {width: 40px; float: left; margin: 4px 5px 0px 0px;}
.new_appoint_icons { width: 40px;}
.new_appoint_icons img {width: 40px; height: 40px; border-radius: 50%;}
.new_appoint_conts { width: 75%;  float: left;}
.new_appoint_name {font-size: 13px;  font-weight: 600;  color: #1a2838; padding: 5px 0px 3px 0px;
    overflow: hidden;    text-overflow: clip;  white-space: nowrap;
	}
.new_appoint_title {font-size: 10px;  font-weight: 600;  color: #545454;  padding: 0px 0px 0px 0px;  overflow: hidden;  text-overflow: clip; white-space: nowrap; }
.new_appoint_top {width:100%; display:inline-block; border-bottom:1px solid #ddd; margin:0px 0px 15px 0px;}  
.new_appoint_bottom{ width:100%;  margin:0px; padding:0px 0px 0px 0px;  border-top: 1px solid #ddd;  }
.select_treat{ width:100%; display:inline-block; border-top:1px solid #ddd;}
.appoint_date_m{ background: rgba(0, 0, 0, 0.5); width:100%; height:100%; position: fixed;  right:0px; top:0px;  z-index:9999;  }
.appoint_date{ background:#fff; width:700px; position: fixed;  right:0px; top:0px; height:100%; z-index:9999;   padding:0; box-shadow: 0px 0px 25px #ccc; }
.appoint_sec{  width:100%;  position:  absolute;  height:98%;  overflow-y: scroll; overflow-x:  hidden; padding:25px 35px 0px 35px; }
.appoint_dlt {  margin: 16px 0px 0px 0px; position: absolute;  left: -37px; right: auto;}
.content_areas_dash h4{  margin-top: 0px; margin-bottom: 6px;  margin-left: 0px;padding: 3px 0px 8px 0px;  text-align: left;   font-size: 14px;    
    font-weight: 700;  color: #0074ff; letter-spacing: 0.1em; text-transform: uppercase;
}
svg text{ font-family: "Inter", sans-serif !important; } 
.quicksetup_btns { font-size: 14px; margin: 0px 0px 6px 0px; color: #ff0096; font-weight: bold; padding: 0px 0px 10px 0px;}
.quicksetup_btns .fa-angle-down{ padding:5px 0px 0px 0px;}
.quicksetup_con{color: #545454 !important;  margin: 0px 0px 0px 0px !important;  padding: 10px 0px 8px 0px;    text-align: left;
    font-weight: 600 !important;   width: 100%; display: inline-block; font-size: 12px !important;  text-transform:  none;
	}
.formssetting_btns { font-size: 14px; margin: 0px 0px 6px 0px; color: #ff0096; font-weight: bold; padding: 0px 0px 10px 0px;}
.formssetting_btns .fa-angle-down{ padding:5px 0px 0px 0px;}
	
.widget_section{ width:100%; display:inline-block; padding:15px 0px 5px 0px}
.widget_section .widget_form {
    width: 100% !important;
    margin: 0px auto;
    padding: 0px;
}
.widget_preview_sec{ width:100%; display:inline-block; padding:15px; background:#f9f9f9;}   
.forms { width: 70px !important;  float: left;  margin-right: 8px;}
.form-group span{ font-size:12px;}
.diarypatient_add {    font-weight: 600; font-size: 0.6em; text-transform: uppercase; padding: 3px; letter-spacing: 0.6px;}
.waiting_secs_add { font-size: 11px; font-weight: 500; text-transform: uppercase; padding: 3px;}
.select-time { width: 100%;   -moz-border-radius: 5px;
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);    background: url(../images/time.png) #fff;
    background-position: right;  background-repeat: no-repeat;  border-radius: 5px;  box-shadow: none; color: #212529 !important; font-size: 14px;
}
.waiting_area_sec { margin: 0px auto; width: 55%;}
.appointment_tabs{ margin:0px 0px 0px 0px; padding:7px 7px 0px 7px; 	}
.appointment_tabs ul{ margin:0px;  padding:5px 5px 7px 5px; border-bottom: 0px solid #e8e8e8; background: #f9f9f9; width: 100%; display: inline-block; }		
.appointment_tabs li{ margin:0px 5px 0px 0px; padding:0px;  float:left;}
.appointment_tabs li a{ font-weight: 600; font-size: 0.6em;    letter-spacing: 0.6px; display: inline-block;    padding: 5px 8px 3px 8px; margin: 0px 0px 0px 0px;  
list-style: none;   cursor: pointer; text-align: center;  color: #545454; border: 0px !important; width: 100%; text-transform: uppercase;
    opacity: 1;
	}
.appointment_tabs li a:hover{ background: #fff !important; color: #545454 !important; border-radius: 3px !important;  box-shadow: 0 0px 3px rgb(0, 116, 255, 0.7);}	
.appointment_tabs .active { background: #fff !important; color: #0074ff !important; border-radius: 3px !important;  box-shadow: 0 0px 3px rgb(0, 116, 255, 0.7);}
.lab_consumabales{ width:100%; display:inline-block; border-bottom:1px solid #e1e2e2 ; padding:0px 0px 5px 0px ;}
.lab_product{ font-size:12px; color:#2d2d2d; text-align: left;}
.start_lab {  position:  relative;   margin: 5px 0px 0px 15px;  }
.start_lab a {  margin: 0px 0px 0px 0px;  background: #fff;  float: left;  padding: 1px 6px 0px 6px;  border-radius: 4px;
  color: #18bc43;  text-align: center; font-size: 11px;  border: 1px solid #0bdb41;  font-weight: 500;  min-height: 20px; 
}
.start_lab a:hover { color: #18bc43;   background: #eeffee;  border: 1px solid #0bdb41; float: left; cursor: pointer;}
.section_dents{background-color: #fff;  width: 100%;  padding: 6px;  box-shadow: 0 0px 0px 0 rgb(16 25 40 / 10%);    position: relative;
    margin-bottom: 15px; display: inline-block;  border: 1px solid #e8e8e8;  border-radius: 6px;
	}	
.add_dents {  margin:0px 3px 0px 210px; position: absolute; padding:0px;   }
.add_dents a {  margin: 4px 3px 0px 0px;   background: #eeffee; float: left;  padding: 1px 6px 0px 6px; border-radius: 4px;  color: #18bc43;
  text-align: center;  font-size: 11px; border: 1px solid #0bdb41;  font-weight: 500;  min-height: 20px; 
}
.add_dents a:hover {  color: #18bc43; background: #eeffee; border: 1px solid #0bdb41; float: left; cursor: pointer;}
.dented_head { color: #000 !important;  margin: 0px 0px 0px 0px !important; padding: 10px 0px 10px 0px;
    text-align: left; font-weight: 600 !important;  width: 100%; display: inline-block;  font-size: 12px !important; letter-spacing: 0.06em;
    text-transform: none;
}
.products_cont{ color: #000 !important;  margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px;   text-align: left;  font-weight: 600 !important;
    width: 100%; display: inline-block;  font-size: 11px !important;  letter-spacing: 0.06em; text-transform: none;
}
.test_profilecon{display: inline-block;  font-weight: 600 !important; size: 100%;  margin-bottom: 3px;  padding: 5px 0px 0px 0px; font-size: 12px;
    color: #2d2d2d;   width: 100%;  text-transform: none;   font-family: 'Source Sans Pro', sans-serif !important;
}
.products_add_sec { width: 100%;  border-bottom: 1px solid #e8e8e8;  margin: 0px 0px 0px 0px;  padding: 0px 0px 15px 0px;  display: inline-block;
}
.total_products{ width:100%; margin:10px 0px 0px 0px; padding:15px 0px 15px 0px; text-align:right; font-size:14px; font-weight:600; display: inline-block;} 
.products_conts label { color: #545454 !important;}
.dented_m_sec { width:50%; float: left;}
.dented_m_br { width:100%; display:inline-block; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px; border-bottom:1px solid #e1e2e2 ;}
.dented_m_br1 { width:100%; display:inline-block; margin:0px 0px 10px 0px; padding:5px 0px 5px 0px; border-bottom:1px solid #e1e2e2 ;}
.dented_m_br2 { width:100%; display:inline-block; margin:0px 0px 0px 0px; padding:0px 0px 3px 0px; border-bottom:1px solid #e1e2e2 ;}
.treat_inventery { width:50%; float: left;}
.treat_inventery1 { width:50%; float: left; margin:5px 0px 0px 0px}
.select_batch{display: inline-block;    font-weight: 500 !important;  margin-bottom: 3px; padding: 5px 0px 0px 0px;  font-size: 12px;
    color: #afafaf;     width: 100%; text-transform: none; font-family: 'Source Sans Pro', sans-serif !important;font-style:italic;
}
.select_sec{ float: left; margin:0px 0px 0px 0px; padding:0px 12px 0px 0px}
.select_batch1{  font-weight: 500 !important;   padding: 9px 12px 0px 0px;  font-size: 12px;    color: #545454;   width: 100%;
    text-transform: none;  font-family: 'Source Sans Pro', sans-serif !important;	font-style:italic;
	min-height:38px;
}
.select_batch2{  font-weight: 500 !important;   padding: 4px 12px 0px 0px;  font-size: 12px;    color: #545454;   width: 100%;
    text-transform: none;  font-family: 'Source Sans Pro', sans-serif !important;	font-style:italic;
	 
}
.modal .dented_m_br label { font-size: 12px;    font-weight: 600 !important;    line-height: 30px;    text-align: left;    flex-grow: 1;    color: #ba104f;
    padding: 0px 0px 0px 0px;    text-transform: none;  font-family: 'Source Sans Pro', sans-serif !important; 
}
.dented_m_br input[type=checkbox]:not(old) + label { display: inline-block;
    margin-left: -33px; line-height: 27px;    font-weight: 500 !important;
    font-size: 12.5px;    padding-left: 8px;   width: 100%; text-transform: none; color: #545454;
} 
.patient_datas { background: #fff;  width: 100%;  border-radius: 8px;  padding: 10px;  margin: 0px 0px 7px 0px;
    display: inline-block; position:relative;
}
.view_patient{   text-align:center; padding:4px 10px 4px 10px; position:absolute; right:8px;  font-size:12px; z-index:50;}
.completed{ background:#d5fbdd; color:#000; text-align:center; padding:4px 10px 4px 10px; position:absolute; right:25px;
    border-radius:25px;	font-size:12px;	 
	}
.incompleted{ background:#fcdcb6; color:#000; text-align:center; padding:4px 10px 4px 10px; position:absolute; right:25px; border-radius:25px;font-size:12px;}	 
.patient_name {  font-size: 16px; font-weight: 600;  color: #2d2d2d;  text-align: left;  padding: 3px 0px  2px 0px;}
.patient_date {  display: inline-block;  padding: 0px;  margin: 4px 0px 0px 0px;  font-size: 12px; font-weight: 500;
    line-height: 15px;   text-align: left;  position: relative;  color: #545454;width:100%;
}
.patient_times {  display: inline-block;  padding: 0px;  margin: 7px 0px 0px 0px;  font-size: 12px;
    font-weight: 500; line-height: 15px;  text-align: center;   position: relative; color: #545454;	width:100%;
}
.patient_id {  display: inline-block;  padding: 0px;  margin: 0px 0px 0px 0px;  font-size: 14px;  font-weight: 500;
    line-height: 15px;  text-align: center;  text-align: left;  position: relative;  color: #545454;width:100%;
}
.patient_appoint { display: inline-block;   padding: 0px;  margin: 0px 0px 0px 0px;  font-size: 14px;
    font-weight: 500;  line-height: 15px;  text-align: center; text-align: left; position: relative;  color: #545454;width:100%;
}
.patient_sec {  width: 100%;  display: inline-block;  position: relative; border-bottom: 0px solid #f0f0f0 !important; padding:0px 0px 0px 0px;}
.patient_sec_cl {  width: 100%;  display: inline-block;  position: relative; border-bottom: 1px solid #f0f0f0 !important; padding:0px 0px 7px 0px;}
.patient_icon {  width: 40px;  float: left; margin: 4px 10px 0px 0px;}
.patient_con {  width: 77%; float: left;}
.patient_contact {  font-size: 14px;  font-weight: 500;  color: #2d2d2d;  text-align: left;  padding: 0px 0px 0px 0px;}
.patient_mail { font-size: 14px; font-weight: 500;  color: #2d2d2d;  text-align: left;  padding: 0px 0px 0px 0px;}
.patient_check { font-size: 13px;  font-weight: 500;  color: #2d2d2d;   text-align:  center;  padding: 0px 0px 7px 0px;}
.patient_medic {  font-size: 14px; font-weight: 500; color: #2d2d2d; text-align: left;  padding: 0px 0px 0px 0px;}
.table_amount {  font-size: 14px;  font-weight: 500;  color: #2d2d2d;  text-align: left; padding: 0px 0px 0px 0px;}
.results_name_h{margin: 0px;  padding: 0px 0px 8px 0px;  text-align: left;  font-size: 16px;  font-weight: 700;  color: #000;  text-transform:  none;	}
.results_name_con{	margin: 0px;  padding: 0px 0px 5px 0px; text-align: left;  font-size: 12px; font-weight: 400;  color: #000;   text-transform:  none;	}
.scrore_sec{ width:100%; display:inline-block;margin: 5px 0px 0px 0px;  padding: 10px 0px 8px 0px;	border-top:1px solid #ccc;	}
.scrore_con{margin: 0px; padding: 0px 0px 5px 0px;  text-align: left;  font-size: 13px; font-weight: 400; color: #000;  text-transform:  none;	}
.scrore_bg{ width:80px;height:80px; margin:0px 0px 0px 0px;   padding: 10px 0px 8px 0px; text-align:center;  border-radius: 8px;color:#fff;	}
.scrore_clr_g{ background:#00cb00	}
.scrore_clr_r{ background:#e02911	}
.scrore_clr_y{ background:#ffc600	}	
.scrore_tb_g{ background:#c6ffc6	}
.scrore_tb_g td{ color:#000 !important;	}
.scrore_tb_r{ background:#ffe2de	}
.scrore_tb_r td{ color:#000 !important;	}
.scrore_tb_y{ background:#fdffc0	}
.scrore_tb_y td{ color:#000 !important;	}	
.score_t{	margin: 0px;  padding: 0px 0px 0px 0px;  text-align:center;   font-size: 12px; font-weight: 500;  color: #fff;   text-transform:  none;	}
.scores{margin: 0px; padding: 0px 0px 8px 0px;  text-align:center;  font-size: 30px;  font-weight: 500;  color: #fff;  text-transform:  none;	}		
.scrore_h{	margin: 0px;  padding: 0px 0px 8px 0px;  text-align: left;  font-size: 14px;  font-weight: 700; color: #000;  text-transform:  none;}
.results_sec{ background:#f8f8f8; width:100%; display:inline-block; padding:12px;}	
.results_h{	margin: 0px;   padding: 0px 0px 8px 0px;  text-align: left;  font-size: 14px;  font-weight: 700;  color: #000;  text-transform:  none;	}	
.results_con{	margin: 0px;   padding: 0px 0px 5px 0px;  text-align: left; font-size: 12px;  font-weight: 400; color: #000;   text-transform:  none;	}
.results_con_sec{ width:100%; display:inline-block; padding:0px; margin:0px;	}
.results_questions{	margin: 0px;  padding: 12px 0px 5px 0px;  text-align: left;  font-size: 13px;  font-weight: 400;  color: #000;  text-transform:  none;	}		
.results_score { float:right !important;  margin: 7px 5px 0px 0px;  padding: 2px 5px 0px 3px;    border-radius: 4px;  color: #fff;
    text-align: center;  min-height: 23px;  font-size: 11px;  border: 1px solid #f6f5f9;  min-width: 55px; line-height: 17px;font-weight:600;
}
.outcomesec { padding: 0px;  display: inline-block;  width: 100%;  position: relative;  font-size: 14px;
   /* height: calc(100vh - 170px);  overflow-x: hidden;  -webkit-overflow-scrolling: touch;*/	
}
.outcomesec1 {  padding: 0px;  display: inline-block;  width: 100%;  position: relative;  font-size: 14px;   height: calc(100vh - 264px);
    overflow-x: hidden;  -webkit-overflow-scrolling: touch; 
}
.outcomes_headbg {  background: #f9f9f9;  padding: 15px;  width: 100%;  display: inline-block;}
.outcomes_mainhead { color: #545454 !important; margin: 0px 0px 0px 0px;  padding: 5px 0px 2px 0px; text-align: center; font-weight: 700;
    width: 100%;  display: inline-block;  font-size: 25px !important;  letter-spacing: 0px;  text-transform: none;
}
.outcomes_subhead {  color: #545454 !important;  margin: 0px 0px 0px 0px;  padding: 5px 0px 0px 0px; text-align: center;   font-weight: 500;
    width: 100%;  display: inline-block;  font-size: 12px !important;  letter-spacing: 0px;  text-transform: none; min-height: 35px;
}
.results_con_sec { width: 100%; display: inline-block;  padding: 0px;  margin: 0px 0px 10px 0px;}
.results_questions { margin: 0px; padding: 12px 0px 5px 0px; text-align: left;    font-size: 13px; font-weight: 400; color: #000; text-transform: none;}
.results_p{	margin: 0px;  padding: 10px 0px 5px 0px;   text-align: left;    font-size: 13px;  font-weight: 400;    color: #000;  text-transform:  none;	}
.questionbtn_start {  width: auto; float: none; display: inline-block;  } 
.question_btn {  margin: 7px 5px 0px 0px; padding: 2px 5px 0px 3px;  background: #f6f5f9;   border-radius: 4px;  color: #000;  text-align:  left;  min-height: 23px;
  font-size: 12px;  border: 1px solid #f6f5f9;   line-height: 17px; 
}
.question_btn:hover {  color: #18bc43; background: #eeffee; border: 1px solid #0bdb41;  cursor: pointer;}
.questionbtn_start .active { color: #18bc43; background: #eeffee; border: 1px solid #0bdb41;} 
.question_btn span { float:left;}
.question_btn:hover span { background-image:url(../images/review_tick.png);
	background-repeat:no-repeat;background-position: 0px 2px;  width: 14px;  height: 17px; 	display: inline-block; 	float:left;
}
.questionbtn_start .active span { background-image:url(../images/review_tick.png);
	background-repeat:no-repeat;	background-position: 0px 2px; width: 14px; height: 17px; display: inline-block; float:left;
}   
.encounter_save {  margin: 0px 0px 0px 0px; padding: 0px; position: relative; width:100%;display:inline-block;}
.save_enc_bt {  margin: 4px 3px 0px 0px;   background: #fff;  float: left;  padding: 1px 6px 0px 6px;
  border-radius: 4px;  color: #000;  text-align: center;  font-size: 11px;  border: 1px solid #0074ff ;  font-weight: 500;  min-height: 20px; 
}
.save_enc_bt:hover {color:#fff !important;  background-color: #0074ff !important;  border: 1px solid #0074ff !important;}
.save_enc {  float: right;  margin: 3px 27px 0px 0px;}
.new_form { padding: 1px 0px 1px 0px; margin: 0px 0px 0px 0px;  text-align: center; white-space: nowrap; vertical-align: baseline;
    border-radius: 5px;  text-align: center; position: relative; float:  left; right: 0;    background: #1d1d1d;    color: #FFF;
    font-size: 10px;  width: 75px; text-transform: uppercase;
}
.completed_form { padding: 1px 0px 1px 0px;  margin: 0px 0px 0px 0px; text-align: center;  white-space: nowrap; vertical-align: baseline;    border-radius: 5px;
    text-align: center; position: relative;  float:  left; right: 0;  background: #036f00; color: #FFF;  font-size: 10px; width:75px; text-transform: uppercase;
}
.formstatus {  letter-spacing: 0.06em;    position: relative; right: 0px;  padding: 0px; margin: 25px -42px 0px 0px;  float: right;}
.offline{ background:#414143; color:#fff; padding:5px 10px 5px 10px; position:fixed; bottom:5px; right:5px; z-index:50;font-size:12px;text-align: right; display:none }

.back_sucess { width:125px;   margin:40px  auto 0px  auto; z-index:600; right:0px;}
.back_sucess a {  margin: 0px; padding: 7px 10px 7px 10px !important;  color: #000 !important;
    border-radius: 50px;  font-size: 11px !important;  background: #f6f5f9 !important;  border: 1px solid #0074ff !important;
    text-transform: uppercase;	 font-weight: 600;	width:100%; display:inline-block;text-align:center;  
}
.back_sucess a:hover { color: #0074ff  !important;  background: #f6f5f9 !important; }
.form_section_box2 {  width: 768px;  background-color: #ffffff;  border: 0px solid #f7f7f8;   margin: 100px auto;
    box-shadow: 0 1px 3px rgb(164 173 186 / 25%);  padding: 0px; border-radius: 8px;	position:relative;
}
.sucess_completed { color: #545454 !important;  margin: 30px 0px 0px 0px; padding: 5px 0px 2px 0px;text-align: center;font-weight: 700;/* background: #d6e4ff; */ 
  width: 100%; display: inline-block; font-size: 25px !important;   letter-spacing: 0px; text-transform: none;
}
.payment_faild { color: #e32629 !important;  margin: 20px 0px 0px 0px; padding: 5px 0px 2px 0px;    text-align: center;
    font-weight: 700;    /* background: #d6e4ff; */    width: 100%; display: inline-block; font-size: 22px !important;    letter-spacing: 0px;  text-transform: none;
} 
.forms_content2 {  padding: 60px; display: inline-block; width: 100%;  position: relative; font-size: 14px;}
.modal_scrollable {height: calc(100vh - 120px); overflow-x: hidden; -webkit-overflow-scrolling: touch;}
.profitloss_content { padding: 30px; display: inline-block;  width: 100%; position: relative;}
.profitloss_head { font-size: 17px; text-align: left; color: #000;  margin: 0px 0px 15px 0px; padding: 0px 0px 10px 0px;
    font-weight: 600;	border-bottom: 1px solid #e5e5e5 !important;
}
.profitloss_head1 { margin: 0px 0px 5px 0px;  text-align: left; font-size: 14px;  padding: 0px 0px 0px 0px;font-weight: 600; line-height: 18px;} 
.profitloss_content .table td { padding: 7px 5px 7px 5px;  line-height: 1.42857143; vertical-align: top;  border: 0px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0 ;  vertical-align: middle !important;  font-size: 12px; color: #545454;font-weight: 500;
}
.profitloss_amount { text-align: right !important; }
.profitloss_total { font-weight: 600 !important;  color: #000  !important; border-bottom: 1px solid #000 !important;}
.profitloss_total1 {  text-align: right !important; font-weight: 600 !important;  color: #000  !important; border-bottom: 1px solid #000 !important; }
.invoice_forms{ flex: 0 0 auto;  width:99px; } 
.invoice_content .form-select {  padding: 0.375rem 6px 0.375rem 6px !important; } 
.invoice_content .form-control {padding: 0.375rem 6px 0.375rem 6px !important; }
.terms {  color: #545454; text-decoration: underline}
.forms_number {  position: absolute;  margin: 0px 0px 0px -30px;  padding: 5px;  color: #545454;  font-size: 11px;
    text-align: center;  line-height: 10px; border: 1px solid #e1e2e2; border-radius: 4px;
}
.stripe_sec { width:650px; margin:0px auto;}
.stripe_con { font-size: 14px; color: #0c056d; margin: 0px 0px 15px 0px; padding: 30px 15px 30px 15px; font-weight: 500; text-align:center;
	border-bottom: 1px solid #e5e5e5 !important;
}
.noavilable{  margin: 0px 0px 0px 0px; padding: 30px 0px 30px 0px; text-align:center; color: #ba104f; font-size: 12px; font-weight: 600; letter-spacing: 0.06em;}
.rightlink{ position: absolute;  width:200px;margin:0px 0px 0px 0px !important;  top:20px;	height: calc(100vh - 187px);overflow: auto;-webkit-overflow-scrolling: touch; 	}  
.rightlink.sticky {	position: fixed; line-height: normal; width:200px;  padding-left:0px;z-index:1000; margin:0px 0px 0px 0px;	top:120px;	}	
 .manuel_links { width:200px; margin: 0px auto; padding: 0px 0px 0px 0px;   }
.manuel_links ul { width: 100%; margin: 0px auto; padding: 0px 0px 0px 0px;}
.manuel_links li { width: 100%; margin: 0px auto; padding: 0px 0px 0px 0px; cursor: pointer;  border-left:4px solid #fff;}
.manuel_links li a { background: #ffffff;  width: 100%;	padding: 8px 0px 8px 10px;    box-shadow: 0px 0px 0 #ccc;
	border-radius: 0px;  margin: 0px;display: inline-block; border-bottom:1px solid #f0f0f0;color:#000; font-size:13px;	text-align:left; line-height: 20px;	
}
.manuel_links li a:hover { background: #f5f5f5;} 
.manuel_links li.active {  color: white;  border-left:4px solid #09F;  background: #f5f5f5 !important;}
.modal-dialog_video { max-width: var(--bs-modal-width);  margin-right: 15px !important;  margin-left: auto !important;  }
.maximized {  width: 100vw;  height: 100dvh;   top: 0 !important;  left: 0 !important;  border-radius: 0;}
.image_thumps{ margin:0px; padding:0px; }
.image_thumps ul{ margin:0px; padding:0px;  }
.image_thumps li { margin:0px 10px 0px 0px; padding:5px; float:left; cursor:pointer  ;
    background: #ffffff;  border: 0px solid #f7f7f8;   box-shadow: 0 0px 3px rgb(164 173 186 / 25%);  border-radius: 8px; position: relative;width:80px;
	}
.image_thumps1 {margin: 0px; padding: 0px;  width: 80px; float: left;  position: absolute; z-index: 100;}
.image_thumps1 ul{ margin:0px; padding:0px;  }
.image_thumps1 li { margin:10px 0px 0px 0px; padding:5px;  cursor:pointer  ;
    background: #ffffff;  border: 0px solid #f7f7f8;   box-shadow: 0 0px 3px rgb(164 173 186 / 25%);   border-radius: 8px;  position: relative;	width:80px;
}
.face_map1{ float: none; width:100%}
.face_map_img{/* width:267px;*/ margin:0px auto; padding: 0px 0px 0px 0px; } 
.faces_content{ margin:10px auto 0px auto; padding:0px 0px;  width:100%; }
.faces_details{ margin:0px 0px 7px 0px; padding:5px 15px;  background:#f9f9f9; width:100%; color:#000; text-align:left; font-size:14px; border-radius: 8px; 
	border:1px solid #f9f9f9;   display: inline-block;
}
.faces_details:hover{ background:#eeffee;border:1px solid #0bdb41 ;     }
.faces_pr_select{  background:#eeffee !important; border:1px solid #0bdb41 !important;  }
.faces_bullet_sec { margin: 36% 0px 0px 31%; position: absolute; transform: translate(-50%, -50%);}
.faces_bullet_sec1 { margin: 50% 0px 0px 47%;   position: absolute;}
.faces_bullet_sec2 { margin: 70% 0px 0px 70%; position: absolute;}
#image-container { position: relative; display: inline-block;  }
.marker { position: absolute;   width: 10px;  height: 10px; background-color: red;   border-radius: 50%;  transform: translate(-50%, -50%);  }		
.marker-label {/*pointer-events: none;*/	}		
.marker-label::before {width: 0px;    height: 0px;   border-left:0px solid transparent;   border-right: 10px solid transparent;
    border-top: 19px solid #fff;   margin: -2px 0px 0px 10px;    position: relative;transform: rotate(12deg);  -webkit-transform: rotate(12deg);
}		
.faces_bullet {  width: 10px; height: 10px; border-radius: 50%;  margin:0px 0px 0px 0px;}
.bullet_r{ margin:0px 0px 0px 0px;}
.bullet_l{ margin:0px 0px 0px 00px;}
.faces_bullet {  width: 10px; height: 10px; border-radius: 50%; }
/*.faces_count {  width: 42px; height:42px; border-radius: 50%; color:#fff; font-size:14px; text-align:center; line-height:38px; border:2px solid #fff; }*/
.faces_count {  width: 32px;  height: 32px;  border-radius: 50%;  color: #fff;  font-size: 11px;  text-align: center;
    line-height: 32px;  border: 0px solid #fff; margin: -52px 0px 0px -28px;position:relative;	z-index:5;
}
.faces_count1 {  width: 32px; height: 32px; border-radius: 50%; color: #fff;  font-size: 11px; text-align: center;
    line-height: 32px;  border: 0px solid #fff;  margin: -52px 0px 0px -16px;position:relative;	z-index:5;
}
.faces_count2 {  width: 32px;  height: 32px;  border-radius: 50%;  color: #fff;  font-size: 11px;  text-align: center;
    line-height: 32px;  border: 0px solid #fff;  margin: -52px 0px 0px 0px;position:relative;z-index:5;
}
.faces_arrow_r {  width: 0px;  height: 0px;  border-left: 10px solid transparent;  border-right: 0px solid transparent;
    border-top: 19px solid #fff;  margin: -2px 0px 0px -8px;  position: relative;z-index:0;transform: rotate(-6deg); -webkit-transform: rotate(-6deg);
}
.faces_arrow_l { width: 0px;  height: 0px;   border-left:0px solid transparent;  border-right: 10px solid transparent;
    border-top: 19px solid #fff;  margin: -2px 0px 0px 10px;  position: relative;z-index:0;transform: rotate(12deg);  -webkit-transform: rotate(12deg);
}
.faces_arrow_s { width: 0px;   height: 0px;  border-left: 0px solid transparent;  border-right: 10px solid transparent;
    border-top: 19px solid #fff;  margin: -2px 0px 0px 2px; position: relative;	z-index:0;   transform: rotate(-14deg);    -webkit-transform: rotate(-14deg);
}
.face_pr{ width:12px; height:12px; margin: 8px 10px 12px 0px;  border-radius: 50%; float:left;}
.face_br{ border-bottom:1px solid #e8e8e8;} 
.face_clr1 { background:#46ef9e!important; }
.face_clr2 { background:#d888eb!important}
.face_clr3 { background:#39b3e4!important}
.face_clr4 { background:#ff5454!important}
.face_clr5 { background:#75c43b!important}
.face_clr6 { background:#ffd200!important}
.face_clr7 { background:#9e5842!important}
.face_clr8 { background:#fc03a7!important}
.face_clr9 { background:#9ddb45!important}
.face_clr10 { background:#e2d567!important}
.face_clr11 { background:#ff8502!important}
.face_clr12 { background:#194ad9!important}
.face_clr13 { background:#db5824!important}
.face_clr14 { background:#2cf33f!important}
.face_clr15 { background:#ea9ed0!important}
.face_clr16 { background:#1b880f!important}
.face_clr17 { background:#c19d91!important}
.face_clr18 { background:#d50f22!important}
.face_clr19 { background:#c19d47!important}
.face_clr20 { background:#39e9a9!important}
.face_clr21 { background:#e0a694!important}
.face_clr22 { background:#7787a1!important}
.face_clr23 { background:#955495!important}
.face_clr24{ background:#989c61!important}
.face_clr25 { background:#60ac87!important}
.face_bullet_clr { margin: 0px; padding: 0px;  width: 100%; display: inline-block;}
.face_bullet_clr ul{ margin:0px; padding:0px;} 
.face_bullet_clr li{ margin:0px; padding:0px; list-style:none;}
.face_bullet_clr li a{ float:left; width: 30px; height:30px; border-radius: 50%; margin:6px 20px 15px 0px; padding:0px;}
.face_bullet_clr li a:hover{ float:left;  border-radius: 50%;  margin:6px 20px 15px 0px; padding:0px;  box-shadow: 0px 0px 8px #2b5468; border: 2px solid #fff;}
.face_bullet_clr li .active{   margin:6px 20px 15px 0px; padding:0px; box-shadow: 0px 0px 8px #2b5468; border: 2px solid #fff;}

.faces_cont_sec {  width: 100%; display: inline-block; margin:15px 0px 0px 0px; padding:0px 0px 0px 6px;}
.faces_count_add {  width: 100%; display: inline-block; margin:4px 0px 7px 0px; padding:0px;}
.faces_count_add a{  margin:0px 7px 0px 0px; padding:6px 7px 6px 7px;   color:#ba104f; font-size:12px; text-transform: uppercase; border-radius: 5px; 
    font-weight: 600;}
.faces_count_add a:hover{  color:#ba104f;    }
.faces_count_add .active{ border:1px solid #ccc; background:#0074ff; color:#fff;    }
.face_label{display: inline-block;    font-weight: 600 !important; 
    margin-bottom: 3px;  padding: 5px 0px 10px 0px; font-size: 14px; color: #ba104f; 
    width: 100%;  text-transform: none; font-family: 'Source Sans Pro', sans-serif !important;	text-align: left;
}
.face_add { float: right; margin: 5px 0px 0px 0px; z-index:400; }
.face_add a {  margin: 0px 0px 0px 0px;   background: #fff;   padding: 4px 6px 4px 6px;  border-radius: 0px;  color: #0090f6;
  text-align: center;  font-size: 12px;  border: 0px solid #0bdb41;  font-weight: 500;  
}
.face_add a:hover {  color: #000; background: #eeffee; border:0px solid #0bdb41;  cursor: pointer;}
.face_delete { text-align: right;  margin: -20px 0px 0px 0px;  padding: 0px;  float: right;  position: relative;}
.face_pro_name{   font-weight: 600 !important;  margin-bottom: 3px;  padding: 6px 0px 6px 0px;  font-size: 12px; color: #ba104f; text-transform: none; 
  text-align: left;float:left;
} 
#image-container1 { position: relative; display: inline-block; }
#image-container2 { position: relative; display: inline-block;  }
#image-container3 { position: relative;  display: inline-block; }
#image-container4 { position: relative;  display: inline-block; }
#image-container5 { position: relative; display: inline-block;}	
.marker1 {  position: absolute;  width: 10px;  height: 10px;  background-color: red; border-radius: 50%; transform: translate(-50%, -50%); }
.marker-label1 {/*pointer-events: none;*/	}		
.marker-label1::before {width: 0px;  height: 0px;  border-left:0px solid transparent; border-right: 10px solid transparent;    border-top: 19px solid #fff;   
    margin: -2px 0px 0px 10px;    position: relative;transform: rotate(12deg);  -webkit-transform: rotate(12deg);
}		
.image-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center;}
.face-container { position: relative; margin:0px auto; width: 350px; }
.face-img { width: 100%;  display: block;}
.marks, .amount-label, .label-line { position: absolute; z-index: 10; }
.marks {  width: 7px;  height: 7px;  background-color: red;  border-radius: 50%; transform: translate(-50%, -50%);  cursor: pointer; }
.amount-label {   background: red;  color: #fff;   padding:0px;  font-weight: normal;   border-radius: 50%;  white-space: nowrap;   /*display: flex;*/
      align-items: center;   cursor: pointer; width: 25px !important;  height: 25px !important;line-height: 25px !important;font-size:11px !important;	text-align:center;
    }
.amount-1  { margin: -39px 0px 0px -6px;z-index: 4;     }
.amount-1::after {content: '';  width: 0;   height: 0;	border-left: 0px solid transparent;border-right: 6px solid transparent;		border-top: 19px solid #fff; 
	position:  absolute;transform: rotate(12deg);-webkit-transform: rotate(12deg);z-index: -1;  margin: 25px 0px 0px -18px;
}
.amount-2 {margin: -11px 0px 0px -4px;  border-radius: 50%;  padding: 0px;   z-index: 4;}
.label-line {  height: 2px;  background-color: red;  transform-origin: top left;  z-index: 5;  }
.svgLayer { position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  pointer-events: none;  z-index: 1;}
.amount-3  {margin: -39px 0px 0px -41px;z-index: 4;     }
.amount-3::after {content: '';      width: 0;      height: 0;      border-left: 6px solid transparent;		border-right: 0px solid transparent;		
    border-top: 19px solid #fff; 	position:  absolute;transform: rotate(12deg);-webkit-transform: rotate(-20deg);	z-index: -1;  margin: 25px 0px 0px -4px;
    }
.amount-4  {margin: -39px 0px 0px -24px;z-index: 4;     }
.amount-4::after {content: '';      width: 0;   height: 0;  border-left: 6px solid transparent;		border-right: 0px solid transparent; border-top: 19px solid #fff; 			   position:  absolute; transform: rotate(12deg);-webkit-transform: rotate(7deg); z-index: -1;   margin: 25px 0px 0px -12px;
    }	
.amount-5  {margin: 29px 0px 0px -6px;  z-index: 4;   }
.amount-5::after {  content: '';   width: 0;
    border-left: 0px solid transparent;  border-right: 6px solid transparent;    border-bottom: 19px solid #fff;
    position: absolute;    transform: rotate(12deg);    -webkit-transform: rotate(-16deg);
    z-index: -1;    margin: -18px 0px 0px -19px;}
.amount-6  {margin: 29px 0px 0px -41px;
    z-index: 4;
    }
.amount-6::after {  content: '';  width: 0;  border-left: 6px solid transparent;
    border-right: 0px solid transparent;  border-bottom: 19px solid #fff;
    position: absolute;  transform: rotate(12deg);  -webkit-transform: rotate(20deg);
    z-index: -1;   margin: -19px 0px 0px -3px;
}
.amount-7  {margin: 29px 0px 0px -24px;  z-index: 4;    }
.amount-7::after {  content: '';   width: 0;
    border-left: 6px solid transparent;   border-right: 0px solid transparent;
    border-bottom: 19px solid #fff;    position: absolute;
    transform: rotate(12deg);  -webkit-transform: rotate(-8deg);
    z-index: -1;   margin: -19px 0px 0px -12px;
} 
.faces_deltes {position:absolute; top:30px; z-index:50; right:25px;}
.crm_se {  width: 20%;  float: left; }
.crm_left{ /* scrollbar-width: thin;*/ scrollbar-color: #333 ;}
.crm_left::-webkit-scrollbar { width: 0px; height: 0px;}
.crm_left::-webkit-scrollbar-track {background-clip: content-box; border: 0px solid transparent;}
.crm_left::-webkit-scrollbar-thumb { background: none ; }
.crm_left::-webkit-scrollbar-thumb:hover {background: none ; }
.crm_left::-webkit-scrollbar-corner, .crm_left::-webkit-scrollbar-track { background: none ; } 
/* The below styles are for display purposes only */ 
[class^=crm_left] { overflow-y: scroll; overflow-x: hidden;}
[class^=crm_left]  {  padding: 0rem; overflow-x: hidden;}
.crm_left{ background: #fff;   z-index: 450;  box-shadow: 0px 0px 5px #e9e9e9;  border-radius: 10px;
	padding:15px 8px 15px 8px;margin-left: 0px;   height: calc(100vh - 127px);	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;	scrollbar-width: none;
}
.crm_left_img { width:80px; height:80px;  margin: 0px auto;   padding: 0px;color:#0074ff;  border-radius: 50%;border: 2px solid #0074ff;
		text-align:center;line-height:80px;font-size:25px;font-weight:bold;
}
.crm_name {  font-size: 15px;text-align: center;  color: #37425c; font-weight: 600;  padding: 10px 0px 20px 0px;}
.crm_link {  margin: 0px;  padding: 0px 5px 0px 5px;width: 100%;  display: inline-block;background:#fdfdfd; }
 .crm_link ul {margin: 0px;	padding: 6px 0px 12px 0px;	width: 100%; border-radius: 8px;display: inline-block;    }
.crm_link ul li { display: block; float: none; color: #aeaeae;
            border-top: 0px solid #e7e7e9;  border-bottom: 0px solid #e7e7e9; font-size: 10px; margin:0px 0px 0px 0px; text-align:center;
        }
.crm_link ul li a {display: block; padding: 8px 0px 3px 0px;color: #aeaeae;font-weight: 600; border-radius: 0px;text-align:center; }
.crm_link ul li a:hover { display: block;color: #0074ff;  }
.crm_link ul li a span {   display: block; color: #37425c; font-weight: 500; font-size: 12px;}
.crm_link ul li a span:hover {   display: block;  color: #0074ff; font-weight: normal;                    }
.crm_link_con{  display: inline-block;  color: #37425c;  font-weight: 500;  font-size: 12px;text-align:center;	padding: 0px 0px 10px 0px;}
.crm_active {  margin: 0px auto; }
.crm_active_head {display: block;float: none;color: #aeaeae;border-top: 0px solid #e7e7e9;	border-bottom: 0px solid #e7e7e9;
	font-size: 10px;margin:0px 0px 0px 0px;	text-align:center;font-weight:600;
}
.crm_notes{padding: 8px 0px 3px 0px;  color: #37425c;  font-weight: 500;  border-radius: 0px; text-align: left;font-size:14px;	} 
.crm_notes1{padding:5px 0px 10px 0px; color: #aeaeae;  font-weight: 500;  border-radius: 0px; text-align: left;font-size:11px;	}  
.create_new2 { float: right; margin: -41px 10px 10px 10px;  position: relative;  z-index: 450;}
.create_lead { float: right;  margin: -32px 10px 10px 10px;  position: relative;  z-index: 450;}		
.notes_sec {  display: inline-block;  width: 100%;  margin: 0px; padding: 0px; border-bottom: 1px solid #f9f9f9;}
.suspects { font-style:  normal; background:#ffd3cc; padding:3px 5px 3px 5px; margin:0px 7px 3px 0px;  border-radius: 5px;font-size: 11px;	font-weight:normal;
	color:#000;	float:left;
	}
.prospects{font-style:  normal; background:#f5cbff; padding:3px 5px 3px 5px; margin:0px 7px 3px 0px;   border-radius: 5px;	font-size: 11px;font-weight:normal;
	color:#000;	float:left;	
}
.lead{font-style:  normal; background:#b1e9ff; padding:3px 5px 3px 5px; margin:0px 7px 3px 0px;  border-radius: 5px;	font-size: 11px;font-weight:normal;
	color:#000;	float:left;	
}
.visit{font-style:  normal; background:#ffd988; padding:3px 5px 3px 5px; margin:0px 7px 3px 0px;  border-radius: 5px;font-size: 11px;font-weight:normal;
	color:#000;	float:left;	
}
.admission{font-style:  normal; background:#d0ffb8; padding:3px 5px 3px 5px; margin:0px 7px 3px 0px;  border-radius: 5px;font-size: 11px;font-weight:normal;
	color:#000;	float:left;	
}
.lead_new { color: #000; font-size: 11px;  background: #d2ffb0; border-radius: 4px; padding: 1px 5px 1px 5px;  text-align: center;  line-height: 16px;
	  margin:3px 0px 0px 0px; width:80px;
}
.lead_inprogress {  color: #000; font-size: 11px;  background: #fee6ac;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center; line-height: 16px;
	  margin:3px 0px 0px 0px; width:80px;
}
.lead_finish {  color: #000; font-size: 11px;   background: #ffa9a4;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center; line-height: 16px;
	  margin:3px 0px 0px 0px; width:80px;
} 
.lead_new { color: #000;  font-size: 11px;   background: #d2ffb0;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center;   line-height: 16px;
	  margin:3px 0px 0px 0px; width:80px;
}
.lead_inprogress {  color: #000;  font-size: 11px;   background: #fee6ac;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center;     line-height: 16px;
	  margin:3px 0px 0px 0px;  width:80px;
}
.lead_finish {  color: #000;  font-size: 11px;   background: #ffa9a4;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center;      line-height: 16px;
	  margin:3px 0px 0px 0px; width:80px;
} 
.lead_suspects { color: #000;  font-size: 11px;   background: #ffd3cc;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center;  line-height: 16px;
	  margin:3px 0px 0px 0px;  width:70px;
}
.lead_prospects {  color: #000;  font-size: 11px;   background: #f5cbff;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center;      line-height: 16px;
	  margin:3px 0px 0px 0px; width:70px;
}
.lead_lead {  color: #000;  font-size: 11px;   background: #b1e9ff;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center;      line-height: 16px;
	  margin:3px 0px 0px 0px;  width:70px;
} 
.lead_visit {  color: #000;  font-size: 11px;   background: #ffd988;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center;
      line-height: 16px;  margin:3px 0px 0px 0px;  width:70px;
} 
.lead_admission {  color: #000;  font-size: 11px;   background: #d0ffb8;  border-radius: 4px;  padding: 1px 5px 1px 5px;  text-align: center;
      line-height: 16px;  margin:3px 0px 0px 0px;  width:70px;
} 
.lead_status_m { width:100%; position:relative; display:inline-block; }
.lead_status1 { font-style:  normal; background:#ffd3cc; padding:3px 5px 3px 5px; margin:0px 7px 3px 0px;
    border-radius: 5px;	font-size: 11px;	font-weight:normal;	color:#000;	float:left;	min-width:55px; text-align:center;	
}
.lead_status2{font-style:  normal; background:#f5cbff; padding:3px 5px 3px 5px; margin:0px 7px 3px 0px;
    border-radius: 5px;	font-size: 11px;	font-weight:normal;	color:#000;	float:left; min-width:55px; text-align:center;	
}
.lead_status3{font-style:  normal; background:#b1e9ff; padding:3px 5px 3px 5px; margin:0px 7px 3px 0px;
    border-radius: 5px;	font-size: 11px;	font-weight:normal;	color:#000;	float:left;		min-width:55px; text-align:center;	
}
.lead_status4{font-style:  normal; background:#ffd988; padding:3px 5px 3px 5px; margin:0px 7px 3px 0px;
    border-radius: 5px;	font-size: 11px;font-weight:normal;	color:#000;	float:left;	min-width:55px; text-align:center;	
}
.lead_status5{font-style:  normal; background:#d0ffb8; padding:3px 5px 3px 5px; margin:0px 7px 3px 0px;
    border-radius: 5px;	font-size: 11px;	font-weight:normal;	color:#000;	float:left;	min-width:55px; text-align:center;	
}
.lead_active { color: #000;  font-size: 11px;  background: #d2ffb0;  border-radius: 4px;
	padding: 1px 5px 1px 5px; text-align: center; line-height: 16px; margin: 3px 0px 0px 0px;  width: 70px;
}
.lead_inactive { color: #000;  font-size: 11px; background: #ffd3cc; border-radius: 4px;
	padding: 1px 5px 1px 5px;  text-align: center;  line-height: 16px;  margin: 3px 0px 0px 0px; width: 70px;
} 
.contact_status_start { width: 80px; margin:0px auto; float: none; 	}
.contact_status_btn {  margin: 7px 5px 0px 0px; padding: 2px 5px 0px 3px;  background: #f6f5f9;  float: left;  
  border-radius: 4px;  color: #000;  text-align: center;  min-height: 23px;  font-size: 11px;  border: 1px solid #f6f5f9;
   width: 80px;  line-height: 17px;  min-height:23px;
}
.contact_status_btn:hover {  color: #18bc43; background: #eeffee; border: 1px solid #0bdb41; float: left; cursor: pointer;} 
.contact_status_btn span { float:left;}
.contact_status_btn:hover span { background-image:url(../images/review_tick.png);
	background-repeat:no-repeat;background-position: 0px 2px;   width: 14px;  height: 17px; display: inline-block; 	float:left;
}
.contact_status_start .active { color: #18bc43; background: #eeffee; border: 1px solid #0bdb41;} 
.contact_status_start .active span { background-image:url(../images/review_tick.png);
	background-repeat:no-repeat;	background-position: 0px 2px;  width: 14px; height: 17px;	display: inline-block; 	float:left;
	}
.contact_status_start1 {    width: 100%;    float: none;    display: inline-block;}
.contact_status_btn1 {  margin: 7px 5px 0px 0px; padding: 2px 5px 0px 3px;  background: #f6f5f9;  float: left;  
  border-radius: 4px;  color: #000;  text-align: center;  min-height: 23px;  font-size: 11px;  border: 1px solid #f6f5f9;  min-width: 55px;   line-height: 17px;
}
.contact_status_btn1:hover {  color: #18bc43; background: #eeffee; border: 1px solid #0bdb41; float: left; cursor: pointer;}
.contact_status_start1 .active { color: #18bc43; background: #eeffee; border: 1px solid #0bdb41;} 
.contact_status_btn1 span { float:left;}
.contact_status_btn1:hover span { background-image:url(../images/review_tick.png);
	background-repeat:no-repeat;background-position: 0px 2px;   width: 14px;  height: 17px; display: inline-block; 	float:left;
}
.contact_status_start1 .active span { background-image:url(../images/review_tick.png);
	background-repeat:no-repeat;background-position: 0px 2px;    width: 14px; height: 17px; 	display: inline-block; 	float:left;
}
.lead_status_m span { float:left;}
.lead_status1:hover span { background-image:url(../images/review_tick.png);
	background-repeat:no-repeat;background-position: 0px 2px;   width: 14px;  height: 17px; display: inline-block; 	float:left;
}
.lead_status2:hover span { background-image:url(../images/review_tick.png);
	background-repeat:no-repeat;background-position: 0px 2px;    width: 14px;  height: 17px; display: inline-block; float:left;
}
.lead_status3:hover span { background-image:url(../images/review_tick.png);
	background-repeat:no-repeat;background-position: 0px 2px;    width: 14px;  height: 17px; display: inline-block; 	float:left;
}
.lead_status4:hover span { background-image:url(../images/review_tick.png);
	background-repeat:no-repeat;background-position: 0px 2px;    width: 14px;  height: 17px; display: inline-block; 	float:left;
}
.lead_status5:hover span { background-image:url(../images/review_tick.png);
	background-repeat:no-repeat;background-position: 0px 2px;   width: 14px;  height: 17px; display: inline-block; 	float:left;
}
 
.lead_status_m .active span { background-image:url(../images/review_tick.png);
	background-repeat:no-repeat;background-position: 0px 2px;  width: 14px; height: 17px; display: inline-block; float:left;
}
.giftcard_m_sec {  background: #fff; z-index: 450;  box-shadow: 0px 0px 5px #e9e9e9;  border-radius: 10px;  padding: 5px 8px 5px 8px;
    margin-left: 0px;  height: calc(100vh - 173px); overflow-x: hidden;  -webkit-overflow-scrolling: touch;  scrollbar-width: none;
}
.giftcard_left {  background: #fff;  z-index: 450;  box-shadow: 0px 0px 5px #e9e9e9;  border-radius: 10px;  padding: 5px 8px 5px 8px;
    margin-left: 0px; height: calc(100vh - 173px);  overflow-x: hidden;  -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.giftcard_right { border-left:1px solid #ccc; padding:0px 0px 0px 15px;}
.giftcard_icons_m { width: 523px;  margin: 0px auto;}
.giftcard_icons {  width: 83px;  margin: 0px 4px 10px 0px;  float: left;}
.giftcard_icons img { border-radius: 10px;}
.giftcardclose { margin: 0px -9px 0px 0px;}
.giftcardpaymentclose { margin: 0px -9px 0px 0px;}
.giftcard_box { padding: 0px; margin: 0px 0px 10px 0px;}
/*.giftcard_box img {border-radius: 12px;}*/
.giftcard_box1 { padding: 0px; margin: 0px 0px 25px 0px;}
/*.giftcard_box1 img {border-radius: 12px;}*/
.giftcard_payment { width: 438px;  margin: 0px auto;}
.section_box_tb {  border-radius: 6px;  background-color: #fff; ox-shadow: 0 1px 3px rgb(164 173 186 / 25%);   padding: 10px; margin: 0px 0px 10px 0px;
    width: 100%;  display: inline-block; border: 0px solid #d1e9f9;
}
.printed_sec_top { background:#fff;  margin: 0px;  padding: 12px 0px 12px 0px; box-shadow: 0px 0px 5px #ccc; width: 100%; display: inline-block;}
.print_sec {  margin: 25px 0px 25px 0px; padding: 0px;}
.print_in {  padding: 8px 25px 0px 0px; text-align: left; font-size: 14px;  color: #2d2d2d; font-weight: bold;}
.printed { font-size: 14px; text-align: right;  color: #000;  font-weight: normal;  padding: 10px 0px 0px 0px;}
.printed1 {  font-size: 14px;  text-align: right;  color: #000; font-weight: normal; padding: 5px 21px 10px 0px;}
.balancecheck_box1 {  background-color: #ffffff; width: 523px; border: 1px solid #f7f7f8;  margin: 0px 0px 8px 0px;  box-shadow: 0 1px 3px rgb(164 173 186 / 25%);
    padding: 15px;  border-radius: 8px;  position: relative;
}
.balancecheck_head { font-size: 20px; margin: 0px; color: #3f3f4b; text-align:  center; padding: 30px 0px 20px 0px;  font-weight: normal;
    line-height: 48px;text-transform:uppercase;	letter-spacing: 0.6px;
}
.balancecheck_m { margin: 0px 0px 10px 0px; padding: 0px;}
.balancecheck_form { width:68%; float: left;}
.balancecheck_btn { width:26%; float: left; margin:0px 0px 0px 3%;}
.balancecheck_con { min-height:250px;}

.balance_topup{ /* scrollbar-width: thin;*/ scrollbar-color: #333 ;}
.balance_topup::-webkit-scrollbar {width: 0px;  height: 0px;}
.balance_topup::-webkit-scrollbar-track {background-clip: content-box;  border: 2px solid transparent;}
.balance_topup::-webkit-scrollbar-thumb { background: none ; }
.balance_topup::-webkit-scrollbar-thumb:hover { background: none ; }
.balance_topup::-webkit-scrollbar-corner, .balance_topup::-webkit-scrollbar-track { background: none ; } 
/* The below styles are for display purposes only */ 
[class^=balance_topup] { height: 1360px; overflow-y: scroll; overflow-x: hidden;  }
[class^=balance_topup]  { padding: 0rem; overflow-y: hidden; } 
.balance_topup { width: 423px;  margin: 0px auto; padding: 0px 0px 15px 0px;  height: auto;  height: calc(100vh - 210px);
    overflow: auto;  -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
.card_top { width:100%; }
.card_top .form-control {display: block;  width: 100%;  padding: 0.375rem 0.75rem;  font-size: 13px; font-weight: 400;  line-height: 1.5; color: #212529;
    background-color: #fff;  background-clip: padding-box;  border: 1px solid #e1e2e2 !important; -webkit-appearance: none;  -moz-appearance: none;
    appearance: none;  border-radius: 0.375rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height: 30px;
}
.balancecheck_m .form-control {display: block;   width: 100%;  padding: 0.375rem 0.75rem;  font-size: 13px;  font-weight: 400;  line-height: 1.5;  color: #212529;
    background-color: #fff;  background-clip: padding-box;  border: 1px solid #e1e2e2 !important;  -webkit-appearance: none;
    -moz-appearance: none;   appearance: none;
    border-radius: 0.375rem;  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;  height: 30px;
}
.balancecheck_m ::-webkit-input-placeholder { color: #000 !important; font-size: 14px;}
.balancecheck_m ::-moz-placeholder { color: #000 !important; font-size: 14px;}
.balancecheck_m :-ms-input-placeholder { color: #000 !important; font-size: 14px;}
.balancecheck_m :-moz-placeholder { color: #000 !important; font-size: 14px;}
.balance_se { background-color: #fff;  width: 100%;  border: 0px solid #0bdb41; margin: 25px 0px 8px 0px;  padding: 7px 0px 7px 0px; box-shadow: 0 0px 0px #0074ff;
    border-radius: 8px;  display: inline-block;  position: relative;  text-align: center;  font-size:15px; color: #0bdb41;  font-weight: 600;text-transform:uppercase;
}
.balancecheck { margin: 0px 0px 0px 0px; padding: 0px;}
.balancecheck a { width: auto;  padding: 7px 12px 7px 12px;  font-size: 10px; font-weight: 600 !important;  color: #0074ff; height: 25px; background: #fff;  
border-radius: 30px;  z-index: 500;  right: 5px;  margin: -3px 0px 0px 0px; letter-spacing: 0.08em;  border: 1px solid #0074ff; box-shadow: 0px 0px 1px #0074ff;
}
.balancecheck a:hover {background: #0074ff  !important;text-decoration: none;color: #fff !important;border: 1px solid #0074ff; }
.amount_cal { float: left;   margin:0px;  padding: 7px 7px 7px 0px; box-shadow: 0 0px 0px #0074ff; border-radius: 8px;  position: relative;
    text-align:  left; font-size: 14px; color: #0bdb41; font-weight: 600; text-transform:  none;
}
.amount_cal1 { float: left;  margin: 0px;  padding: 7px 7px 7px 0px;  box-shadow: 0 0px 0px #0074ff;  border-radius: 8px;  position: relative;
    text-align: left; font-size: 14px; color: #0bdb41;  font-weight: 600; text-transform: none; font-style: italic;
}
.giftcard_l{ width:315px; margin:0px; padding:0px 10px 0px 15px; float:left;} 
.giftcard_r { width: calc(100vw - 570px);  margin: 0px; padding: 0px 5px 0px 0px; float: left;}
.wrapper.toggled .page-content .giftcard_r{ width: calc(100vw - 410px); margin:0px; padding:0px 5px 0px 0px; float:left;} 

.giftamount_btn {  width: 100%; float: none; display: inline-block;}
.giftamount_btn ul {  width: 100%; margin:0px; padding:0px;}
.giftamount_btn li {  margin: 7px 5px 0px 0px; padding: 15px 5px 10px 3px; background: #fff; float: left; width:31.5%;
  border-radius: 4px;  font-size: 23px; color: #545454;  font-weight:600; text-align:center;  border: 1px solid #ebebeb;  line-height: 17px;
}
.giftamount_btn li:hover {  color: #18bc43; background: #eeffee; border: 1px solid #0bdb41; float: left; cursor: pointer;}
.giftamount_btn .active { color: #18bc43; background: #eeffee; border: 1px solid #0bdb41; float: left; cursor: pointer;} 
.giftamount_btn li span { color:#919191; width:100%; display:inline-block;  font-size: 10px; font-weight:600; text-align:center; } 
.giftamount_btn1 {  width: 100%; float: none; display: inline-block;}
.giftamount_btn1 ul {  width: 100%; margin:0px; padding:0px;}
.giftamount_btn1 li {     margin: 7px 5px 0px 0px; padding: 10px 5px 5px 3px; background: #fff; float: left;  width: 23.7%; border-radius: 4px;  font-size: 20px;
    color: #545454;  font-weight: 600; text-align: center; border: 1px solid #ebebeb; line-height: 17px;
}
.giftamount_btn1 li:hover {  color: #18bc43; background: #eeffee; border: 1px solid #0bdb41; float: left; cursor: pointer;}
.giftamount_btn1 .active { color: #18bc43; background: #eeffee; border: 1px solid #0bdb41; float: left; cursor: pointer;} 
.giftamount_btn1 li span { color:#919191; width:100%; display:inline-block; font-size: 9px;font-weight:600; text-align:center; } 
.custom_gift { float: right; margin: 4px 5px 6px 0px;   background: #eeffee;  padding: 3px 5px 3px 5px; border-radius: 4px;
    color: #18bc43;  text-align: center;  font-size: 11px; border: 1px solid #0bdb41; font-weight: 500; min-height: 20px;
}
#custom_giftbtn, #gift_pannel {  text-align: center; font-size: 17px;} 
#gift_pannel { padding-top:0px;  display: none;} 
#gift_pannel  .form-control {  font-size: 14px; text-align:center;	height: 26px;padding: 4px 0.75rem;}
#custom_giftbtn1 { text-align: center;  font-size: 17px;} 
#gift_pannel1 { padding-top:0px; display: none; text-align:  left;} 
#gift_pannel1  .form-control {  font-size: 14px; text-align:center;	 height: 26px;padding: 4px 0.75rem;}
.settings_sec .form-check { display: block;  min-height: 1.5rem; padding-left:34px;  margin-bottom: .125rem; text-align: left; }
.settings_sec label {font-size: 15px !important; line-height:12px !important;}
.settings_sec .form-check-input {  width: 17px; height: 17px;}
.giftcard_print_m{ margin:50px auto 0px auto; width:850px}
.giftcard_print_icon{ width:100%; display:inline-block;}
#giftcardform, #giftcardpay { text-align: center; }
#giftcardform { overflow: visible !important;  display: none;} 
.giftd_num_box1 {  background-color: #ffffff; width: 100%; border: 1px solid #e1e2e2 ; margin: 0px 0px 8px 0px;   box-shadow: 0 0px 0px rgb(164 173 186 / 25%);
    padding: 10px 10px 10px 10px;  border-radius: 8px; display: inline-block;   position: relative;
}
.giftd_form_bill { width:78%; float: left; position:relative;}
.giftd_form_btn { width:20%; float: left; margin:0px 0px 0px 2%;}
.giftd_balace_f{    position: absolute;  right: 7px; margin: -25px 0px 0px 0px; font-size: 13px;}
.radeem_btn {  margin: 0px;  padding: 0px 15px !important;  color: #000 !important; border-radius: 5px;  font-size: 11px !important;
    background: #f6f5f9 !important;  border: 0px solid #ccc !important;  text-transform: uppercase;  min-height: 30px; width: 100%; display: inline-block;
}
/*Card Section Start*/
.giftscard_sec{ width: 523px; height: 283px; margin: 0px auto 20px auto; position: relative;}
.gift_r{ float:right;}
.giftscard_left{position:absolute; margin: 0px 0px 0px 20px;}
.giftscard_clinic{color:#fff; font-size:25px; font-weight:600; padding:20px 0px 0px 0px; text-align: left;  width: 350px; line-height: 30px;}
.giftscard_number{color:#fff; font-size:25px; font-weight:500; padding:140px 0px 0px 0px; text-align: left; letter-spacing: 2px;} 
.giftcard_center{position:absolute; margin: 90px 0px 0px 0px; width:100%; }
.giftcard_cen_head{color:#fff; font-size:22px; font-weight:600; padding:10px 0px 0px 0px; text-align: center; }
.giftcard_cen_con{color:#fff; font-size:14px; font-weight:600; padding:0px 0px 0px 0px; text-align: center; }
.giftscard_right{position:absolute; margin: 30px 0px 0px 0px; right:20px}
.gift_qr{background: #fff; padding:0px; width:90px; position:relative; display:inline-block; border-radius: 7px; float: right;}
.gift_qr_img{ padding:5px 0px 5px 5px; line-height:7px;}
.gift_qr_img img{ width:80px; height:80px;}
.gift_qr_img canvas { width: 80px;  height: 80px; }
.giftcard_scroll canvas {  width: 80px; height: 80px;}
.gift_amount {  color: #fff; font-size: 38px; font-weight: 600; padding: 15px 0px 0px 0px; text-align: right;  line-height: 60px; width: 100%; display: inline-block;}
.gift_valid_sec{  padding:39px 0px 0px 0px;}
.gift_valid_con{ color:#fff; font-size:14px; font-weight:600; padding:0px 0px 0px 0px; text-align:  right; float: right;}
.gift_valid_con1{ color:#fff; font-size:12px; font-weight:600; padding:4px 10px 0px 0px; text-align:  right; float: right; width:40px;}

.giftscard_sec1{ width:410px; height:222px; margin:0px 0px; position:relative;}
.giftscard_left1{position:absolute; margin: 0px 0px 0px 20px;}
.giftscard_clinic1{color:#fff; font-size:18px; font-weight:600; padding:15px 0px 0px 0px; text-align: left;  width: 275px;  line-height: 30px;}
.giftscard_number1{color:#fff; font-size:18px; font-weight:500; padding:120px 0px 0px 0px; text-align: left; letter-spacing: 2px;} 
.giftcard_center1{position:absolute; margin: 75px 0px 0px 0px; width:100%; }
.giftcard_cen_head1{color:#fff; font-size:18px; font-weight:600; padding:10px 0px 0px 0px; text-align: center; }
.giftcard_cen_con1{color:#fff; font-size:12px; font-weight:600; padding:0px 0px 0px 0px; text-align: center;}
.giftscard_right1{position:absolute; margin: 15px 0px 0px 0px; right:15px;}
.gift_qr1{ background: #fff; padding:0px; width:70px; position:relative; display:inline-block; border-radius: 7px; float: right;}
.gift_qr_img1{  padding:5px 0px 5px 5px; line-height:7px;}
.gift_qr_img1 img{ width:60px; height:60px;}
.gift_qr_img1 canvas { width: 60px;  height: 60px;}
.gift_amount1{ color:#fff; font-size:27px; font-weight:600; padding:20px 0px 0px 0px; text-align: right; line-height: 60px;     width: 100%; display: inline-block;}
.gift_valid_sec1{ padding:15px 0px 0px 0px; }
.gift_valid_con2{ color:#fff; font-size:12px; font-weight:600; padding:0px 0px 0px 0px; text-align:  right; float: right;}
.gift_valid_con3{ color:#fff; font-size:10px; font-weight:600; padding:2px 10px 0px 0px; text-align:  right; float: right; width:40px;}

.giftscard_sec2{ width: 523px; height: 283px; margin: 0px auto 20px auto; position: relative; float:right;} 
.giftscard_left2{position:absolute; margin: 0px 0px 0px 20px;}
.giftscard_clinic2{color:#fff; font-size:25px; font-weight:600; padding:20px 0px 0px 0px; text-align: left;  width: 350px; line-height: 30px;}
.giftscard_number2{color:#fff; font-size:25px; font-weight:500; padding:140px 0px 0px 0px; text-align: left; letter-spacing: 2px;} 
.giftcard_center2{position:absolute; margin: 90px 0px 0px 0px; width:100%; }
.giftcard_cen_head2{color:#fff; font-size:22px; font-weight:600; padding:10px 0px 0px 0px; text-align: center; }
.giftcard_cen_con2{color:#fff; font-size:14px; font-weight:600; padding:0px 0px 0px 0px; text-align: center; }
.giftscard_right2{position:absolute; margin: 30px 0px 0px 0px; right:20px}
.gift_qr2{background: #fff; padding:0px; width:90px; position:relative; display:inline-block; border-radius: 7px; float: right;}
.gift_qr_img2{ padding:5px 0px 5px 5px; line-height:7px;}
.gift_qr_img2 img{ width:80px; height:80px;}
.gift_qr_img2 canvas { width: 80px;  height: 80px;}
.gift_amount2{ color:#fff; font-size:38px; font-weight:600; padding:15px 0px 0px 0px; text-align: right; line-height: 60px;     width: 100%; display: inline-block;}
.gift_valid_sec2{  padding:39px 0px 0px 0px;}
.gift_valid_con4{ color:#fff; font-size:14px; font-weight:600; padding:0px 0px 0px 0px; text-align:  right; float: right;}
.gift_valid_con5{ color:#fff; font-size:12px; font-weight:600; padding:4px 10px 0px 0px; text-align:  right; float: right; width:40px;}
.giftcard1 img{ border-radius: 12px; width:100%;}
.giftcard2 img{ border-radius: 12px; width:100%;}
.giftcard3 img{ border-radius: 12px; width:100%;}
.giftcard4 img{ border-radius: 12px; width:100%;}
.giftcard5 img{ border-radius: 12px; width:100%;}
.giftcard6 img{ border-radius: 12px; width:100%;}
.giftcard_topup img{ border-radius: 12px; width:100%;}
/*Card Section End*/
.table-hover>tbody>tr:hover>* { --bs-table-accent-bg: #f1ffe4 !important;  color: var(--bs-table-hover-color);}
.shedule_date { float: left;  width: 92px;  margin: 0px 9px 0px 0px;}
.profile_left .ehr_tabs { width: 100%; position: relative;    }
.modules_col { width:10%; float:left;}
.modules_col2 { width:14.28%; float:left;}
.shedule_time { width: 22.5%; float: left; padding: 0px 10px 0px 0px; }
.shedule_time1 { width: 10%; float: left;}
.shedule_time .form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 6px 0.375rem 6px;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    color: #212529;
    height: 30px;
    background-position: right .35rem center;
    background-size: 12px 12px !important;
}
.close_subcribesummary { margin: 4px -6px 0px 0px;}
.images_sec{ width: 210mm;
      margin:0px auto; padding:0px 0px 0px 0px;  
	background-color: #ffffff; 
    border: 0px solid #f7f7f8; 
    box-shadow: 0 1px 3px rgb(164 173 186 / 25%);
    border-radius: 8px; 
    position: relative;
}

.images_sec h2 {
    color: #545454 !important;
    margin: 0px 0px 0px 0px !important;
    padding: 15px 0px 15px 8px;
    text-align: left;
    font-weight: 700 !important;
    border-bottom: 1px solid #e8e8e8;
    width: 100%;
    display: inline-block;
    font-size: 12px !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}
.images_content {
    margin: 10px auto;
    width: 80%;
    border-bottom: 1px solid #ccc;
    padding: 0px 0px 25px 0px;
}
.imgaes_head { color: #ba104f !important;
    margin: 0px 0px 0px 0px !important;
    padding: 10px 0px 10px 0px;
    text-align:  center;
    font-weight: 500 !important;
    width: 100%;
    display: inline-block;
    font-size: 10px !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
 
.imgaes_title {font-style: normal;  
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.06em;
	width:50%;  
	padding:15px 0px 10px 0px;
	float:left;
}
.imgaes_recorded {color: #494c50;
    font-size: 11px;
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    width: 100%;
    font-weight: 400;
    font-style: italic;
}
.imgaes_upload_main{ width:100%; border:2px dashed #c7d5e2; margin: 0px 0px 0px 0px; padding:30px;  border-radius: 12px;}
.imgaes_upload_main1{ width:100%; border:2px dashed #c7d5e2; margin: 0px 0px 0px 0px; padding:10px;  border-radius: 12px;}
.imgaes_upload { width:160px;   margin: 0px auto 0px auto}
.browse_con {   font-size: 14px; font-weight: 400 !important;  line-height: 21px;
    text-align:  center;  flex-grow: 1; color: #545454;  padding: 12px 0px 10px 0px; text-transform: none;
    font-family: 'Source Sans Pro', sans-serif !important;
}
.upload_mg_btn { margin:10px auto !important; width:120px !important; position: relative;  padding: 5px 15px 5px 15px !important;
    border-radius:30px !important;  background: #fff !important;  text-align: center; font-size:13px; color: #0074ff !important;
    border: 1px solid #0074ff !important;   }
 .upload_mg_btn .fa {  font-size:13px  !important;}
.imgaes_upload .fa {  font-size:13px  !important; color:#000;}
.btn-light { width: 100%;  text-align: left;   margin-left: 0px !important;  font-size: 13px;  height: 40px;
    margin: 0px 0px 5px 0px;border:1px solid #ddd !important;
	}
.dropdown-toggle::after {  display: inline-block;   margin-left: .255em;    vertical-align: .255em;    content: "";    border-top: .4em solid;    border-right: .4em solid transparent;    border-bottom: 0;    border-left: .4em solid transparent;	float: right;    margin: 9px 0px 0px 0px; 
}
.dropdown-menu .form-control {    display: block;     padding: 0.375rem 0.75rem;
    font-size: 13px;    font-weight: 400;    line-height: 1.5;
    color: #212529;    background-color: #fff;    background-clip: padding-box;
    border: 1px solid #e1e2e2 !important;    -webkit-appearance: none;
    -moz-appearance: none;    appearance: none;    border-radius: 0.375rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    height: 38px;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    color: var(--bs-btn-active-color);
    background-color: #f5f5f5;
    border-color: var(--bs-btn-active-border-color);
} 
.dropdown {   position: relative;  display: inline-block;     }
.dropdown input { width: 100%; padding: 8px; box-sizing: border-box;}
.dropdown-content {  display: none;  position: absolute;   background: #fff;   width: 100%;
      max-height: 150px;  overflow-y: auto;  border: 1px solid #ddd;  z-index: 999; font-size:13px;
	   scrollbar-width: thin;  scrollbar-color: #333 ;
    }
.dropdown-content div { padding: 8px;  cursor: pointer; }
.dropdown-content div:hover { background: #f1f1f1; }
.leads_container { padding-right: 15px; padding-left: 15px;  margin-right: auto;  margin-left: auto;  width: 800px;  margin-top: 0px;  position: relative;}
.leads_m{  width:500px;   margin: 0px auto 0px auto;  	}	
.leads_sec{background-color: #ffffff;  border: 0px solid #f7f7f8; margin: 10px auto 8px auto;  padding: 15px 25px 15px 25px; min-height:450px; 
display:inline-block; border: 1px solid #eee;	}	 
.leads_head{padding:0px 0px 0px 0px; text-align:  justify;  font-size:18px; color:#2d2d2d; font-weight:600;}
.leads_con{ font-size: 14px; text-align:  justify; color: #000; line-height:21px;  font-weight: 400; margin: 0px 0px 0px 0px; padding: 9px 0px 17px 0px;}
.leads_con1{ font-size: 14px; text-align:   center; color: #000; line-height:21px;  font-weight: 400; margin: 0px 0px 0px 0px; padding: 9px 0px 10px 0px;}
.leads_banner{ margin:0px 0px 9px 0px ; padding:0px;}
.leads_banner img{  border-radius: 8px;}
.leads_box { background-color: #f6f5f9; width: 100%;  padding: 10px;  box-shadow: 0 0px 0px 0 rgb(16 25 40 / 10%);
    position: relative;  margin-bottom: 15px;  display: inline-block;  border: 0px solid #e8e8e8;  border-radius: 8px;
}
.lead_save {  float: right; margin: 0px 0px 0px 0px;}
.leads_box .form-control{
-moz-border-radius: 8px;
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 8px;
    -webkit-box-shadow: inset 0 0px 0px rgb(0 0 0 / 10%);
    background-color: #fff;
    border-radius: 8px;
    border: 0px solid #d5d7da !important;
    box-shadow: none;
    color: #2d2d2d !important;
    font-size: 14px;
    height: 48px;
    padding-left: 18px !important;
}

 
.creditcard_sec{ width: 336px; height: 204px; margin: 0px auto 20px auto; position: relative;}
.credit_r{ float:right;}
.creditcard_left{position:absolute; margin: 0px 0px 0px 28px;}
.creditcard_bank{color:#fff; font-size:18px; font-weight:600; padding:20px 0px 0px 0px; text-align: left;  line-height: 30px;}
.creditcard_number{color:#fff; font-size:25px; font-weight:500; padding:140px 0px 0px 0px; text-align: left; letter-spacing: 2px;} 
.creditcard_center{position:absolute; margin: 90px 0px 0px 0px; width:100%; }
.creditcard_cen_head{color:#fff; font-size:22px; font-weight:600; padding:10px 0px 0px 0px; text-align: center; }
.creditcard_cen_con{color:#fff; font-size:14px; font-weight:600; padding:0px 0px 0px 0px; text-align: center; }
.creditcard_right{position:absolute; margin: 65px 0px 0px 0px; right:12px}
.credit_qr{background: #fff; padding:0px; width:90px; position:relative; display:inline-block; border-radius: 7px; float: right;}
.credit_qr_img{ padding:5px 0px 5px 5px; line-height:7px;}
.credit_qr_img img{ width:80px; height:80px;}
.credit_qr_img canvas { width: 80px;  height: 80px; }
.creditcard_scroll canvas {  width: 80px; height: 80px;}
.credit_amount {  color: #fff; font-size: 38px; font-weight: 600; padding: 15px 0px 0px 0px; text-align: right;  line-height: 60px; width: 100%; display: inline-block;}
.creditcard_valid_sec{  padding:0px 0px 0px 0px;}
.creditcard_valid_con{ color:#fff; font-size:10px; font-weight:600; padding:0px 0px 0px 0px; text-align: center; }
.creditcard_valid_con1{ color:#fff; font-size:8px; font-weight:600; padding:4px 10px 0px 0px; }

.creditcard1 img { border-radius: 12px; width: 100%;}
.creditcard_clinic {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    padding: 20px 0px 0px 0px;
    text-align: left;
    width: 350px;
    line-height: 30px;
}
.creditcard_number {
    color: #fff;
    font-size:20px;
    font-weight: 500;
    padding: 10px 0px 0px 0px;
    text-align: left;
    letter-spacing: 3px;
}
.creditcard_nmae {
    color: #fff;
    font-size:14px;
    font-weight: 500;
    padding: 5px 0px 0px 0px;
    text-align: left;
    letter-spacing: 0px;
	text-transform:uppercase;
}
.card_nmae {
    color: #fff;
    font-size:14px;
    font-weight: 500;
    padding: 5px 0px 0px 0px;
    text-align: right;
    letter-spacing: 0px;
	font-style:italic;
}
.card_nmae span { 
    padding: 5px 0px 0px 15px; 
}
.card_type {
    color: #fff;
    font-size:16px;
    font-weight: 500;
    padding:50px 0px 0px 0px;
    text-align: right;
    letter-spacing: 0px;
	font-style:italic;
}


.pay_amount{ background-color:#f2f2f2; color:#FFF; min-height:324px;}

.pay_card{ color:#545454; float:left; font-size:11px; margin-top:10px}
.pay_cards{ color:#545454; float:left; font-size:11px; margin:10px 0px 0px 15px;}
.payment_a{ width:400px; margin:0px auto 15px auto; background-color: #f6f5f9; border-radius:12px; margin-top:15px; border:0px solid #c1c1c1; padding:20px;}
.payment_a label {display: inline-block;  font-weight: 600 !important;  size:100%;  margin-bottom: 3px; padding: 5px 0px 0px 0px;    font-size: 12px; color: #ba104f !important;         
  width: 100%;  text-transform: none;   font-family: 'Source Sans Pro', sans-serif !important;   
}
.payment_f{border-radius: 0px !important; border:0px solid #dbdbdb !important; margin-bottom:10px; height:36px;}
.cvv{ width:65px; float:left; margin-right:10px;}
.pay_mo{ width:65px; float:left; margin-right:10px;}
.expiry{ color:#545454; float:left; font-size:11px; }
.amount_pay{ color:#545454; font-size:16px; margin-top:125px; text-transform: uppercase; text-align:center; font-weight:bold;}
.amount_pay1{ color:#fa7e1f; font-size:25px; margin-top:15px; text-transform: uppercase; text-align:center; font-weight:bold;}
 
.serDate {
    background: #fff url(../images/date-icon.jpg) no-repeat scroll 100% 50%;
    border: 0px solid #d8d8d8 !important;
    color: #000;
    display: inline-block;
    height: 27px;     
    padding-left: 10px;
	line-height:26px;
    text-align: left;
    width: 100%;
}
.serDate:focus {
     
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
} 

.serDate-b {
    background: #fff  no-repeat scroll 100% 50%;
    border: 0px solid #d8d8d8 !important;
    color: #333;
    display: inline-block;
    height: 28px;     
    padding-left: 10px;
	line-height:26px;
    text-align: left;
    width: 100%;
}

.serDate-b:focus {
    
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
} 

.payment_bt {
    background-color: #0c056d !important;
    margin: 0px !important;
    padding: 10px 0px 10px 0px;
    color: #FFF;
    width: 100%;
    border: 0px solid #FFF !important;
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 6px;
    font-weight: bold;
    height: 40px !important;
    line-height: 20px;
}

 .payment_bt:hover{background-color:#000 !important;  color:#FFF; width:100%; border:0px solid #FFF !important; 
 text-transform: uppercase; }	

.confirm-pay{box-shadow: 0px 0px 0px #cccccc;
	border-radius: 4px;
	background-color:#FFF;
	width:100%;
	display:inline-block;
	clear:both;
	margin:10px 0px 5px 0px;
	padding:15px 0px 15px 0px;	 
	}
.transfer-head-pay{ font-size: 18px;
    font-weight: normal;
    padding: 0 0 15px !important;
    text-align: center;
	}  
 
.form-floating>label { color:#545454 !important; font-size:14px; font-weight: normal !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 100%;
    padding: 12px .75rem 10px .75rem;
    overflow: hidden;
    text-align: start;
    text-overflow: ellipsis;
    white-space: nowrap;
    pointer-events: none;
    border: var(--bs-border-width) solid transparent;
    transform-origin: 0 0;
    transition: opacity .1s ease-in-out, transform .1s ease-in-out;
}	
.form-floating>.form-control, .form-floating>.form-control-plaintext, .form-floating>.form-select {
    height: 45px;
    min-height: 45px;
    line-height: -1.75;
}
.form-floating>.form-control-plaintext~label, .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
    color: rgba(var(--bs-body-color-rgb), .65);
    transform: scale(.85) translateY(-.5rem) translateX(.15rem);
    font-size: 12px;
	 color:#ababab !important;
}
.cards_btn { margin: 10px auto 7px auto !important;   width:140px;}
.payment_card { margin: 0px auto 0px auto !important; padding: 4px 0px 4px 0px !important; height:30px;
    color: #fff ; border-radius: 5px !important;  font-size: 14px !important;   background: #0c056d;   border: 0px solid #ccc !important;
    text-transform:  none; width:100%; line-height:20px; text-align:center;
}
.payment_card:hover{ color: #fff !important;  background: #56d461 !important; }
.bottom_logos {
    position: relative;
    width: 100%;
    margin: 5px auto 0px auto; 
}
.card_m_box {  background-color: #ffffff; width: 210mm;  margin:0px auto;
    padding: 6px;  box-shadow: 0 4px 8px 0 rgb(16 25 40 / 10%);
    position: relative;   display: inline-block;  border: 1px solid #e8e8e8;
    border-radius: 8px;
}
 .card_scroll{   scrollbar-width: none;  scrollbar-color: #333 ;}
.card_scroll::-webkit-scrollbar {width: 0px;  height: 0px; right:10px;}
.card_scroll::-webkit-scrollbar-track {  background-clip: content-box;  border: 0px solid transparent;}
.card_scroll::-webkit-scrollbar-thumb { background: none ; }
.card_scroll::-webkit-scrollbar-thumb:hover { background: none ; }
.card_scroll::-webkit-scrollbar-corner, .card_scroll::-webkit-scrollbar-track { background: none ; } 
[class^=card_scroll] { height: 1360px; overflow-y: scroll; overflow-x: hidden;}
[class^=card_scroll]  { padding: 0rem; overflow-x: hidden;   }
.card_scroll { overflow-y: auto;  height: calc(100vh - 140px);  -webkit-overflow-scrolling: touch;    }	 

.leads_qr {
    background: #fff;
    padding: 0px; margin:15px auto;
    width: 120px;
    position: relative; 
    border-radius: 7px; 
}
.leads_qr img {  width: 100%; }

 /*-----------Payment End --------*/
 
 .popup_bg{ position:fixed; width:100%; height:100%; z-index:9999; background: rgba(0, 0, 0, .2);  top:0px; left:0px; display:none;} 
.popup_cont{ width:800px; background:#FFF; height:430px; left: 50%; text-align:center; position:absolute; top: 00px; transform: translateX(-50%); border-radius: 10px; border: 2px solid #56a3ff; padding: 30px;}
.close_pp{ background:#FFF; width:25px; height:25px; border-radius: 50%; position: absolute; top: -30px;
    right: 0px; text-align:center; line-height:25px; margin:0px; 
}
.row_pr {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}
.product_boxes{   scrollbar-width: none;  scrollbar-color: #333 ;}
.product_boxes::-webkit-scrollbar {width: 0px;  height: 0px;}
.product_boxes::-webkit-scrollbar-track {  background-clip: content-box;  border: 0px solid transparent;}
.product_boxes::-webkit-scrollbar-thumb { background: none ; }
.product_boxes::-webkit-scrollbar-thumb:hover { background: none ; }
.product_boxes::-webkit-scrollbar-corner, .product_boxes::-webkit-scrollbar-track { background: none ; } 
[class^=product_boxes] { height: 1360px; overflow-y: scroll; overflow-x: hidden;}
[class^=product_boxes]  { padding: 0rem; overflow-x: hidden;   }
.product_boxes { padding:0px; margin:0px;
	height: calc(100vh - 323px);
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;	
	}
.product_box { float:left;
        width: 32.33333333%; margin:0px 1% 0px 0px; position:relative;
	}
.product_box a {  
    border-radius: 12px;
    box-shadow: 0px 0px 0px #ccc;
    text-align: center;
	padding:35px 0px 0px 0px;  
    margin: 0px 0px 6px 0px;
    font-size: 15px;
    color: #000;
    font-weight: 600; width:100%;
	height: 100px;
	float:left;
    border: 1px solid #fff; 
}
.product_box a:hover {background: #f5f5f5; 
	color:#000;
	border: 0px solid #fff;
	box-shadow: 0px 0px 0px #0ea819;
	border: 1px solid #fff; 
}
.product_box .active {background: #fff;
	color: #000 !important;
	border: 1px solid #0074ff ;
	box-shadow: 0px 0px 0px #0ea819;
}
	
.box_clr1{  background:#f0f7ff; }
.box_clr2{  background:#d1ffe9; }
.box_clr3{  background:#fae4ff; }
.box_clr4{  background:#ffd3d3; }
.box_clr5{  background:#fff9db; }
.box_clr6{  background:#ffedd9; }
.box_clr7{  background:#f7eeda; }
.box_clr8{  background:#ffe7f7; }
.box_clr9{  background:#d6e0ff; }
.box_clr10{  background:#f7e7e3; }

.products_details{   scrollbar-width: none;  scrollbar-color: #333 ;}
.products_details::-webkit-scrollbar {width: 0px;  height: 0px;}
.products_details::-webkit-scrollbar-track {  background-clip: content-box;  border: 0px solid transparent;}
.products_details::-webkit-scrollbar-thumb { background: none ; }
.products_details::-webkit-scrollbar-thumb:hover { background: none ; }
.products_details::-webkit-scrollbar-corner, .products_details::-webkit-scrollbar-track { background: none ; } 
[class^=products_details] { height: 1360px; overflow-y: scroll; overflow-x: hidden;}
[class^=products_details]  { padding: 0rem; overflow-x: hidden;   }
.products_details {  
	height: calc(100vh - 323px);
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;	
	}
.products_cart {  padding: 0px 0px 4px 5px;   border-left: 1px solid #ccc;}
.products_details { font-weight: 400 !important; padding: 0px 0px 0px 0px;  font-size: 12px; color: #545454;  width: 100%;
    text-transform: none; font-family: 'Source Sans Pro', sans-serif !important;  font-style: italic;
}
.cart_head{ background:#f5f5f5;
    font-weight: 600 ;
    padding: 5px 5px 5px 5px;
	margin: 0px 0px 2px 0px;
    font-size: 13px;
    color: #000;
    width: 100%;
    text-transform: none; 
	text-align:center;
}
.cart_bottom{  border: 1px solid #eee;
    font-weight: 600 ;
    padding: 5px 5px 5px 5px;
    font-size: 13px;
    color: #000;
    width: 100%;
    text-transform: none; 
    display:inline-block;
	border-radius: 12px;
}
.cart_total{  
    font-weight: 600 ;
    padding: 5px 5px 5px 5px;
    font-size: 13px;
    color: #000;
    width: 100%;
    text-transform: none; 
	text-align: right;
} 
.cart_total span{  
    font-weight: 600 ;
    padding: 5px 0px 5px 15px; 
}
.products_details ul{ margin:0px; padding:0px;}
.products_details li{ margin:0px 0px 7px 0px; padding:0px 6px 6px 6px; background:#f0f7ff; 
	font-weight: 400 !important; 
    font-size: 12px;
    color: #000;
    width: 100%;
    text-transform: none;
    font-family: 'Source Sans Pro', sans-serif !important;
    font-style: italic;
	display: inline-block;
	}
.products_details li:hover{  background:#f5f5f5;}

.products_details .active{  background:#f5f5f5;}
.product_search{border: 0px solid #dfdfdf; padding: 0px 0px; border-radius: 8px; margin: 0px 0px 5px 0px; width:99%}
.products_det_h {
    color: #ba104f;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.06em;
    padding: 0px 0px 0px 0px; font-style:normal;
}
.pro_select{ float:left; width:100%;}
.pro_select1{ position: absolute; right:0px;}
.formsehrclose { color: #fff !important; line-height: 22px;}

.shopping_cart_n {
    width: 15px;
    height: 15px;
    position: absolute;
    border-radius: 50%;
    background-color: var(--vz-primary);
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 15px;
    margin: -20px 0 0 10px;
}

.letter_address{ margin:0px 0px 10px 0px ; padding:0px;}

.mobile_app_sec{ width:350px; margin:0px auto; padding:0px 0px 0px 0px; position:relative;}
.mobile_app_con{ width:310px; margin:0px auto; padding:60px 0px 0px 0px; position:relative;  z-index:500;}
.mobile_app_img{ width:100%; margin:0px auto; padding:0px; position: absolute; z-index:0;}

.mobile_header {
    background: #fff;
    width: 100%;
    padding: 10px 10px 10px 10px;
    display: inline-block;
    box-shadow: 0 0 0 #e8e8e8;
    position:  absolute;
    z-index: 1000;
}
.search_area1 {  background: #f6f5f9;
    width: 100%;    display: inline-block;
    margin: 76px 0 0;  padding: 3px 10px 5px;
    position: absolute;    z-index: 100;
}
.home_buttons { margin:7px 0 3px;
 padding:0; width:49%; float:left;
 text-transform:uppercase; border:1px solid #ecf4eb
}
.home_buttons a { color:#000;
 text-transform:uppercase; margin:0; padding:8px 0px 7px 0px;
 background-color: var(--vz-secondary);
 text-align:center;
 width:100%;
 display:inline-block;
 font-size:12px;
 font-weight:600;
 box-shadow:0 0 0 #ccc;
 border-radius:7px;
 letter-spacing:1px;
}
.home_buttons a:hover { color:#fff;
 background-color: var(--vz-primary);
}
.home_buttons img {
 width:25px
}
.home_buttons1 {
 margin:7px 0 3px;
 padding:0;
 width:49%;
 float:right;
 text-transform:uppercase;
 border:1px solid #ecf4eb
}
.home_buttons1 a {
 color:#000;
 text-transform:uppercase;
 margin:0;
 padding:8px 0px 7px 0px;
 background-color: var(--vz-secondary);
 text-align:center;
 width:100%;
 display:inline-block;
 font-size:12px;
 font-weight:600;
 box-shadow:0 0 0 #ccc;
 border-radius:7px;
 letter-spacing:1px;
}
.home_buttons1 a:hover { color:#fff;
 background-color: var(--vz-primary);
}
.sub_main1 {
    margin: 125px 0px 0px 0px;
    padding: 10px;
    width: 100%;
    display: inline-block;
    background: #f6f5f9;
}
.banner_sec {
    padding: 0;
    background: #fff;
}
.back_home {
    margin: 13px 0px 10px 0px;
    padding: 0px 10px 0px 0px;
    left: 0px;
    color: #000;
    z-index: 500;
}
.shopping_icon {
    float: right;
    text-align: right;
    margin: 20px 12px 0 0;
    right: 0;
    padding: 0;
    position: absolute;
}
.footer { position: relative;  bottom: 0;  z-index: 1000;
    width: 100%;  padding: 0px 10px 7px 10px; 
	
} 
.footer ul {margin:0; padding:0}
.footer li { float:left; width:20%;
 list-style:none; text-align:center;  font-weight:600;
 text-transform:uppercase
 }
.footer li a {
	  width: 100%;
	display: inline-block;
	color: #fff; 
	font-size: 9px;
	font-weight: 600;
}
 
.footer li a:hover {  
 color:#000;
}
.footer .fa {
 font-size:18px;
 padding:0 0 5px
}
.footer_sec {
 width:100%;
 margin:-1px auto 0px auto;
 background-color: var(--vz-primary);
 padding:8px 0px 0px 0px;
 border-radius:7px;
 height: 55px;
}
.footer span {
 float:right; 
 position:relative;
 margin:-15px -2px 0 0
}
.footer img {
 margin:0 auto;
 text-align:center;
 margin-bottom:6px
}
.color_select {
    margin: 0px;
    padding: 5px 10px 10px 10px;
    display: inline-block;
    width: 100%;
}
.color_btns {
    float: left;
    border-radius: 50px;
    display: flex;
    height: 22px;
    margin: 6px 0px 10px 6px;
    padding: 0px;
    position: relative;
    width: 80px;
    border: 1px solid #ccc;
    background: #ccc;
}
.color_select {
    margin: 0px;
    padding: 5px 10px 10px 10px; 
    width: 110px; float:left;
}
.colorshade_h {
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 0.6px;
    padding: 0px 0px 0px 5px;
    margin: 0px 2px 0px 0px;
    cursor: pointer;
    text-align: left;
    color: #000;
    border: 0px;
    text-transform: uppercase;
    width: 100%;
    display: inline-block;
}
.pink1 { background:#ffebf8; width: calc(33.3333%); border-radius: 50px 0px 0px 50px;}
.pink2 {background-color: #ffc1ea; width: calc(33.3333%);}
.pink3 { background-color: #a91478; width: calc(33.3333%); border-radius: 0px 50px 50px 0px;}
 
.purple1 {background:#ffe8ff; width: calc(33.3333%); border-radius: 50px 0px 0px 50px;}
.purple2 {background:#ffb5fe; width: calc(33.3333%);}
.purple3 {background:#820080; width: calc(33.3333%); border-radius: 0px 50px 50px 0px;} 
  
.violet1 {background:#f3e9ff; width: calc(33.3333%); border-radius: 50px 0px 0px 50px;}
.violet2 {background:#d8bff6;  width: calc(33.3333%);}
.violet3 { background:#6f1897; width: calc(33.3333%); border-radius: 0px 50px 50px 0px;}
 
.blue1 { background:#e3f6ff; width: calc(33.3333%); border-radius: 50px 0px 0px 50px;}
.blue2 { background:#b5e7ff; width: calc(33.3333%);}
.blue3 { background:#1d89bb; width: calc(33.3333%); border-radius: 0px 50px 50px 0px;}  
  
.navyblue1 {background:#e8f0ff; width: calc(33.3333%); border-radius: 50px 0px 0px 50px;}
.navyblue2 {background:#c9dafd; width: calc(33.3333%);}
.navyblue3 {background:#0b1e91; width: calc(33.3333%); border-radius: 0px 50px 50px 0px;} 
 
.cyan1 {background:#e2ffff; width: calc(33.3333%); border-radius: 50px 0px 0px 50px;}
.cyan2 {background:#93f5f5; width: calc(33.3333%);}
.cyan3 {background:#0b5f5f; width: calc(33.3333%); border-radius: 0px 50px 50px 0px;}
  
.orange1 { background:#ffefe9; width: calc(33.3333%); border-radius: 50px 0px 0px 50px;}
.orange2 { background:#ffd6c8; width: calc(33.3333%);}
.orange3 { background:#ff4200; width: calc(33.3333%); border-radius: 0px 50px 50px 0px;}
 
.maroon1 { background:#ffeeee; width: calc(33.3333%); border-radius: 50px 0px 0px 50px;}
.maroon2 { background:#ffdede; width: calc(33.3333%);}
.maroon3 { background:#7c0000; width: calc(33.3333%); border-radius: 0px 50px 50px 0px;} 
 
.yellow1 { background:#fffef2; width: calc(33.3333%); border-radius: 50px 0px 0px 50px;}
.yellow2 { background:#fffdd7; width: calc(33.3333%);}
.yellow3 { background:#f6dd38; width: calc(33.3333%); border-radius: 0px 50px 50px 0px;} 

.olive1 { background:#f6ffeb; width: calc(33.3333%); border-radius: 50px 0px 0px 50px;}
.olive2 { background:#ddf5be; width: calc(33.3333%);}
.olive3 { background:#7f8000; width: calc(33.3333%); border-radius: 0px 50px 50px 0px;} 
 
.darkgreen1 { background:#eafff1; width: calc(33.3333%); border-radius: 50px 0px 0px 50px;}
.darkgreen2 { background:#b0fbc8; width: calc(33.3333%);}
.darkgreen3 { background:#00601f; width: calc(33.3333%); border-radius: 0px 50px 50px 0px;}
 

:root{
    --vz-blue: #3577f1;
    --vz-indigo: #405189;
    --vz-purple: #6559cc;
    --vz-white: #fff;
    --vz-gray: #878a99;
    --vz-gray-dark: #343a40;
    --vz-gray-100: #f3f6f9;
    --vz-gray-200: #eff2f7;
    --vz-primary: #405189;
    --vz-secondary: #3577f1;
    --vz-success: #0ab39c;
    --vz-info: #299cdb;
    --vz-warning: #f7b84b;
    --vz-danger: #f06548;
    --vz-light: #f3f6f9;
    --vz-dark: #212529;
    --vz-primary-rgb: 64, 81, 137;
    --vz-secondary-rgb: 53, 119, 241;
    --vz-success-rgb: 10, 179, 156;
    --vz-info-rgb: 41, 156, 219;
    --vz-warning-rgb: 247, 184, 75;
    --vz-danger-rgb: 240, 101, 72;
    --vz-light-rgb: 243, 246, 249;
    --vz-dark-rgb: 33, 37, 41;
    --vz-primary-text-emphasis: #364574;
    --vz-secondary-text-emphasis: #2d65cd;
    --vz-success-text-emphasis: #099885;
    --vz-info-text-emphasis: #2385ba;
    --vz-warning-text-emphasis: #d29c40;
    --vz-danger-text-emphasis: #cc563d;
    --vz-light-text-emphasis: #ced4da;
    --vz-dark-text-emphasis: #343a40;
    --vz-primary-bg-subtle: #e2e5ed;
    --vz-secondary-bg-subtle: #e1ebfd;
    --vz-success-bg-subtle: #daf4f0;
    --vz-info-bg-subtle: #dff0fa;
    --vz-warning-bg-subtle: #fef4e4;
    --vz-danger-bg-subtle: #fde8e4;
    --vz-light-bg-subtle: #f9fbfc;
    --vz-dark-bg-subtle: #e9ebec;
    --vz-primary-border-subtle: #b3b9d0;
    --vz-secondary-border-subtle: #aec9f9;
    --vz-success-border-subtle: #9de1d7;
    --vz-info-border-subtle: #a9d7f1;
    --vz-warning-border-subtle: #fce3b7;
    --vz-danger-border-subtle: #f9c1b6;
    --vz-light-border-subtle: #eff2f7;
    --vz-dark-border-subtle: #adb5bd;
    --vz-white-rgb: 255, 255, 255;
    --vz-black-rgb: 0, 0, 0;
    /*--vz-font-sans-serif: var(--vz-font-family-secondary);
    --vz-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;*/
    --vz-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --vz-body-font-family: var(--vz-font-sans-serif);
    --vz-body-font-size: var(--vz-font-base);
    --vz-body-font-weight: var(--vz-font-weight-normal);
    --vz-body-line-height: 1.5;
    --vz-body-color: #212529;
    --vz-body-color-rgb: 33, 37, 41;
    --vz-body-bg: #f3f3f9;
    --vz-body-bg-rgb: 243, 243, 249;
    --vz-emphasis-color: #212529;
    --vz-emphasis-color-rgb: 33, 37, 41;
    --vz-secondary-color: #878a99;
    --vz-secondary-color-rgb: 135, 138, 153;
    --vz-secondary-bg: #fff;
    --vz-secondary-bg-rgb: 255, 255, 255;
    --vz-tertiary-color: rgba(33, 37, 41, 0.5);
    --vz-tertiary-color-rgb: 33, 37, 41;
    --vz-tertiary-bg: #eff2f7;
    --vz-tertiary-bg-rgb: 239, 242, 247;
    --vz-heading-color: #495057;
    --vz-link-color: #405189;
    --vz-link-color-rgb: 64, 81, 137;
    --vz-link-decoration: none;
    --vz-link-hover-color: #405189;
    --vz-link-hover-color-rgb: 64, 81, 137;
    --vz-code-color: #f672a7;
    --vz-highlight-color: #212529;
    --vz-highlight-bg: #fcf8e3;
    --vz-border-width: 1px;
    --vz-border-style: solid;
    --vz-border-color: #e9ebec;
    --vz-border-color-translucent: #ced4da;
    --vz-border-radius: 0.25rem;
    --vz-border-radius-sm: 0.2rem;
    --vz-border-radius-lg: 0.3rem;
    --vz-border-radius-xl: 1rem;
    --vz-border-radius-xxl: 2rem;
    --vz-border-radius-2xl: var(--vz-border-radius-xxl);
    --vz-border-radius-pill: 50rem;
    --vz-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
    --vz-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --vz-box-shadow-lg: 0 5px 10px rgba(30, 32, 37, 0.12);
    --vz-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --vz-focus-ring-width: 0.25rem;
    --vz-focus-ring-opacity: 0.25;
    --vz-focus-ring-color: rgba(var(--vz-primary-rgb), 0.25);
    --vz-form-valid-color: #0ab39c;
    --vz-form-valid-border-color: #0ab39c;
    --vz-form-invalid-color: #f06548;
    --vz-form-invalid-border-color: #f06548
}
:root {
    --vz-vertical-menu-item-font-family: var(--vz-font-family-primary);
    --vz-vertical-menu-sub-item-font-family: var(--vz-font-family-secondary)
}
[data-theme-colors=pink] {
    --vz-primary: #a91478;
    --vz-primary-rgb: 164, 115, 85;
    --vz-primary-bg-subtle: rgba(255, 255, 255, 1);
    --vz-primary-border-subtle: rgba(164, 115, 85, 1);
    --vz-primary-text-emphasis: #a47355;
	--vz-secondary: #ffc1ea; 
    --vz-secondary-rgb: 255, 248, 243;
    --vz-secondary-bg-subtle: rgba(164, 115, 85, 1);
    --vz-secondary-border-subtle: rgba(255, 248, 243, 1);
    --vz-secondary-text-emphasis: #fff8f3; 
	--vz-success: #150a02;
	--vz-success-rgb: 21, 10, 2;
    --vz-success-bg-subtle: rgba(21, 10, 2, 1);
    --vz-success-border-subtle: rgba(21, 10, 2, 1);
    --vz-success-text-emphasis: #150a02; 
}
 
[data-theme-colors=purple] {
    --vz-primary: #6b0769;
    --vz-primary-rgb: 130, 0, 128;
    --vz-primary-bg-subtle: rgba(255, 255, 255, 1);
    --vz-primary-border-subtle: rgba(74, 0, 121, 1);
    --vz-primary-text-emphasis: #4a0079;
	--vz-secondary: #ffc3fe; 
    --vz-secondary-rgb: 255, 235, 255;
    --vz-secondary-bg-subtle: rgba(74, 0, 121, 1);
    --vz-secondary-border-subtle: rgba(255, 235, 255, 1);
    --vz-secondary-text-emphasis: #ffdfff; 
	--vz-success: #1e001e;
	--vz-success-rgb: 30, 0, 30;
    --vz-success-bg-subtle: rgba(30, 0, 30, 1);
    --vz-success-border-subtle: rgba(30, 0, 30, 1);
    --vz-success-text-emphasis: #1e001e;
} 

[data-theme-colors=violet] {
    --vz-primary: #6f1897;
    --vz-primary-rgb: 4, 169, 55;
    --vz-primary-bg-subtle: rgba(255, 255, 255, 1);
    --vz-primary-border-subtle: rgba(4, 169, 55, 1);
    --vz-primary-text-emphasis: #04a937;
	--vz-secondary: #d8bff6; 
    --vz-secondary-rgb: 220, 255, 205;
    --vz-secondary-bg-subtle: rgba(4, 169, 55, 1);
    --vz-secondary-border-subtle: rgba(220, 255, 205, 1);
    --vz-secondary-text-emphasis: #dcffcd; 
	--vz-success: #021b0a;
	--vz-success-rgb: 2, 27, 10;
    --vz-success-bg-subtle: rgba( 2, 27, 10, 1);
    --vz-success-border-subtle: rgba( 2, 27, 10, 1);
    --vz-success-text-emphasis: #021b0a;
}

[data-theme-colors=navyblue] {
    --vz-primary: #0b1e91;
    --vz-primary-rgb: 0, 79, 179;
    --vz-primary-bg-subtle: rgba(255, 255, 255, 1);
    --vz-primary-border-subtle: rgba( 0, 79, 179, 1);
    --vz-primary-text-emphasis: #004fb3;
	--vz-secondary: #c9dafd; 
    --vz-secondary-rgb: 221, 236, 255;
    --vz-secondary-bg-subtle: rgba(0, 79, 179, 1);
    --vz-secondary-border-subtle: rgba(221, 236, 255, 1);
    --vz-secondary-text-emphasis: #ddecff; 
	--vz-success: #061325;
	--vz-success-rgb: 6, 19, 37;
    --vz-success-bg-subtle: rgba(6, 19, 37, 1);
    --vz-success-border-subtle: rgba(6, 19, 37, 1);
    --vz-success-text-emphasis: #061325; 
} 
[data-theme-colors=blue] {
    --vz-primary: #1d89bb;
    --vz-primary-rgb: 0, 16, 94;
    --vz-primary-bg-subtle: rgba(255, 255, 255, 1);
    --vz-primary-border-subtle: rgba( 0, 16, 94, 1);
    --vz-primary-text-emphasis: #00105e;
	--vz-secondary: #b5e7ff; 
    --vz-secondary-rgb: 218, 214, 255;
    --vz-secondary-bg-subtle: rgba(0, 16, 94, 1);
    --vz-secondary-border-subtle: rgba(218, 214, 255, 1);
    --vz-secondary-text-emphasis: #dae0ff; 
	--vz-success: #02061d;
	--vz-success-rgb: 2, 6, 29;
    --vz-success-bg-subtle: rgba(2, 6, 29, 1);
    --vz-success-border-subtle: rgba( 2, 6, 29, 1);
    --vz-success-text-emphasis: #02061d;
} 
[data-theme-colors=cyan] {
    --vz-primary: #0b5f5f;
    --vz-primary-rgb: 0, 129, 129;
    --vz-primary-bg-subtle: rgba(255, 255, 255, 1);
    --vz-primary-border-subtle: rgba(0, 129, 129, 1);
    --vz-primary-text-emphasis: #008181;
	--vz-secondary: #93f5f5; 
    --vz-secondary-rgb: 237, 255, 255;
    --vz-secondary-bg-subtle: rgba(0, 129, 129, 1);
    --vz-secondary-border-subtle: rgba(237, 255, 255, 1);
    --vz-secondary-text-emphasis: #edffff; 
	--vz-success: #041e1e;
	--vz-success-rgb: 4, 30, 30;
    --vz-success-bg-subtle: rgba(4, 30, 30, 1);
    --vz-success-border-subtle: rgba(4, 30, 30, 1);
    --vz-success-text-emphasis: #041e1e;
} 
[data-theme-colors=orange] {
    --vz-primary: #ff4200;
    --vz-primary-rgb: 233, 60, 10;
    --vz-primary-bg-subtle: rgba(255, 255, 255, 1);
    --vz-primary-border-subtle: rgba(233, 60, 10, 1);
    --vz-primary-text-emphasis: #e93c00;
	--vz-secondary: #ffd6c8; 
    --vz-secondary-rgb: 255, 244, 240;
    --vz-secondary-bg-subtle: rgba(233, 60, 10, 1);
    --vz-secondary-border-subtle: rgba(255, 244, 240, 1);
    --vz-secondary-text-emphasis: #fff4f0; 
	--vz-success: #2a0b00;
	--vz-success-rgb: 42, 11, 0;
    --vz-success-bg-subtle: rgba(42, 11, 0, 1);
    --vz-success-border-subtle: rgba(42, 11, 0, 1);
    --vz-success-text-emphasis: #2a0b00;
} 
[data-theme-colors=maroon] {
    --vz-primary: #7c0000;
    --vz-primary-rgb: 124, 0, 0;
    --vz-primary-bg-subtle: rgba(255, 255, 255, 1);
    --vz-primary-border-subtle: rgba(  124, 0, 0, 1);
    --vz-primary-text-emphasis: #7c0000;
	--vz-secondary: #ffdede; 
    --vz-secondary-rgb: 255, 223, 223;
    --vz-secondary-bg-subtle: rgba(124, 0, 0, 1);
    --vz-secondary-border-subtle: rgba(218, 255, 230, 1);
    --vz-secondary-text-emphasis: #ffdfdf; 
	--vz-success: #1c0000;
	--vz-success-rgb: 28, 0, 0;
    --vz-success-bg-subtle: rgba(28, 0, 0, 1);
    --vz-success-border-subtle: rgba( 28, 0, 0, 1);
    --vz-success-text-emphasis: #1c0000;
}   

[data-theme-colors=yellow] {
    --vz-primary: #f6dd38;
    --vz-primary-rgb: 218, 159, 0;
    --vz-primary-bg-subtle: rgba(255, 255, 255, 1);
    --vz-primary-border-subtle: rgba(218, 159, 0, 1);
    --vz-primary-text-emphasis: #da9f00;
	--vz-secondary: #fffdd7; 
    --vz-secondary-rgb: 255, 255, 214;
    --vz-secondary-bg-subtle: rgba(218, 159, 0, 1);
    --vz-secondary-border-subtle: rgba(255, 248, 248, 1);
    --vz-secondary-text-emphasis: #ffffd6; 
	--vz-success: #3d2f00;
	--vz-success-rgb: 61, 47, 0;
    --vz-success-bg-subtle: rgba( 61, 47, 0, 1);
    --vz-success-border-subtle: rgba( 61, 47, 0, 1);
    --vz-success-text-emphasis: #3d2f00;
} 
 
[data-theme-colors=olive] {
    --vz-primary: #7f8000;
    --vz-primary-rgb: 127, 128, 0;
    --vz-primary-bg-subtle: rgba(255, 255, 255, 1);
    --vz-primary-border-subtle: rgba( 127, 128, 0, 1);
    --vz-primary-text-emphasis: #7f8000;
	--vz-secondary: #ddf5be; 
    --vz-secondary-rgb: 221, 245, 190;
    --vz-secondary-bg-subtle: rgba(127, 128, 0, 1);
    --vz-secondary-border-subtle: rgba(221, 245, 190, 1);
    --vz-secondary-text-emphasis: #f5f5be; 
	--vz-success: #2d2d00;
	--vz-success-rgb: 45, 45, 0;
    --vz-success-bg-subtle: rgba( 45, 45, 0, 1);
    --vz-success-border-subtle: rgba( 45, 45, 0, 1);
    --vz-success-text-emphasis: #2d2d00;
} 
 

[data-theme-colors=darkgreen] {
    --vz-primary: #00601f;
    --vz-primary-rgb: 0, 96, 31;
    --vz-primary-bg-subtle: rgba(255, 255, 255, 1);
    --vz-primary-border-subtle: rgba( 0, 96, 31, 1);
    --vz-primary-text-emphasis: #00601f;
	--vz-secondary: #b0fbc8; 
    --vz-secondary-rgb: 218, 255, 230;
    --vz-secondary-bg-subtle: rgba(0, 96, 31, 1);
    --vz-secondary-border-subtle: rgba(218, 255, 230, 1);
    --vz-secondary-text-emphasis: #daffe6; 
	--vz-success: #00210b;
	--vz-success-rgb: 0, 33, 11;
    --vz-success-bg-subtle: rgba(0, 33, 11, 1);
    --vz-success-border-subtle: rgba( 0, 33, 11, 1);
    --vz-success-text-emphasis: #02061d;
} 
 

@media only screen and (max-width:1920px) {	
.dairy_date_sec { width:100%; float:left;}
.wrapper.toggled .dairy_date_sec  {width: 100%; float:left;}
.dairy_top_sec { width:82%; }
.wrapper.toggled .dairy_top_sec {width: 93%;} 
}

@media screen and (max-width: 1440px) {
.connect_right {    width: 100%; min-height: 330px;}
.section_box h2 { font-size: 20px !important; padding: 35px 0px 0px 0px;} 
.awaitingform { margin: -19px -10px 0px 0px; } 
.diary_appointments { height: 235px;}
.docters_r {  margin: 0px; padding: 0px 0px 0px 40px; width: 98%; float: left; text-align: center;} 
.appointments_conts{ width:50%; margin: 0px 0px 0px 6px;	} 
.modal_contents {      height: 500px; }

}
 
@media screen and (max-width: 1380px) {
/*.wrapper.toggled .conten_profile { width: 92.9%;  }
.conten_profile {width: 82.3%;  }
.ehr_left { width: 260px;  }
.ehr_right { width: calc(100vw - 366px);  }*/
.connect_right { width: 100%;min-height: 330px;  }
.section_box h2 {font-size: 20px !important;padding:15px 0px 0px 0px;}  
}
@media only screen and (max-width:1350px) { 
.diary_appointments {  height: 220px;}
.ecounter_con {font-style: normal; width: 52%;float: left;}
.ecounter_con1 { font-style: normal; width: 70%;float: left;}
.wrapper.toggled .content_area1 .nav-tabs li { width: 7.1%;}
.content_area1 .nav-tabs li {width: 6.8%;}
.nav-link {font-size: 0.6em;}
}
@media only screen and (max-width:1300px) {
.staff_roster_week { width: 47%;} 
} 
@media screen and (max-width: 1250px) {
.conten_profile { position: relative;  width: 100% ;  }  
.profile_sec { width: 49%; }
.wrapper.toggled .profile_sec { width: 53%;} 
}
@media screen and (max-width: 1200px) {  
.ehr_left {width: 240px;}
.ehr_right {  width: calc(100vw - 496px)}
.wrapper.toggled .ehr_right { width: calc(100vw - 345px); }
.logo_m {margin: 0px 0px 0px 12px;}
.booking_nave .logo_m { margin: 0px 0px 0px 38px;}
.profile_head_n {width: 72%; font-size: 11px !important;} 
.wrapper.toggled .profile_head_n { width: 74%; font-size: 11px !important;}
.profile_sec { width: 45%; }
.wrapperprofile_sectoggled .profile_sec { width: 55%; } 
.profile_name_men {  }
.wrapper.toggled .profile_name_men { font-size: 11px;} 
.profile_name_women {  }
.wrapper.toggled .profile_name_women { font-size: 11px;} 
.profile_name_others {  }
.wrapper.toggled .profile_name_others { font-size: 11px;}  
.nav-link { font-size: 0.6em;}
.add_newencounter a { font-size: 0.6em;}
.docters_dairy_sec1 {margin: 7px 0px 0px 0px; }
.clinics_amt_con { float: left; /*width: 64%;*/ font-size: 10px !important;}
.profile_tab_scroll .nav-link { font-size: 11px; letter-spacing: 0; } 
.tab_form_top .nav-link {     letter-spacing: 0.3px; display: inline-block; padding: 5px 7px 8px 7px; }
.weeks_days {    width: 100%; position:  relative; z-index: 50; margin: 0px 0px 0px 2px;}
.week_hol_m {    margin: 0px; padding: 0px 0px 0px 0px; }
.weeksday_arrow_l {position: absolute; }
.weeksday_arrow_r {  position: absolute;  margin: -15px 0px 0px 0px; right: -8px; }
.desk_enc{ display:block;} 
.mob_enc{ display: none;}
.add_btns_p { position: relative; float: right; margin: -4px 0px 0px 0px; }
.profile_dt1_women {padding: 0px 0px 0px 0px;}
.profile_dt1_men {padding: 0px 0px 0px 0px;}
.profile_dt1_others {padding: 0px 0px 0px 0px;}
.wrapper.toggled  .profile_dt1_men {padding: 0px 0px 0px 0px;}
.wrapper.toggled  .profile_dt1_women {padding: 0px 0px 0px 0px;}
.wrapper.toggled  .profile_dt1_others {padding: 0px 0px 0px 0px;} 
.task_content { margin: 0px 6px 0px 0px;} 
.task_days li a { margin: 0px; padding: 5px 10px; }
.task_cat li a { margin: 0px; padding: 5px 10px; }
.menu_icon { width: 43px; position: fixed; z-index: 9999;}
.staff_roster_week { width: 350px; }
.dash_sec_con {font-size: 12px !important; }
.dashboard_top { margin: 5px 0px 6px 0px; } 
.docters_dairy_sec1 { margin: 0px; padding: 5px 5px 5px 5px;  background: #fff;  box-shadow: 0px 0px 0px #ccc;display: inline-block;  width: 100%;  border-radius: 8px;}
.diary_m_sec {    position: relative; width: 100%; margin: 0px; padding: 0px; background: #f6f5f9; z-index: 600;}
.dairy_sec { margin: 5px 0px 0px 0px; background: #fff; display: inline-block; width: 100%;}

.password_list li{ width: 100%; float:  none; }  
.bmi_sec { text-align: center;}
.bmi_r {float: none;  text-align: center;}
.mobile-toggle-icon  {padding: 0px;}  
.weekly_sec { margin: 5px 0px 0px 0px; }
.ecounter_span {width: 80px;} 
.reviews_btn_no { min-width: 56px;}
.container_mauel {width: 100%;}
.container1 { width: 100%; }
.profile_icon {  margin: 4px 7px 0px 0px; width: 30px;}
.tab_form_top .nav-tabs { width: 508px; padding: 0px 0px 0px 4px; position: relative;}
} 
@media screen and (max-width: 1100px) { 
.container1 {width: 100%;} 
.profile_left .nav-link { font-size: 0.55em; }
.profile_details {padding: 3px 5px 7px 3px; }
.images_sec { width: 100%;}
} 
@media only screen and (max-width:1090px) {
.profile_imgs { float: left; width: 50px;}
.profile_dt1 img { width: 41px; height: 41px; }
.profile_name { font-size: 10px; margin: 5px 0px 0px 7px; }
.profile_head_n { width: 65%; }   
.diary_events li { margin: 0px 1px; padding: 0px; float: left;}
.diary_events li a { margin: 0px; padding: 5px 4px; font-size: 11px; }
.diary_catge li { margin: 0px 1px; padding: 0px; float: right;} 
.diary_catge li a { margin: 0px; padding: 5px 5px; font-size: 11px; }
.diary_top_dates { float: left; width: 180px; margin: 0px;} 
}
@media only screen and (max-width:1025px) {
 .search-toggle-icon, .projects, .notifications, .messages {display: block;} 
.wrapper.toggled  .profile_dt1_men { width:69%; flex: 0 0 auto;}  
.wrapper.toggled  .docters_sec { width:24%; flex: 0 0 auto;} 
.docters_sec { width: 23%; }  
.diary_top_arrow { margin: 4px 0px 0px 0px;padding: 4px 0px 0px 0px;}
.btn-success { font-size: 10px; }
.letterhead1_content2 {padding: 10px 10px 0px 10px;}
.cal_pament_form{ width:80%; margin:0px auto;}
.cal_pament{ width:100%; margin:0px auto;}
.cal_pament1{ width:100%; margin:10px auto 10px auto;}
.chat_box_l {width: 90%; }
.chat_box_r {width: 90%; }
.giftamount_btn li { font-size: 20px;}
.giftscard_sec2{ width:438px; height: auto;}
.giftscard_left2{position:absolute; margin: 0px 0px 0px 20px;}
.giftscard_clinic2{font-size:18px; padding:15px 0px 0px 0px; width: 275px; }
.giftscard_number2{ font-size:18px; padding:120px 0px 0px 0px; } 
.giftcard_center2{  margin: 56px 0px 0px 0px; }
.giftcard_cen_head2{ font-size:18px;  padding: 33px 0px 0px 0px; }
.giftcard_cen_con2{ font-size:12px; }
.giftscard_right2{position:absolute; margin: 15px 0px 0px 0px; right:15px;}
.gift_qr {width:60px;}
.gift_qr2{ padding:0px;  }
.gift_qr_img2{  padding:5px 0px 5px 5px; line-height:7px;} 
.gift_qr_img img {width: 50px; height: 50px;}
.gift_qr_img2 img{ width:50px; height:50px;}
.gift_qr_img canvas { width: 50px; height: 50px; }
.gift_amount2{ font-size:27px; padding:20px 0px 0px 0px; line-height: 60px; }
.gift_valid_sec2{padding: 26px 0px 0px 0px;}
.gift_valid_con4{  font-size:12px; padding:0px 0px 0px 0px; }
.gift_valid_con5{ font-size:10px; padding:2px 10px 0px 0px; width:40px;}
.balancecheck_con { min-height: 205px; }
.balancecheck_box1 {width: 438px; }
.balancecheck_head {font-size: 20px; margin: 0px; padding: 14px 0px 20px 0px; }
.balancecheck_form { width: 63%;}
.balancecheck_btn {width: 33%; } 
.profile_icon { margin: 4px 3px 0px 0px; Width: 25px;}
.profile_details { padding: 3px 5px 7px 2px; margin: 0px 0px 0px 0px; height: 45px; }
.tab_enc_sec {  width:87%;  }  
.reviews_btn_no{ min-width: 51px;} 
.connect_con { width: 74%;}
.content_areas1{ margin: 0px 0px 0px 0px;  padding: 32px 0px 0px 0px;}
.face-container { width: 288px;}
.tab_form_top .nav-tabs { width: 500px; }
.forms_sec_cen{     width: 100% ;  }
.leads_container { width: 100%;  padding: 0;}
}
@media screen and (max-width: 1024px) {
.logo_m { padding: 0px 0px 0px 0px;  float:left !important;}
.conten_profile { width: 100%; position: relative; }  
.nav-tabs { border-width: 0px !important; position: relative; z-index: 1500; }
.video_btn { margin: -77px 0px 0px 0px; padding: 0px; position: fixed;}
.profile_con { width: 68%; float: left;}
.profile_icon_clr1 { padding: 0px; margin: 5px 8px 5px 5px;}
.profile_con_name { font-size: 12px; padding: 12px 0px 0px 0px;}
.content_area2 .nav-tabs li { margin: 0px 3px 6px 3px !important; width: 54px;}
.docters_th { width: 190px !important;}
.docters_date_sec { width:133px;}
.clinics_tabs .nav-item { padding: 0px 0px;}  
.profile_name { font-size: 11px; } 
.reports_sect .nav-link { padding: 8px 0px 8px 5px; margin: -5px 2px 0px 0px;}
.orders_n {font-size: 25px; text-align: center; height: 35px; width: 35px; padding: 5px 0 0; line-height: 26px;}
.report_count {font-size: 10px; text-transform: uppercase; padding: 5px 0px 0px 9px; }
.content_area1 .nav-tabs li { margin: 0px 1px 6px 5px !important; width: 70px; background: #fff; border-radius: 8px;}
.nav-link {    font-weight: 600; font-size: 9px; letter-spacing: 0.2px; } 

.add_newencounter { position:  absolute; margin: 46px 0px 0px 0px; z-index: 2000;}
.add_newencounter a { margin: 0px 0px 0px 0px; padding: 5px 5px 5px 5px; font-size: 9px; letter-spacing: 0.00em; }
.video_btn {width: 64px; }
.profile_head_n { float: left; color: #0074ff; padding: 0px 0px 0px 0px; font-size: 10px !important; font-weight: 600; width: 75%; text-align: left;} 
.bmi_r { font-size: 11px !important;}
.wrapper.toggled .profile_head_n { float: left; color: #0074ff; padding: 0px 0px 0px 0px; font-size: 10px !important; font-weight: 600; width: 80%; text-align: left;}
.tab_form_top .nav-link { letter-spacing: 0.4px; padding: 5px 4px 8px 4px; margin: 0px 0px 0px 0px; } 
.diary_events { margin: 4px 0px 0px 0px; }
.diary_catge { margin:4px 0px 0px 0px;  } 
.add_btns2{ margin: 4px 5px 0px 0px; position: relative; }

}
@media only screen and (max-width:1020px) {  
.diary_m_l {  display: none;}
.diary_m_r { width: 100%;  margin-left: 0px; padding: 6px 12px 0px 12px;} 
.dairy_r {width: calc(100vw - 88px);float: left;}  
.docters_dairy_sec1 { padding: 5px 6px 5px 6px;}
}
@media only screen and (max-width:1000px) {  
.add_newencounter { position: absolute; margin: -35px 128px 0px 0px;}
.nav-link { font-size: 10px;}
.logo_m { margin: 0px 0px 0px 47px; }
.reports_sect .nav-link {font-size: 12px;  padding: 8px 0px 0px 5px; margin: -5px 10px 0px 0px;  float: left; width: auto;  }
.reports_sect .nav-link.active {  color: #0074ff; background: none;  border-radius: 0px; border-left: 0px solid #0074ff !important; opacity: 1;}
.reports_sect{ scrollbar-width: none; scrollbar-color: #333 ;}
.reports_sect::-webkit-scrollbar {width: 0px; height: 0px;}
.reports_sect::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.reports_sect::-webkit-scrollbar-thumb {background: none ; }
.reports_sect::-webkit-scrollbar-thumb:hover { background: none ; }
.reports_sect::-webkit-scrollbar-corner, .reports_sect::-webkit-scrollbar-track { background: none ; }  
[class^=reports_sect] { width:2200px; overflow-y: hidden;overflow-x: hidden;}
[class^=reports_sect]  { padding: 0rem;  overflow-y: hidden;    } 
.reports_sect { margin: 0px; padding: 0px;  width:100%;    FONT-WEIGHT: 200;overflow-y: hidden;  overflow-x: scroll;  border-radius: 8px;  z-index: 50; }  
.tab_scroll_report {  height: auto; width: 1176px;    }
.reports_left { width: 100%; }  
.reports_right { width: 100%; height: auto;  padding: 0px 0px 0px 0px;}
.wrapper.toggled .reports_right { width: 100%; height: auto;  padding: 0px 0px 0px 0px; } 
.wrapper.toggled .content_area1 .nav-tabs li { width: 8.35%;}
.content_area1 .nav-tabs li {width: 8.25%;    }
.pro_select{ float: none; width:100%;}
.login_logo { padding: 190px 25px 140px 25px; }
}
@media screen and (max-width: 990px) {  
.wrapper.toggled .ehr_right { width: calc(100vw - 275px);}
.conten_profile { width: 100%; position: relative;  padding-left: 35px;} 
.content_area_sec { width: 70%;} 
.ehr_right {  width: calc(100vw - 496px)}
.ehr_right { width: calc(100vw - 276px);    }
.wrapper.toggled .front_diary_m_r { width: calc(100vw - 300px);}
.front_diary_m_r { width: calc(100vw - 300px);}
.diary_top_arrow { margin: 1px 0px 0px 0px;padding: 4px 0px 0px 0px;    } 
.sidebar-wrapper {padding: 0px; display:none;}
.mobile-toggle-icon {display: block;} 
.profile_dt1_women { padding: 0px 0px 0px 30px;}
.profile_dt1_men { padding: 0px 0px 0px 30px;} 
.profile_dt1_others {padding: 0px 0px 0px 30px;}
.wrapper.toggled  .profile_dt1_men {padding: 0px 0px 0px 30px;}
.wrapper.toggled  .profile_dt1_women {padding: 0px 0px 0px 30px;}
.wrapper.toggled  .profile_dt1_others {padding: 0px 0px 0px 30px;}
.wrapper.toggled .content_area1 .nav-tabs li { width:8.4%; }
.content_area1 .nav-tabs li { width: 8.4%;}
.p_r_0 { padding-right: 12px;}
.card_m_box { width: 100%; }
.popup_cont{ width:100%;  }
}
@media only screen and (max-width:962px) {
.appoint_date{  width:700px;   } 
.tab_scroll_report { padding: 6px 0px 0px 3px;  height: auto; float:none; } 
.giftamount_btn li { width: 46.5%; }
.dewdate { width: 135px; font-size: 11px;}
.container_mauel {  padding: 0px 0px 0px 0px; width: 100%; }
.rightlink {width: 150px; }
.booking_nave .logo_m{ padding-left:0px;}
.giftcard_l { width: 174px; }
.co_message_r { width: calc(100vw - 322px);}
.wrapper.toggled .page-content .co_message_r { width: calc(100vw - 322px);}
.invoice_content { width: 100%; padding: 15px; margin: 10px 0px 0px 0px;}
.accordian_tab h3 { margin: 0px 0px 0px 0px !important; padding: 15px 0px 15px 40px;}

}
@media only screen and (max-width:952px) {
.invoiceformsec {  padding-right: 0px; padding-left: 0px;  margin-right: auto; margin-left: auto;  width: 100% !important; margin-top: 0px;}
.invoiceformsec1 {  padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto;  width: 100% !important; margin-top: 0px;}
.calender_lab {width:100%; padding: 5px 5px 2px 5px; }
.calender_lab_sec {  width: 115px;  margin: 4px 0px 0px 0px; }
.form_section_box2 {width: 650px; } 
.giftscard_sec2 { width: 523px; height: 283px; margin: 0px auto 20px auto;  float:  none;}
.balancecheck_box1 { width: 523px; height: 283px; margin: 0px auto 20px auto;  float:  none;}
.balancecheck_form {width: 68% ;}
.balancecheck_btn { width:27%; }
.balancecheck_con { min-height: auto;}
.invoice_content1 { padding: 15px; width: 100%; }
.invoice_forms { width: 92px;}

.forms_content { padding: 30px; }
.wrapper.toggled .docters_sec { width: 23%; flex: 0 0 auto; }
.modules_col {width: 14%; float: left;}
.modules_col2 { width:14%; float:left;}
.helpcenter_cont{width: 73%; min-height: 133px;}
} 
@media only screen and (max-width:915px) { 
.create_new {  position: absolute; }
.create_new_setting{ position: absolute; }
.email_head { font-size: 12px; }
.staff_roster_week { width:350px; }
.roster_cldr { width: 100px;}
.roster_arrow {width: 30px; }
.modal_img {    width: 100%; display: inline-block; margin: 0px 0px 15px 0px; height: auto;}
.modal label {padding: 7px 0px 0px 0px; text-transform: none; }
.roster_name_sec { width: 66%; }
.modal-header {display: table;  }
.new_modals .close { margin: -52px 0px 0px 0px; }
.new_modals .modal_save { float: right; margin: 4px 25px 10px 10px; position: absolute; right: 0px;}
.new_modals .modal_save1 { float: right; margin: 5px 6px 10px 10px; }
.new_modals .btn-success { font-size: 10px; padding: 5px  8px 5px 8px; }
.btn-success { padding: 5px 20px 5px 20px;  }
.formsetting_view { width: 95% !important; margin: 0px auto; position: relative;}
.diary_add_time1 {font-size: 13px; } 
/*.docters_list_l {padding: 15px 15px 0px 15px; margin: -57px 0px 0px 0.5%;}
.docters_list_r { padding: 15px 15px 0px 15px; margin: -57px -11px 0px 0px;}*/
.forms_sec_cen{ width:100%;}
.modal-lg, .modal-xl {--bs-modal-width: 90%;}
.dental_sec1 { position: relative; margin: 40px auto 40px auto; padding: 0px;  width: 100%; background: #fff;  box-shadow: 0px 0px 5px #ccc;
    border-radius: 6px; min-height: 350px; overflow: scroll;
}
.teeth_sec {width: 850px;  }
.teeth_names { width: 850px;  } 
.docters_sec { width: 23%; } 
.frontoffice_content { height: calc(100vh - 227px); }
.wrapper.toggled .content_area1 .nav-tabs li { width:8.4%;  margin: 0px 3px 6px 2px !important;}
.content_area1 .nav-tabs li { width: 8.4%;  margin: 0px 3px 6px 2px !important;} 
}   
@media screen and (max-width: 900px) {  
.content_area1 .nav-tabs li { float: left; margin: 0px 0px 10px 3px !important; width: 75px; background: #fff; border-radius: 8px;  }
.conten_profile { position: relative; width: 100%; padding-left:35px;}
.content_area1 { margin: 10px 0px 0px -5px !important;}
.content_area2 { margin: 0px 0px 0px -5px !important;}
.nav-link { font-size: 10px;}
.profile_tab_scroll .nav-link {font-size: 10px;}
.video_btn { display: none; }
.nav-tabs { border-width: 0px !important; position: relative; z-index: 500; }
.tab_content_sec {    margin-top: 0px !important;}
/*.ehr_left { width: 30%; }
.ehr_right { width: 68%; }*/
.docters_cal_l { width: 12%;  }
.docters_cal_r { width: 12%;  }
.docters_cal_m { width: 75%; float: left;  }
.heading_bg { position:  fixed; }  
.docters_th {width: 160px !important;} 
/*.docters_name { font-size: 12px; }*/
/*.docters_all {width: 9%; text-align: left; padding: 10px 0px 0px 10px; }*/
.docters_r { width: 88%;  }
.docters_weks { font-size: 10px;  }
.docters_week_day { font-size: 12px;  } 
.login_forms_sec { padding: 35px 0px 0px 0px;  }
.login_forms_sec h1 {font-size: 22px;  }
.row_login { margin-right: -7px; margin-left: -7px; }
.pin_number { padding-right: 7px; padding-left: 7px;}
.container1 { width: 100%;  }
.content_area2 .nav-tabs li { margin: 0px 2px 6px 1px !important; width: 54px;}
.docters_date_sec {    width:104px;}  
.ehr_left {width: 240px;}
.ehr_right { width: calc(100vw - 277px);}
.wrapper.toggled .ehr_right { width: calc(100vw - 277px); }
.logo_m {margin: 0px 0px 0px 47px;}
.dairy_date_sec {  width:100%; float:left;}
.wrapper.toggled .dairy_date_sec  { width: 100%; float:left;}
.dairy_top_sec { width:97%; }
.wrapper.toggled .dairy_top_sec { width: 97%;}
.ward_btn { background-color: #fff !important;  border-color: #4b4b4b !important;  color: #4b4b4b !important;  line-height: 15px !important;
    min-height: 30px !important;  padding: 5px 14px !important; font-size: 10px !important;
}
.ward_btn:hover {  background-color: #4b4b4b !important ;  border-color: #4b4b4b  !important;color:#fff !important;	line-height: 15px !important;
    min-height: 30px !important; padding: 5px 14px !important;	font-size: 11px !important;
}
.ward_btn_active { background-color: #4b4b4b !important;  border-color: #4b4b4b !important;  color: #fff !important;
    line-height: 15px !important;  min-height: 30px !important;   padding: 5px 14px !important;  font-size: 10px !important;
	}  
.wrapper.toggled .front_diary_m_r { width: calc(100vw - 293px); flex: 0 0 auto; padding: 0px;}
.summary_main_sec { margin: 0px 0px 5px 0px; padding: 0px 0px 10px 0px;}
.summary_sec { margin: 0px 0px 0px 0px;  padding: 6px 0px 6px 0px;  }
.summary_sec:hover {margin: 0px 0px 0px 0px;  padding: 6px 0px 6px 0px;  } 
.add_newencounter a { margin: 0px 0px 0px 0px; padding: 4px 4px 4px 4px;  font-size: 10px;letter-spacing: 0.00em; }
.add_btns1 { margin: -77px 10px 0px 0px; }  
.search_btn1 {margin: 0px !important; padding: 3px 25px !important; font-size: 12px !important;} 
.content_area1{ margin: 0px 0px 0px 0px !important;}
.container1 { width: 100%; padding-right: 0px; padding-left: 0px;}
.p_r_0 {padding-right: 10px; position: relative;}
.profile_dt1_men { padding: 0px 0px 0px 20px;}   
.branch { margin: 0px 25px 0px 0px; padding: 0px;}
.section_box h2 { font-size: 20px !important; padding: 5px 0px 0px 0px;}
.section_box p { margin: 0px 0px 0px 0px; padding: 10px 27px 0px 0px; }
.tab_form_top .nav-link { letter-spacing: 0.4px; padding: 5px 5px 8px 5px; margin: 0px 0px 0px 0px;}  
.appointment_date_top {text-align:  left;}
}
@media only screen and (max-width:780px) { 
.diary_top_dates { float: left; width: 180px; margin: 0px 0px 0px 0px;} 
.nav-link {font-size: 0.55em;}
}
@media screen and (max-width: 767px) { 
.conten_profile {    width: 100%;  position: relative;}
.content_area1 .nav-tabs li { margin: 0px 0px 10px 6px !important;  width: 70px;} 
.clinics_tabs .nav-tabs { background: none; box-shadow: 0px 0px 0px #eaeaea; }
.nav-link { font-size:11px; }
.profile_tab_scroll .nav-link {font-size: 11px;}
.profile_con_name {font-size: 11px;}
.clinics_tabs .nav-tabs .active { color: #0074ff !important; border-radius: 5px !important; border-bottom: 0px solid #0074ff !important; }
.p_r_0 { padding-right: 15px;}  
.ehr_left {width: 100%;}
.wrapper.toggled .ehr_right { width: 100%;     margin: 0px 0px 0px 0px; overflow-y: hidden; overflow-x: hidden;} 
.ehr_right { width: 100%; margin: 0px 0px 0px 0px; }
.container1 { padding-right: 0px;  padding-left: 0px;  margin-right: auto; margin-left: auto; width: 100%;  }
.section_box1 h3 { padding: 15px 0px 15px 0px;}
.content_area_sec { margin: 0px auto; width:90%;padding: 10px 10px 0px 10px;}
.login_m { width: 100%; top: 20px; margin: 0px;} 
.login_forms_sec { padding: 0px 0px 0px 0px; width: 85%;}
.login_forms_sec h1 { padding: 20px 0px 18px 0px;} 
.login_forms_sec h3 { padding: 25px 0px 18px 0px; font-size:22px;}  
.login_logo {margin-top: 15px; padding: 15px 15px 15px 15px; width: 85% !important; min-height:auto; }
.registration_forms { padding: 30px 0px 0px 0px;  height: auto; width: 85%; } 
.registration_forms .form-group { margin: 0px 0px 12px 0px !important;}
.registration_forms { width: 85%; margin: 5px auto; border-radius: 8px; padding: 20px 0px 0px 0px;}
.registration_forms h1 { font-size: 28px;  margin: 0;  padding: 0px 0px 15px 0px;}
.clinic_active {float: left;  margin: 15px 0px 10px 0px; }
.clinic_inactive { float: left;  margin: 15px 0px 10px 0px; }
.logo_imgsec { margin: 0px auto; width: 100%; }
.section_box { padding: 10px;}
.create_new {position: absolute; }
.create_new_setting{position: absolute;}
.section_box h2 {font-size: 20px !important; padding: 15px 0px 0px 0px;}
.section_box1 h3 { margin: 0px 0px 0px 0px !important;  padding: 15px 0px 15px 0px !important; }
.content_area_sec1 {margin: 0px auto;  width: 100%; padding: 0px 0px 0px 31px;}
.hr_sec_time {font-size: 22px !important;  padding: 0px 0px 0px 0px; }
.hr_sec_time span { line-height: 18px; font-size: 10px !important;}
.add_btns { margin: -33px 15px 0px 0px; }
.summary_main_sec { margin: 0px 0px 5px 0px; padding: 0px 0px 10px 0px; } 
/*.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {padding: 0px 0px 5px 18px;}*/
/*.docters_sec {  width: 12%; }*/
.docters_r {width: 69%;  margin: 0px 0px 0px 20px;}
/*.docters_list_r { padding: 15px 15px 0px 15px; margin: -57px 0px 0px 0px;}
.docters_list_l { padding: 15px 15px 0px 23px;  margin: -57px 0px 0px -1.5%;}*/
.docters_date_sec {    width: 54px;}
.docters_day { padding: 9px 7px 9px 7px; }
.docters_cal_l {width: 19%;}
.docters_cal_r {width: 19%;}
.docters_cal_m { width: 60%; }  
.report_count { font-size: 12px; width: 70%;  padding: 7px 0px 0px 12px;  }
.forgot { padding: 0px 0px 10px 0px;}
.dash_sec { margin-top: 0px;  padding: 6px 7px; }
#ehr .section_box1 { margin: 0px 0px 10px 0px !important; }
.tab_content_sec1 { margin-top: 0px !important; padding: 6px 0px 0px 0px;}
.clinics_tabs .tab_content_sec1 {margin-top: 0px !important;padding: 8px 0px 0px 0px;}
.container1 .col {flex: auto; width: 50%; padding: 7px 0px 0px 30px;} 
.front_diary_m_l{ width:100% }  
.diary_l_con { width: 100%; position: relative;}
.diary_m_r { width: 100%; flex: 0 0 auto;  margin-left: 0px} 
.wrapper.toggled .front_diary_m_r { width: 100%; flex: 0 0 auto; padding: 0px 10px 0px 10px;}
.diary_events { margin: 2px 0px 10px 0px; padding: 0px;  width: 100%; display: inline-block;}
.diary_catge { margin: 10px 0px 6px 0px; padding: 0px; width: 100%; display: inline-block;}
.menu_icon { margin:19px 0px 0px 0px; width: 40px; float: left;} 
.diary_catge li a { padding: 5px 5px; font-size: 11px; }
.diary_events li a { padding: 5px 5px; font-size: 11px; }
.dairy_sec {margin: 6px 0px 0px 0px; }  
.work_hol_top { width: 97%;}
.work_hol_m {    margin: 0px; padding: 0px 0px 0px 0px; width: 97%; } 
.expand_btns {  margin: -31px 72px 0px 0px; display: none !important; }
.reviews_btn_yes { margin: 4px 5px 0px 0px; }
.reviews_btn_no { margin: 4px 5px 0px 0px; }
.complete_appointment {  margin: 0px auto 15px auto;}
.add_btns3 { position: relative; float: inherit; margin: 8px 0px 0px 0px; width: 100%; text-align: right;}
.resend_btn { position: relative; float: inherit; margin: 8px 0px 0px 0px; width: 100%; text-align: right;}
.diary_catge li { margin: 0px 2px; padding: 0px; float: right;}
.staff_roster_week { position: relative;right: 0px; float: right; width: 100%; padding: 0px 5px 0px 5px; margin: 7px 0px 0px 0px; }
.print { float: right; width: 50px; position: relative; float: right; margin: -110px 0px 0px 0px; right: 0px;} 
.m-t-25 {margin-top: 4px !important;}
.main_head {width: 325%; }
.main_section {width: 325%; }
.shedules {margin: 0!important; padding: 0!important; overflow-x: visible;}
.btn { padding: 8px 7px;}
.btn-success {  font-size: 10px;  padding: 5px 12px 5px 12px;   line-height: 14px;}
.modal .modal-dialog .modal-content .modal-header { border-bottom-width: 2px; margin: 0; padding: 5px 15px 5px 10px;}
.new_modals .modal_save { float: right; margin: 4px 6px 10px 10px; position: absolute; right: 0px;}
.new_modals .modal_save1 { float: right; margin: 5px 6px 10px 10px; position:  relative !important; right: 0px; width:100%;	text-align: right;}
.content_areas1 {    margin: 0px 0px 0px 0px; padding: 36px 0px 0px 0px;}
.task_days li {    margin: 8px 3px 5px 3px; padding: 0px; float: left;}
.task_cat li {margin: 8px 3px 5px 3px; padding: 0px; float: left;}  
.create_new_branch1 {  float: right; margin: 11px 0px 10px 0px; position: absolute; right: 15px; color: #000;}
.acc_con { display: none;  background: #fff;  color: #545454;   border-radius: 0px;  padding: 0px;  border-bottom: 1px solid #ccc;  margin: 0px 0px 5px 0px;}
.wrapper.toggled .content_area1 .nav-tabs li { width: 24%; margin: 0px 3px 4px 0px !important;!important;}
.content_area1 .nav-tabs li {width: 91px;}
.profile_dt1_men {padding: 0px 0px 0px 0px;}  
.section_box p {  margin: 0px 0px 0px 0px; padding: 10px 27px 0px 0px; }
.website_settings .nav-tabs {position: relative; width:100%; }
.website_settings .tab_content_sec1 { margin-top: 7px !important; padding: 0px 0px 0px 0px;}
.create_new_inventory { margin: 12px 0px 7px 0px; position: relative; right: 0px;}
.page-title { font-size: 12px; padding: 11px 0px 5px 12px;}
.add_newencounter{  margin: -35px 128px 0px 0px; position: relative;}
.add_newencounter a {margin: 0px 0px 0px 0px; padding: 5px 4px 5px 4px; font-size: 9px; }
.modal-dialog { margin: 60px auto !important; width: 95% !important;} 
.add_buttons { margin-left: 3px;}
.brang_imgae_head { font-size: 11px; }
.save_bt .btn-success { padding: 3px 15px; min-height: 30px; line-height: 21px;}
.email_content { padding: 25px 25px 20px 25px; }
.add_btns1 {margin: 3px 0px 7px 0px; position: relative; text-align: right; z-index: 100;  }
.add_btns4 {margin:3px 0px 7px 0px; position: relative; text-align: right; z-index: 100;  }
.profile_bg h4 {  font-size: 13px;}
.docters_r { margin: 0px; padding: 0px 0px 0px 40px; width: 93%;float: left; text-align: center;}
.roster_arrow { width: 15px; line-height: 26px;}
.diarypatient_add { text-align: right; } 
.diary_add_time {font-size: 12px;  float: right; position:  relative; right: 0; margin: -37px 0px 0px 0px;}
.diary_add_time1 {font-size: 13px; }
.diarypatient_close { margin: -35px 0px 0px 0px; z-index: 1500; position: relative; float: right;}
.search_btn1 { margin: 0px 0px 10px 5px !important;  float: right;padding: 4px 10px !important;}
.search_btn2 { margin: 0px 0px 10px 5px !important; padding: 4px 10px !important;float: right;} 
.conten_profile { position: relative; width: 100%;  padding-left: 23px;} 
.profile_address { margin: 0px 0px 10px 7px; padding: 5px 0px 0px 0px; }
.docters_today { margin:17px 0px 0px 0px;right: 15px; position: absolute; display: none;} 
.new_modals .close { margin: -52px 0px 0px 0px; }
.new_modals .close2{ margin: -52px 0px 0px 0px !important; }
.new_modals .btn-success {  font-size: 10px; padding: 5px 9px 5px 9px; margin-bottom: 6px; min-height: 32px; line-height: 14px;    }
.new_modals .modal_save1 { float: right;  margin: 5px 6px 10px 10px; position:  relative !important;right: 0px; width:100%;	text-align: right;}
.forms_content { padding: 30px; width: 100%; height: auto; }
.forms_box2 { width:100%; position: relative; height: auto; }
.section_box1_content {padding: 5px 6px 10px 6px;}
.edit_popup { float: right; margin: 0px 0px 9px 0px; padding: 0px; position: relative; display: block; width: 100%; text-align: right;}
.compsenew { position: relative;  margin: 4px -11px 0px 0px;  text-align: right; float: right;}
.userright_content { float: left; margin: 0px 5px 8px 0px; width: 48%; font-size: 12px;}
.diary_top_dates {float: left; width: 74%; margin: 0px;	}
.diary_top_arrow { margin: 0px 5px 0px 5px; padding: 6px 0px 0px 0px;}
.digimed_logo { padding: 50px 70px 0px 70px;}
.front_diary_m_r { width: 94%; flex: 0 0 auto; margin: 0px auto;}
.wrapper.toggled .profile_tab_scroll { width: 100%; position: relative;}
.docters_dairy_sec1 { padding: 10px 10px 5px 10px; } 
.cal_pament{ width:100%; margin:0px auto;}
.cal_pament_form{ width:100%; margin:0px auto;}
.desk{ display:none;} 
.mob{ display: none ;}
.mob_sec{ display: block;}
.desk_enc{ display:block;} 
.mob_enc{ display: none;}
.time_main { width:50%; display:inline-block; float: right;}
.float_lt { float:  left; width: 60%; margin: 0px 00px 7px 0px;}
.float_min { float:   left; width: 40%; margin: 10px 00px 0px 0px; text-align: center;}
.patient_names { font-size: 14px;}
.patient_details_td { font-size: 12px;}
.low_bt {  float: right; width: 85px; }
.medium_bt { float: right; width: 85px; }
.high_bt { float: right; width: 85px; }
.new_bt { float: right; width: 85px; }
.inprogress_bt { float: right; width: 85px; }
.finished_bt { float: right; width: 85px; }  
.module_con { font-size: 10px !important; }
.dashboard_sec{ width:50%;}
.add_btns_p {position: relative;  float: none; width: 100%; display: inline-block;}
.balance_topup { width: 100%  margin: 0px auto;}
.deleteid {position: absolute; right: -25px; margin: 8px 0px 0px 0px;} 
.appointment_date_top { display: none; }
.wrapper.toggled .content_area1 .nav-tabs li { width: 24%;}
.content_area1 .nav-tabs li { width: 24%;}
.wrapper.toggled .content_area1 .nav-tabs li { width: 24%;}
.content_area1 .nav-tabs li { width: 24%;}
.wrapper.toggled .content_frontoffice .nav-tabs li {width: 24%; margin: 0px 3px 4px 0px !important;}
.content_frontoffice .nav-tabs li {width: 24%; margin: 0px 3px 4px 0px !important;}
.printed1 { padding: 17px 0px 10px 0px;}
.front_diary_m_l .single { display: none;}
.create_nvoice {float: right;  margin: 8px 0px 8px 0px; position: relative; right: 00px; font-size: 12px; text-transform: uppercase;}
#reviewofsystems h2 { padding: 5px 0px 0px 12px; }
.reviews_add_sec label { padding: 5px 0px 0px 10px; }
.connect_search .form-control {  width: 100%; }
.modal_contents { overflow-y: scroll; height: auto;}
.ehr_sec_con2 {  width: 86%; } 
.summary_sec {    margin: 0px 0px 0px 0px; padding: 6px 0px 6px 0px;  }
.summary_sec:hover { margin: 0px 0px 0px 0px; padding: 6px 0px 6px 0px;  }
.appoint_date{  width:90%; }
.new_appointment_left { width:100%; float:  none; }
.new_appointment_right {width:100%; float:  none; border-left: 0px solid #ddd; padding: 0px 0px 20px 0px;}
.new_appoint_main {height: auto; }
.appoint_dlt {    margin: 31px 0px 0px 0px; position: absolute; left: -28px; right: auto;}
.diary_add_time2 {font-size: 12px;  padding: 0px 0px 10px 0px; }
.waiting_area_sec { margin: 0px auto; width: 100%;} 
.col-form-label {text-align: left; }
.market_head {padding: 15px 0px 1px 0px;}
.create_waitinglist { margin: 0px 0px 10px 0px; position: relative; right: 15px; }
.awaiting { width: 30px; height: 30px; font-size: 22px !important; margin: 0px 5px 0px 0px; line-height: 30px;}
.awaiting_cons {font-size: 12px !important; padding: 5px 0px 0px 0px;} 
.bulkuplod_bt a { margin: 0px 0px 5px 0px; padding: 14px 12px 15px 12px;}  
.orders_n { float: left; height: 55px; width: 55px; padding: 5px 0 0; margin: 0px auto; line-height: 43px;}
.orders_n1 {font-size: 15px; padding: 4px 0px 0px 0px;}
.report_count {font-size: 12px; width: 100%;}
.calender_lab {width:100%; padding: 5px 5px 2px 5px; }
.calender_lab_sec {  width: 105px;  margin: 4px 0px 0px 0px; }
.dash_container {margin: 0px auto; padding: 00px 0px 0px 0px;} 
.section_box1_content2 {  padding: 10px 10px 2px 10px;}
.checkin_btn { margin: 0px 0px 10px 0px; padding: 0px 12px !important;}
.patient_name_td {padding: 0px 0px 0px 0px; font-size: 12px;}
.treatments_clr li a {margin: 6px 15px 15px 0px; padding: 0px;}
.treatments_clr li .active { margin: 6px 15px 15px 0px; padding: 0px; }
.dashboard_top { margin: 8px 0px 6px 0px; }
.form_section_box2 {width: 95%; }  
.awaitingform {margin: 7px -10px 0px 0px; }
.formsetting_view1 {width: 100% !important;}
.linktreatment {position: absolute; bottom: 0px;width: 100%;}
.forms_content1 {height: auto; }
.settings_sec { min-height: auto;}
.bulkuplod_bt { margin: 8px 15px 8px 0px; padding: 0px;}
.staff_roster_week1 {width: 100%; padding: 10px 10px 0px 10px; margin:0px;} 
.stripe_sec { width:98%; margin:0px auto;}
.manuel_links { display:none; }
.adons_left1 { width: 10%; float:left;  padding: 3px 0px 3px 5px; text-align:left;}
.adons_totals { width:70%; } 
.chat_left { width: 100%; float: left;}
.chat_right { width: 100%; float: right;}
.replay_box { width:90%; float:left;   } 
.replay_btn { width:9%; float: right;  } 
.replay_btns {   margin: 0px;  padding: 5px 15px 5px 15px; }
.unpaid {float:  none; }
.paid {float:  none;} 
.image_thumps1 { width: 100%; float:  none; position: relative;}
.image_thumps1 li { width: 80px; float:   left; margin:0px 10px 0px 0px;}
.face_map1 { float: none; width: 100%;}
.faces_content { margin: 0px auto 0px auto; padding: 0px; width: 100%;}
.crm_se {width: 50%; }
.create_new_crm { margin: 5px 0px 10px 0px; position: relative; right: 0px; }
.add_giftscard { position: relative;  margin: -7px 0px 5px 0px; right: 0px;}
.website_settings .nav-tabs { width: 100%; position: relative;}
.balancecheck_box1 { padding: 9px; }
.giftcardclose { margin: 2px -7px 0px 0px;}
.giftcardpaymentclose {  margin: 2px -7px 0px 0px;}
.balancecheck_form { width: 61%;    float: left;}
.balancecheck_btn { width: 35%; }
.balance_topup { width: 100% }
.balancecheck_con {min-height: auto;}
.payment_btn { margin: 0px 5px 7px 0px !important;padding: 4px 12px !important; } 
.superbill_content .form-control {  width: 120px; }
.crm_left {height: auto; }
.add_btns_p a {margin: 0px 0px 0px 0px;}

.giftd_form_bill {width:100%;}
.giftd_form_btn { width: 28%; margin:10px 0px 0px 0px;}
.giftcard_icons_m { width: 100%;  margin: 0px auto;}
.accordian_tab h3 { margin: 0px 0px 0px 0px !important; padding: 15px 0px 15px 10px;}
.desk_tab{ display: none;}
.mob_tab{ display: block;} 

.giftcard_l { width: 212px;}
.giftcard_r { width: calc(100vw - 232px); }
.wrapper.toggled .page-content .giftcard_r { width: calc(100vw - 232px); margin: 0px; padding: 0px 15px 0px 15px;  }
.giftcard_icons { width: 75px; margin: 0px 4px 10px 0px; }

.giftamount_btn li {width: 45.5%; }
.giftcard_right {border-left: 0px solid #ccc; padding: 0px 0px 0px 0px; }
.giftcard_payment {width: 100%; margin: 0px auto;}

.giftcard_icons_m {width: 100%; margin: 0px auto;}
.giftscard_sec {width: 100%; height: auto; margin: 0px auto 20px auto; position: relative;}
.giftscard_left {margin: 0px 0px 0px 9px;}
.giftscard_clinic { font-size: 16px;  width: 220px; padding: 10px 0px 0px 0px;}
.giftcard_center { margin: 50px 0px 0px 0px; }
.giftcard_cen_head { font-size: 12px; padding: 5px 0px 0px 0px; }
.giftcard_cen_con { font-size: 11px; }
.giftscard_right {  margin: 15px 0px 0px 0px; right: 10px;}
.gift_qr { width: 60px; }
.gift_qr2 { width: 60px; }
.gift_qr_img img {width: 50px; height: 50px;}
.gift_qr_img canvas {width: 50px; height: 50px; }
.gift_amount { font-size: 18px; padding: 12px 0px 0px 0px; line-height: 35px;}
.giftscard_number { font-size: 16px; padding: 70px 0px 0px 0px; }
.gift_valid_sec {padding: 14px 0px 0px 0px;}
.gift_valid_con1 { padding: 2px 10px 0px 0px; font-size: 10px; }
.gift_valid_con  { font-size: 12px; }

.giftcard_icons_m1 {width: 100%; margin: 0px auto;}
.giftscard_sec1 {width: 100%; height: auto; margin: 0px auto 20px auto; position: relative;}
.giftscard_left1 {margin: 0px 0px 0px 9px;}
.giftscard_clinic1 { font-size: 16px;  width: 220px; padding: 10px 0px 0px 0px;}
.giftcard_center1 { margin: 50px 0px 0px 0px; }
.giftcard_cen_head1 { font-size: 12px; padding: 5px 0px 0px 0px; }
.giftcard_cen_con1 { font-size: 11px; }
.giftscard_right1 {  margin: 15px 0px 0px 0px; right: 10px;}
.gift_qr1 { width: 60px; }
.gift_qr_img1 img {width: 50px; height: 50px;}
.gift_qr_img1 canvas { width: 50px;  height: 50px;    }
.gift_amount1 { font-size: 18px; padding: 12px 0px 0px 0px; line-height: 35px;}
.giftscard_number1 { font-size: 16px; padding: 70px 0px 0px 0px; }
.gift_valid_sec1 {padding: 14px 0px 0px 0px;}
.gift_valid_con2 { padding: 2px 10px 0px 0px; font-size: 10px; }
.gift_valid_con3  { font-size: 12px; }
 

.giftscard_clinic2 {font-size: 16px; width: 220px;  padding: 10px 0px 0px 0px;}	
.giftscard_sec2 {width: 100%; height:auto;}
.giftcard_center2 { margin: 50px 0px 0px 0px; }
.gift_amount2 {padding: 11px 0px 0px 0px; }
.gift_amount2 {  font-size: 18px;  padding: 12px 0px 0px 0px; line-height: 35px; }
.giftcard_cen_head2 {font-size: 12px;  padding: 5px 0px 0px 0px; }
.gift_valid_sec2 {padding: 14px 0px 0px 0px; }
.giftamount_btn1 li { width: 23.2%;}
.giftscard_number2 {font-size: 16px; padding: 70px 0px 0px 0px; }
.balance_topup { width: 100%; margin: 10px auto;}
.balancecheck_con { min-height: 180px;}
.balancecheck_head { padding: 3px 0px 20px 0px; }
.balancecheck_form { width: 61%;}
.balancecheck_btn { width: 37%;margin: 0px 0px 0px 2%;}
.balancecheck a { padding: 7px 9px 7px 9px; font-size: 10px; }
.balancecheck_box1 {  width: 100%;   height: auto; }
.nav-wid { width: auto !important;}
.invoice_content1 { padding: 0px 15px 0px 15px; width: 100%;}
.superbill_content { padding: 15px;}
.container_mauel { padding: 0px 5px 0px 5px; margin: 0px auto 0px auto; width: 100%; }
.section_m { padding: 0px 0px 0px 0px;} 
.add_new_task { padding: 2px 2px 4px 4px;  margin: 0px 0px 6px 0px;}
.helpcenter_cont {width: 73%; min-height: 97px; }
.helpcenter_sec_con a{ padding: 0px 0px 0px 0px; margin: 0px;} 
.helpcenter_sec { min-height: 118px;}
.helpcenter_h {font-size: 14px !important;  padding: 0px 0px 7px 0px; }
.helpcenter_p {font-size: 12px !important; padding: 0px 0px 0px 0px; margin: 0px;line-height: 16px; letter-spacing: 0px;}
.breaketimes_btn { float: left; width: 27%; margin: 180px 0px 0px 0px; padding: 0px 0px 0px 5px;}
.breaketimes_btn a{   font-size: 12px ; padding: 5px 6px 6px 6px;   letter-spacing: 0em;  line-height: 16px; width: auto; display:inline-block}
.fixTableHead { height: auto; }   
.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center{  padding: 5px 8px;}
.mobile-toggle-icon, .search-toggle-icon, .projects, .notifications, .messages { margin-top: 15px; margin-left: 1px; }
.logo_m {margin: 0px 0px 0px 40px;}
.new_modals .modal_save { margin: 4px 8px 10px 0px;}
.modal-title { font-size: 12px; }
.modal_contents { padding: 15px 25px 25px 25px;}

.profile_left { width: 100%; display: block; padding: 8px 0px 0px 0px;}
.profile_left .nav-link { width: 228px; float: left;  background: #fafafa; opacity: 1;}
.profile_left .ehr_tabs {width: 6226px; position: relative; padding: 5px 0px 0px 0px; }
.tab_form_top .nav-link { letter-spacing: 0.4px; padding: 5px 6px 8px 6px;  margin: 0px 0px 0px 0px; }
.modules_col {  width: 24%; float: left; }
.modules_col2 { width:24%; float:left;}
.forms_number { margin: 0px 0px 0px -25px; }
.close_subcribesummary { margin: -35px -8px 0px -3px; }
.new_modals .nav-tabs {padding: 5px 2px 5px 5px;}
.new_modals .nav-link { padding: 8px 5px; }
.co_message_l { width: 100%;}
.co_message_r { width: 100%;}
.wrapper.toggled .page-content .co_message_r {  width: 100%; }
.modal_save1 .btn { padding: 4px 8px; margin-left: 1px;}
.break { padding: 5px 0px 0px 0px; margin: 0px;}
.subscriptions_eidt1 { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px;} 
.superbill_add { margin: 28px 0px 0px 0px;}
.superbill_btclose { right: 0px;margin: -27px 0px 0px 0px;}
.modal-fullscreen-sm-down .modal-content {  height:  auto;  border: 0; border-radius: 0;    }
.treat_check{float:   right; margin-right:0px; }
.task_days {float: left;}
.task_cat { float: left;}
.product_box { float: none;
        width: 100%; margin:0px 0 0px 0px;
	}
}
@media only screen and (max-width:730px) {
.staff_roster_week { width: 94%;}
.print {  margin: -33px 0px 0px 0px; } 
.offset-2 { margin-left: 0;}
.float_lt { float: left; width: 65px;}
.float_min {    float: left; width: 19px; margin: 10px 10px 10px 10px;}
} 
@media only screen and (max-width:600px) {
.diary_top_dates { width: 73%;  margin: 0px; } 
.images_content { width: 94%;  padding: 0px 0px 25px 0px;}
}
@media only screen and (max-width:540px) {
.staff_roster_week { width: 100%;}
.print { margin: -35px -9px 0px 0px; right: 0px; width: 39px; }
.print img { width: 24px;}
.roster_cldr { width: 86px;}
.search_btn { float: right;}
.mail_date {float: none; position: relative; right: 0px; text-align: right; padding: 0px 0px 0px 0px;}
.connect_message { margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;}
.message_right {padding: 10px 0px 0px 10px; width: 103%; margin: -100px 0px 0px 0px; }
.message_scroll_r { height: calc(100vh - 450px);}
#lblurl{word-wrap: break-word;}
.working_time1 {    width: 82%; float: left; margin: 0;}
.dairy_l {width: 55px;}
.work_hol_top {width: 100%;}
.work_hol_m { margin: 0px; padding: 0px 0px 0px 0px; width: 100%;}
.bmi_sec {text-align: left;}
.bmi_r { text-align: left;}
 
 
.treat_check { float: left; margin-right: 1px;}  
.sidebar .closebtn {position: absolute; top: 3px !important; right: 29px;}
.mailcompose1 {background-color: #ffffff; width: 100%;  border: 0px solid #f7f7f8;  margin: -3px 0px 8px -11px;   box-shadow: 0 1px 15px rgb(164 173 186 / 25%);
        padding: 10px; border-radius: 8px; display: inline-block;  position: absolute; top: 101px;
    }
.mailarea {   background-color: #ffffff;  width: 99%;	border: 0px solid #f7f7f8; margin: 0px 0px 8px -8px;
	box-shadow: 0 1px 15px rgb(164 173 186 / 25%);
	padding: 10px; border-radius: 8px; position: relative;top: 115px;
}
.calender_date_sec {margin: 10px auto 0px auto;padding: 2px 5px 2px 5px;     width: 100%;}
.diary_top_dates { width: 80%;  margin: 0px; }
.mailreply_close{display:block;}
#signatureenc canvas{   margin: 0px; padding: 0px; border: none; height: 200px; width: 100% !important;} 
.leads_sec { width:100%;padding: 10px; }
.leads_m { width: 97%; }
.card_scroll { overflow-y: auto;  height: auto;  -webkit-overflow-scrolling: touch;    }	 

}
@media screen and (max-width: 500px) {
.content_area1 .nav-tabs li { margin: 0px 0px 8px 6px !important;  width: 31.3%; }
.docters_date_sec {width: 54px;}
.docters_day { font-size: 8px; }  
.table th { font-size: 11px !important;} 
.concent_verifi { width: 95%;  margin: 15px auto; }
.verifi_api {width: 88%; float: left; margin: 0;}
.treat_check {float: right; margin-right: 0px;}
.invoice_forms { width: 70px; }
.add_dents {margin: 0px 3px 0px 0px; position: absolute; padding: 0px;}
.helpcenter_cont {  width: 72%;}
.helpcenter_sec { min-height: auto; padding: 5px 5px 5px 5px;  margin-bottom: 8px;} 
.offset-3 { margin-left: 0;}
.search_btn3 { margin: 7px 0px 0px 110px !important; }
.modules_col { width: 32%; float: left; }
.modules_col2 { width:32%; float:left;}
.website_settings .nav-tabs { width: 570px; position: relative; }
.giftcard_l { width: 100%; }
.giftcard_r { width: 100%; }
.wrapper.toggled .page-content .giftcard_r{ width: 100%; }
.giftamount_btn li { width: 31.5%;}
.giftcard_icons { width: 96px;}
.add_newencounter { margin: -35px 95px 0px 0px; }
}
@media only screen and (max-width:390px) { 
.diary_top_dates { width: 77%;  margin: 0px; }
.subscriptions_sec { width: 300px; }
.subscriptions_con { font-size: 10px; }
.subscriptions_con1 {  font-size: 10px; }
.module_sec { width: 99px; text-align: center; padding: 10px 0px 10px 0px; margin: 0px 0px 10px 0px; }
.buttonstab1 a { font-size: 12px; letter-spacing: 0em;}
.payment_a{ width:100%;  padding:10px;}
.pay_mo {width: 45px; float:left; margin-right: 5px;}
.cvv {width: 45px; float:left; margin-right: 5px;}
.cvv_img{ width:40px; float: left;}
.form-floating>label { padding: 12px 5px 10px 5px; }
.form-floating>.form-control, .form-floating>.form-control-plaintext { padding: 1rem 5px;}
 
}
 
@media only screen and (max-width:330px) {
.wrapper.toggled .content_area1 .nav-tabs li { width: 71px;}
.content_area1 .nav-tabs li { width: 71px;}
.roster_arrow { width: 29px; line-height: 26px;}
.print { margin: -35px -12px 0px 0px; } 
.awaiting_cons {font-size: 9px !important; padding: 14px 0px 0px 0px;    }
.buttonstab1 a { font-size: 9px; }
}