/************Scroll Bar Hide Satrt**********/ 

::-webkit-scrollbar {width: 0px; scrollbar-width: none;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 0px grey; border-radius: 0px;} 
::-webkit-scrollbar-thumb { background: none; border-radius: 0px;}
::-webkit-scrollbar-thumb:hover { background: #000; } 
 
html{   scrollbar-width: none;  scrollbar-color: #333 ;}
html::-webkit-scrollbar {width: 0px;}
html::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey;   border-radius: 0px;} 
html::-webkit-scrollbar-thumb { background:#C00;  border-radius: 0px;}
html::-webkit-scrollbar-thumb:hover { background: #000; }
  
.summary_con_sec{ scrollbar-width: none; scrollbar-color: #333 ;}
.summary_con_sec::-webkit-scrollbar {width: 0px;  height: 0px;}
.summary_con_sec::-webkit-scrollbar-track { background-clip: content-box;  border: 2px solid transparent;}
.summary_con_sec::-webkit-scrollbar-thumb { background: none ; }
.summary_con_sec::-webkit-scrollbar-thumb:hover { background: none ; }
.summary_con_sec::-webkit-scrollbar-corner, .summary_con_sec::-webkit-scrollbar-track { background: none ; } 
[class^=summary_con_sec] { height: 866px; overflow-y: scroll; overflow-x: hidden;}
[class^=summary_con_sec]  { padding: 0rem;  overflow-x: hidden;} 
 
.summary_con_sec {	padding: 0px 0px 0px 0px; 	height: calc(100vh - 242px);
	overflow: auto; 
	-webkit-overflow-scrolling: touch;
	    overflow-x: hidden;
		scrollbar-width: none;
}  
 
.tab_scroll1{   scrollbar-width: none;  scrollbar-color: #333 ;}
.tab_scroll1::-webkit-scrollbar {width: 0px;  height: 0px;}
.tab_scroll1::-webkit-scrollbar-track {  background-clip: content-box;  border: 0px solid transparent;}
.tab_scroll1::-webkit-scrollbar-thumb { background: none ; }
.tab_scroll1::-webkit-scrollbar-thumb:hover { background: none ; }
.tab_scroll1::-webkit-scrollbar-corner, .tab_scroll1::-webkit-scrollbar-track { background: none ; } 
[class^=tab_scroll1] { height: 1360px; overflow-y: scroll; overflow-x: hidden;}
[class^=tab_scroll1]  { padding: 0rem; overflow-x: hidden;   }

.dairy_sec{   scrollbar-width: none; scrollbar-color: #333 ;}
.dairy_sec::-webkit-scrollbar { width: 0px; height: 0px;}
.dairy_sec::-webkit-scrollbar-track {background-clip: content-box; border: 0px solid transparent;}
.dairy_sec::-webkit-scrollbar-thumb { background: none ; }
.dairy_sec::-webkit-scrollbar-thumb:hover {background: none ; }
.dairy_sec::-webkit-scrollbar-corner, .dairy_sec::-webkit-scrollbar-track { background: none ; } 
[class^=dairy_sec] { overflow-y: scroll; overflow-x: hidden;}
[class^=dairy_sec]  {  padding: 0rem; overflow-x: hidden;}

.tab_form_sec{ scrollbar-width: none; scrollbar-color: #333 ;}
.tab_form_sec::-webkit-scrollbar {width: 0px;  height: 0px;}
.tab_form_sec::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.tab_form_sec::-webkit-scrollbar-thumb { background: none ; }
.tab_form_sec::-webkit-scrollbar-thumb:hover {background: none ; }
.tab_form_sec::-webkit-scrollbar-corner, .tab_form_sec::-webkit-scrollbar-track { background: none ; } 
[class^=tab_form_sec] { height: 1360px; overflow-y: scroll; overflow-x: hidden;}
[class^=tab_form_sec]  { padding: 0rem; overflow-x: hidden; }

.tab_encounter_sec{ scrollbar-width: none; scrollbar-color: #333 ;}
.tab_encounter_sec::-webkit-scrollbar {width: 0px;  height: 0px;}
.tab_encounter_sec::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.tab_encounter_sec::-webkit-scrollbar-thumb { background: none ; }
.tab_encounter_sec::-webkit-scrollbar-thumb:hover {background: none ; }
.tab_encounter_sec::-webkit-scrollbar-corner, .tab_encounter_sec::-webkit-scrollbar-track { background: none ; } 
[class^=tab_encounter_sec] { height: 1360px; overflow-y: scroll; overflow-x: hidden;}
[class^=tab_encounter_sec]  { padding: 0rem; overflow-x: hidden; }

.surgical_scroll{  scrollbar-width: none; scrollbar-color: #333 ;}
.surgical_scroll::-webkit-scrollbar {width: 0px; height: 0px;}
.surgical_scroll::-webkit-scrollbar-track { background-clip: content-box; border: 2px solid transparent;}
.surgical_scroll::-webkit-scrollbar-thumb { background: none ; }
.surgical_scroll::-webkit-scrollbar-thumb:hover {background: none ; }
.surgical_scroll::-webkit-scrollbar-corner, .surgical_scroll::-webkit-scrollbar-track { background: none ; } 
[class^=surgical_scroll] { height: 300px; overflow-y: scroll; overflow-x: hidden;}
[class^=surgical_scroll]  { padding: 0rem; overflow-x: hidden;   }

.reviews_add_sec{  scrollbar-width: none;  scrollbar-color: #333 ;}
.reviews_add_sec::-webkit-scrollbar {  width: 0px;  height: 0px;}
.reviews_add_sec::-webkit-scrollbar-track { background-clip: content-box;  border: 2px solid transparent;}
.reviews_add_sec::-webkit-scrollbar-thumb {background: none ; }
.reviews_add_sec::-webkit-scrollbar-thumb:hover { background: none ; }
.reviews_add_sec::-webkit-scrollbar-corner, .reviews_add_sec::-webkit-scrollbar-track { background: none ; }
[class^=reviews_add_sec] { height: 1360px; overflow-y: scroll; overflow-x: hidden;}
[class^=reviews_add_sec]  { padding: 0rem; overflow-x: hidden;  }

/* .tab_content_sec{ scrollbar-width: none; scrollbar-color: #333 ;}
.tab_content_sec::-webkit-scrollbar {width: 0px; height: 0px;}
.tab_content_sec::-webkit-scrollbar-track { background-clip: content-box; border: 2px solid transparent;}
.tab_content_sec::-webkit-scrollbar-thumb { background: none ; }
.tab_content_sec::-webkit-scrollbar-thumb:hover {background: none ; }
.tab_content_sec::-webkit-scrollbar-corner, .tab_content_sec::-webkit-scrollbar-track { background: none ; } 
[class^=tab_content_sec] {  height: 1360px; overflow-y: scroll; overflow-x: hidden;}
[class^=tab_content_sec]  { padding: 0rem; overflow-x: hidden;} */
.tab_content_sec { /* overflow-y: scroll;	overflow-x: hidden;scrollbar-width: none; */
     height: 100%; padding: 2px 0px 0px 0px; margin:0px; 
}

.smoking_add{ scrollbar-width: none; scrollbar-color: #333 ;}
.smoking_add::-webkit-scrollbar {width: 0px; height: 0px;}
.smoking_add::-webkit-scrollbar-track { background-clip: content-box; border: 2px solid transparent;}
.smoking_add::-webkit-scrollbar-thumb { background: none ; }
.smoking_add::-webkit-scrollbar-thumb:hover { background: none ; }
.smoking_add::-webkit-scrollbar-corner, .smoking_add::-webkit-scrollbar-track { background: none ; } 
[class^=smoking_add] {height: 1360px; overflow-y: scroll; overflow-x: hidden;  }
[class^=smoking_add]  { padding: 0rem;  overflow-x: hidden;   } 

.profile_tab_scroll{ scrollbar-width: none;  scrollbar-color: #333 ;}
.profile_tab_scroll::-webkit-scrollbar { width: 0px;  height: 0px;}
.profile_tab_scroll::-webkit-scrollbar-track { background-clip: content-box;  border: 2px solid transparent;}
.profile_tab_scroll::-webkit-scrollbar-thumb { background: none ; }
.profile_tab_scroll::-webkit-scrollbar-thumb:hover {background: none ; }
.profile_tab_scroll::-webkit-scrollbar-corner, .profile_tab_scroll::-webkit-scrollbar-track { background: none ; } 
[class^=profile_tab_scroll] { width:1020px; overflow-y: scroll; overflow-x: hidden; }
[class^=profile_tab_scroll]  { padding: 0rem; overflow-y: hidden;    } 
 
.profile_tab_scroll { margin: 0px;
    padding: 0px;
    width:100%;
    FONT-WEIGHT: 200;
    overflow-y: hidden;
    overflow-x: scroll;
    background: #fff;
    border-radius: 8px;
    position:  relative;
    z-index: 50;  
	scrollbar-width: none;  
} 

.reviews_scroll{  scrollbar-width: none;  scrollbar-color: #333 ;}
.reviews_scroll::-webkit-scrollbar {width: 0px; height: 0px;}
.reviews_scroll::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.reviews_scroll::-webkit-scrollbar-thumb {background: none ; }
.reviews_scroll::-webkit-scrollbar-thumb:hover { background: none ; }
.reviews_scroll::-webkit-scrollbar-corner, .reviews_scroll::-webkit-scrollbar-track { background: none ; }
[class^=reviews_scroll] { width:2200px; overflow-y: hidden;overflow-x: hidden;}
[class^=reviews_scroll]  { padding: 0rem;  overflow-y: hidden;    } 

.frontoffice_scroll{  scrollbar-width: thin;  scrollbar-color: #333 ;}
.frontoffice_scroll::-webkit-scrollbar {width: 0px; height: 0px;}
.frontoffice_scroll::-webkit-scrollbar-track { background-clip: content-box; border: 2px solid transparent;}
.frontoffice_scroll::-webkit-scrollbar-thumb { background: none ; }
.frontoffice_scroll::-webkit-scrollbar-thumb:hover {background: none ; }
.frontoffice_scroll::-webkit-scrollbar-corner, .frontoffice_scroll::-webkit-scrollbar-track {background: none ; } 
[class^=frontoffice_scroll] {width:1020px;overflow-y: hidden;overflow-x: scroll;}
[class^=frontoffice_scroll]  { padding: 0rem;overflow-y: hidden; } 

.booking_right_sec{  scrollbar-width: none;  scrollbar-color: #333 ;}
.booking_right_sec::-webkit-scrollbar {width: 0px; height: 0px;}
.booking_right_sec::-webkit-scrollbar-track { background-clip: content-box;  border: 2px solid transparent;  box-shadow: inset 0 0 5px grey;  border-radius: 10px;}
.booking_right_sec::-webkit-scrollbar-thumb { background: none ; }
.booking_right_sec::-webkit-scrollbar-thumb:hover { background: none ; }
.booking_right_sec::-webkit-scrollbar-corner, .booking_right_sec::-webkit-scrollbar-track { background: none ; } 

.frontoffice_calander_scroll{ scrollbar-width: none;  scrollbar-color: #333 ;}
.frontoffice_calander_scroll::-webkit-scrollbar {width: 0px;  height: 0px;}
.frontoffice_calander_scroll::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.frontoffice_calander_scroll::-webkit-scrollbar-thumb { background: none ; }
.frontoffice_calander_scroll::-webkit-scrollbar-thumb:hover { background: none ; }
.frontoffice_calander_scroll::-webkit-scrollbar-corner, .frontoffice_calander_scroll::-webkit-scrollbar-track { background: none ; } 
[class^=frontoffice_calander_scroll] {width:6740px;  overflow-y: hidden; overflow-x: scroll;}
[class^=frontoffice_calander_scroll]  {  padding: 0rem; overflow-y: hidden; } 

.body_map_cont{ scrollbar-width: none;  scrollbar-color: #333 ;}
.body_map_cont::-webkit-scrollbar {width: 0px;  height: 0px;}
.body_map_cont::-webkit-scrollbar-track {background-clip: content-box;  border: 2px solid transparent;}
.body_map_cont::-webkit-scrollbar-thumb { background: none ; }
.body_map_cont::-webkit-scrollbar-thumb:hover { background: none ; }
.body_map_cont::-webkit-scrollbar-corner, .body_map_cont::-webkit-scrollbar-track { background: none ; } 
[class^=body_map_cont] { height: 1360px; overflow-y: scroll; overflow-x: hidden;  }
[class^=body_map_cont]  { padding: 0rem; overflow-y: hidden; }

.tooth_cont{   scrollbar-width: none; scrollbar-color: #333 ;}
.tooth_cont::-webkit-scrollbar { width: 0px;  height: 0px;}
.tooth_cont::-webkit-scrollbar-track {background-clip: content-box;  border: 2px solid transparent;}
.tooth_cont::-webkit-scrollbar-thumb { background: none ; }
.tooth_cont::-webkit-scrollbar-thumb:hover { background: none ; }
.tooth_cont::-webkit-scrollbar-corner, .tooth_cont::-webkit-scrollbar-track { background: none ; }
[class^=tooth_cont] { height: 1360px; overflow-y: scroll; overflow-x: hidden;  }
[class^=tooth_cont]  { padding: 0rem; overflow-y: hidden; } 

.diary_appointments{   scrollbar-width: none;  scrollbar-color: #333 ;}
.diary_appointments::-webkit-scrollbar { width: 0px; height: 0px;}
.diary_appointments::-webkit-scrollbar-track { background-clip: content-box; border: 2px solid transparent;}
.diary_appointments::-webkit-scrollbar-thumb { background: none ; }
.diary_appointments::-webkit-scrollbar-thumb:hover {background: none ; }
.diary_appointments::-webkit-scrollbar-corner, .diary_appointments::-webkit-scrollbar-track { background: none ; }
/* [class^=diary_appointments] {height: 1360px; overflow-y: scroll; overflow-x: hidden;}
[class^=diary_appointments]  { padding: 0rem; overflow-x: hidden;}*/

.task_cont{ scrollbar-width: none;  scrollbar-color: #333 ;}
.task_cont::-webkit-scrollbar { width: 0px; height: 0px;}
.task_cont::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.task_cont::-webkit-scrollbar-thumb {background: none ; }
.task_cont::-webkit-scrollbar-thumb:hover { background: none ; }
.task_cont::-webkit-scrollbar-corner, .task_cont::-webkit-scrollbar-track { background: none ; } 
[class^=task_cont] { }
[class^=task_cont]  { } 

.fixTableHead{ scrollbar-width: none;  scrollbar-color: #333 ;}
.fixTableHead::-webkit-scrollbar { width: 0px; height: 0px;}
.fixTableHead::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.fixTableHead::-webkit-scrollbar-thumb { background: none ; }
.fixTableHead::-webkit-scrollbar-thumb:hover { background: none ; }
.fixTableHead::-webkit-scrollbar-corner, .fixTableHead::-webkit-scrollbar-track { background: none ; } 
 [class^=fixTableHead] { overflow-y: scroll; overflow-x: hidden;}
[class^=fixTableHead]  {  overflow-x: hidden;} 

.help_scroll{  scrollbar-width: none;  scrollbar-color: #333 ;}
.help_scroll::-webkit-scrollbar {width: 0px;  height: 0px;}
.help_scroll::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.help_scroll::-webkit-scrollbar-thumb { background: none ; }
.help_scroll::-webkit-scrollbar-thumb:hover {background: none ; }
.help_scroll::-webkit-scrollbar-corner, .help_scroll::-webkit-scrollbar-track { background: none ; } 

.rightlink{ scrollbar-width: none;  scrollbar-color: #333 ;}
.rightlink::-webkit-scrollbar {width: 0px;  height: 0px;}
.rightlink::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.rightlink::-webkit-scrollbar-thumb { background: none ; }
.rightlink::-webkit-scrollbar-thumb:hover {background: none ; }
.rightlink::-webkit-scrollbar-corner, .rightlink::-webkit-scrollbar-track { background: none ; } 
 
.months_scroll{ scrollbar-width: none;  scrollbar-color: #333 ;}
.months_scroll::-webkit-scrollbar { width: 0px;  height: 0px;}
.months_scroll::-webkit-scrollbar-track { background-clip: content-box;  border: 2px solid transparent;}
.months_scroll::-webkit-scrollbar-thumb { background: none ; }
.months_scroll::-webkit-scrollbar-thumb:hover {background: none ; }
.months_scroll::-webkit-scrollbar-corner, .months_scroll::-webkit-scrollbar-track { background: none ; } 
[class^=months_scroll] { width:1020px; overflow-y: hidden; overflow-x: scroll; }
[class^=months_scroll]  { padding: 0rem; overflow-y: hidden;    } 

.months_scroll{ margin:0px ;      padding: 0px;    width: 100%;
    overflow: auto;    overflow-y: hidden;
	 overflow-x: scroll;	background: #fff;
	border-radius: 8px;	 position: relative;
	  z-index: 50;
} 
.months_sec{ margin:0px ;   padding: 0px; width: 1230px; } 
 
/************Scroll Bar Hide End**********/ 
/*********************Scroll Css Start*********************/ 
.allergy_con_sec {	padding:0px; height: calc(100vh - 215px);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
} 
.smoking_con_sec {	padding:0px; height: calc(100vh - 215px);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
} 
.smoking_con_sec {	padding:0px; height: calc(100vh - 215px);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
} 
.smoking_add { padding-top:5px;  padding-left:12px; padding-right:12px;
	height: calc(100vh - 201px);
	overflow: auto; 
	-webkit-overflow-scrolling: touch;
	width:100%;  overflow-x: hidden;
		scrollbar-width: none;
}  
.tab_scroll1 {	padding: 6px 0px 0px 0px;  	height: 950px; 
	height: calc(100vh - 211px);
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;	
}
.dairy_sec {  height: calc(100vh - 171px);
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.tab_form_sec {	padding:00px 0px 0px 0px;  	height: calc(100vh - 238px);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	    position: relative;
		overflow-x: hidden;
		scrollbar-width: none;
}
.tab_encounter_sec {	padding:00px 0px 0px 0px;  	height: calc(100vh - 238px);
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	    position: relative;
		overflow-x: hidden;
		scrollbar-width: none;
}
.body_map_cont {padding: 0px 0px 0px 0px; 	height: calc(100vh - 257px);
	overflow: auto; 
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.face_map_scroll{ scrollbar-width: none; scrollbar-color: #333 ;}
.face_map_scroll::-webkit-scrollbar {width: 0px;  height: 0px;}
.face_map_scroll::-webkit-scrollbar-track {background-clip: content-box;  border: 2px solid transparent;}
.face_map_scroll::-webkit-scrollbar-thumb { background: none ; }
.face_map_scroll::-webkit-scrollbar-thumb:hover { background: none ; }
.face_map_scroll::-webkit-scrollbar-corner, .face_map_scroll::-webkit-scrollbar-track { background: none ; } 
[class^=face_map_scroll] { height: 1360px; overflow-y: scroll; overflow-x: hidden;  }
[class^=face_map_scroll]  { padding: 0rem; overflow-y: hidden; }
.face_map_scroll {padding: 0px 0px 0px 0px;
	height: calc(100vh - 288px);
	overflow: auto; 
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.face_scroll{ scrollbar-width: none;  scrollbar-color: #333 ;}
.face_scroll::-webkit-scrollbar {width: 0px;  height: 0px;}
.face_scroll::-webkit-scrollbar-track {background-clip: content-box;  border: 2px solid transparent;}
.face_scroll::-webkit-scrollbar-thumb { background: none ; }
.face_scroll::-webkit-scrollbar-thumb:hover { background: none ; }
.face_scroll::-webkit-scrollbar-corner, .face_scroll::-webkit-scrollbar-track { background: none ; } 
[class^=face_scroll] { height: 1360px; overflow-y: scroll; overflow-x: hidden;  }
[class^=face_scroll]  { padding: 0rem; overflow-y: hidden; }
.face_scroll {padding: 0px 0px 0px 0px; height:auto;
	/*height: calc(100vh - 273px);*/
	overflow: auto; 
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.tabs_scroll{    scrollbar-width: none;  scrollbar-color: #333 ;}
.tabs_scroll::-webkit-scrollbar { width: 0px;  height: 0px;}
.tabs_scroll::-webkit-scrollbar-track { background-clip: content-box;  border: 2px solid transparent;}
.tabs_scroll::-webkit-scrollbar-thumb { background: none ; }
.tabs_scroll::-webkit-scrollbar-thumb:hover {background: none ; }
.tabs_scroll::-webkit-scrollbar-corner, .tabs_scroll::-webkit-scrollbar-track { background: none ; } 
[class^=tabs_scroll] { width:1020px; overflow-y: scroll; overflow-x: hidden; }
[class^=tabs_scroll]  { padding: 0rem; overflow-y: hidden;    } 
 
.tabs_scroll {  margin: 0px; padding: 0px;  width:100%;
    FONT-WEIGHT: 200;
    overflow-y: hidden;  
	 overflow-x: scroll;
    border-radius: 8px; 
    z-index: 50; 
}   

.tab_content_scroll{  scrollbar-width: none;  scrollbar-color: #333 ;}
.tab_content_scroll::-webkit-scrollbar {width: 0px;  height: 0px;}
.tab_content_scroll::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.tab_content_scroll::-webkit-scrollbar-thumb {background: none ; }
.tab_content_scroll::-webkit-scrollbar-thumb:hover {background: none ; }
.tab_content_scroll::-webkit-scrollbar-corner, .tab_content_scroll::-webkit-scrollbar-track {   background: none ; } 
[class^=tab_content_scroll] { height: 100%; overflow-y: scroll; overflow-x: hidden;}
[class^=tab_content_scroll]  {  padding: 0rem; overflow-x: hidden;   
} 
.tab_content_scroll {padding:0px 0px 0px 0px; height: calc(100vh - 160px);
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
   
.tab_profile_scroll{  scrollbar-width: none;  scrollbar-color: #333 ;}
.tab_profile_scroll::-webkit-scrollbar {width: 0px;  height: 0px;}
.tab_profile_scroll::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.tab_profile_scroll::-webkit-scrollbar-thumb {background: none ; }
.tab_profile_scroll::-webkit-scrollbar-thumb:hover {background: none ; }
.tab_profile_scroll::-webkit-scrollbar-corner, .tab_content_scroll::-webkit-scrollbar-track {   background: none ; } 
[class^=tab_profile_scroll] { height: 100%; overflow-y: scroll; overflow-x: hidden;}
[class^=tab_profile_scroll]  {  padding: 0rem; overflow-x: hidden;   
} 
.tab_profile_scroll {padding:0px 0px 0px 0px; height: calc(100vh - 244px);
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.tab_profile_scroll2{  scrollbar-width: none;  scrollbar-color: #333 ;}
.tab_profile_scroll2::-webkit-scrollbar {width: 0px;  height: 0px;}
.tab_profile_scroll2::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.tab_profile_scroll2::-webkit-scrollbar-thumb {background: none ; }
.tab_profile_scroll2::-webkit-scrollbar-thumb:hover {background: none ; }
.tab_profile_scroll2::-webkit-scrollbar-corner, .tab_content_scroll::-webkit-scrollbar-track {   background: none ; } 
[class^=tab_profile_scroll2] { height: 100%; overflow-y: scroll; overflow-x: hidden;}
[class^=tab_profile_scroll2]  {  padding: 0rem; overflow-x: hidden;   
} 
.tab_profile_scroll2 {padding:0px 0px 0px 0px; height: calc(100vh - 233px);
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
} 
.tab_profile_scroll3{  scrollbar-width: none;  scrollbar-color: #333 ;}
.tab_profile_scroll3::-webkit-scrollbar {width: 0px;  height: 0px;}
.tab_profile_scroll3::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.tab_profile_scroll3::-webkit-scrollbar-thumb {background: none ; }
.tab_profile_scroll3::-webkit-scrollbar-thumb:hover {background: none ; }
.tab_profile_scroll3::-webkit-scrollbar-corner, .tab_content_scroll::-webkit-scrollbar-track {   background: none ; } 
[class^=tab_profile_scroll3] { height: 100%; overflow-y: scroll; overflow-x: hidden;}
[class^=tab_profile_scroll3]  {  padding: 0rem; overflow-x: hidden;   
} 
.tab_profile_scroll3 {padding:0px 0px 0px 0px; height: calc(100vh - 164px);
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
} 

.ehr_mscroll{ scrollbar-width: none; scrollbar-color: #333 ;}
.ehr_mscroll::-webkit-scrollbar {width: 0px;  height: 0px;}
.ehr_mscroll::-webkit-scrollbar-track {background-clip: content-box;  border: 2px solid transparent;}
.ehr_mscroll::-webkit-scrollbar-thumb { background: none ; }
.ehr_mscroll::-webkit-scrollbar-thumb:hover { background: none ; }
.face_map_scroll::-webkit-scrollbar-corner, .ehr_mscroll::-webkit-scrollbar-track { background: none ; } 
[class^=ehr_mscroll] { height: 1360px; overflow-y: scroll; overflow-x: hidden;  }
[class^=ehr_mscroll]  { padding: 0rem; overflow-y: hidden; }
.ehr_mscroll {padding: 0px 0px 0px 0px;
	height: calc(100vh - 188px);
	overflow: auto; 
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.ehr_mscroll2{ scrollbar-width: none; scrollbar-color: #333 ;}
.ehr_mscroll2::-webkit-scrollbar {width: 0px;  height: 0px;}
.ehr_mscroll2::-webkit-scrollbar-track {background-clip: content-box;  border: 2px solid transparent;}
.ehr_mscroll2::-webkit-scrollbar-thumb { background: none ; }
.ehr_mscroll2::-webkit-scrollbar-thumb:hover { background: none ; }
.face_map_scroll::-webkit-scrollbar-corner, .ehr_mscroll2::-webkit-scrollbar-track { background: none ; } 
[class^=ehr_mscroll2] { height: 1360px; overflow-y: scroll; overflow-x: hidden;  }
[class^=ehr_mscroll2]  { padding: 0rem; overflow-y: hidden; }
.ehr_mscroll2 {padding: 0px 0px 0px 0px;
	height: calc(100vh - 195px);
	overflow: auto; 
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.tooth_cont {padding: 0px 0px 0px 0px;
	/*height: calc(100vh - 210px);*/
	height: auto;
	overflow: auto; 
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
} 
.human_img { margin: 15px 0;    width: 100%;  display: inline-block;  padding: 0px 10px 0px 10px;
	height: calc(100vh - 215px);
	scrollbar-width: none;
}

.tab_frontoffice { overflow-y: scroll;
	overflow-x: hidden;   height:  auto; 
    padding: 0px 0px 0px 0px;	scrollbar-width: none;
}
.email_content1 {padding: 15px;  display: inline-block;
    width: 100%;   position: relative;
    font-size: 14px;
	height: calc(100vh - 136px);
	overflow: auto; 
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
} 
/*.tab_allergy_form {padding:0px 0px 0px 0px; height: 1368px; overflow: auto; -webkit-overflow-scrolling: touch;}  
.tab_smoking_form {	padding:0px 0px 0px 0px; height: 1338px; overflow: auto; -webkit-overflow-scrolling: touch;} */
.reviews_add_sec {padding:7px 0px 50px 0px;	height: calc(100vh - 287px); 
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	position: relative;
	scrollbar-width: none;
} 
  
.profile_tab_link { width:1250px;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.reviews_scroll{ margin:0px ;    padding: 0px; width: 100%;    overflow: auto;
    overflow-y: hidden;
    overflow-x: scroll;
	background: #fff;	border-radius: 8px;	 position: relative;
	  z-index: 50;
} 
.reviews_link { width:1010px;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.frontoffice_scroll{    scrollbar-width: none;  scrollbar-color: #333 ;}
.frontoffice_scroll::-webkit-scrollbar { width: 0px;  height: 0px;}
.frontoffice_scroll::-webkit-scrollbar-track { background-clip: content-box;  border: 2px solid transparent;}
.frontoffice_scroll::-webkit-scrollbar-thumb { background: none ; }
.frontoffice_scroll::-webkit-scrollbar-thumb:hover {background: none ; }
.frontoffice_scroll::-webkit-scrollbar-corner, .frontoffice_scroll::-webkit-scrollbar-track { background: none ; } 
/* The below styles are for display purposes only */ 
[class^=frontoffice_scroll] { width:1020px; overflow-y: scroll; overflow-x: hidden; }
[class^=frontoffice_scroll]  { padding: 0rem; overflow-y: hidden;    } 
.frontoffice_scroll{ margin:0px ;  
    padding: 0px;
    width: 100%;
    overflow: auto;
    /*overflow-y: hidden;
    overflow-x: scroll;*/
	background: #f9f9f9;
	border-radius: 8px;
	 position: relative;
	  z-index: 50;
}   
.frontoffice_patients {width:100%;  margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;  }
.frontoffice_calander_scroll{ margin:0px ;  
    padding: 0px;
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
    overflow-x: scroll;
	background: #fff;
	border-radius: 8px;
	 position: relative;
	  z-index: 50;	  
}   
.frontoffice_dates { width:6740px;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } 
.surgical_scroll {height:300px; } 
.diary_appointments{ padding: 6px 0px 0px 0px; 
	height: 450px; 
	height: calc(100vh - 411px); 
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch; 
	}
.task_cont {font-size: 12px;    color: #2d2d2d;
    text-align: left;    line-height: 22px;  padding: 0px 0px 10px 0px;  margin: 0px; 
    height: 132px; 	overflow-x: hidden;
	-webkit-overflow-scrolling: touch; 
}
.wrapper.toggled .accounts_tab {  width: 100%;  FONT-WEIGHT: 200;  margin: 0;  padding: 0px 0px 5px 0px; }
.accounts_tab { margin: 0px; padding: 0px; width:100%; FONT-WEIGHT: 200;  }   
 /*.face_map{  scrollbar-color: #333 ;}
.face_map::-webkit-scrollbar {width: 0px;  height: 0px;}
.face_map::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.face_map::-webkit-scrollbar-thumb { background: none ; }
.face_map::-webkit-scrollbar-thumb:hover {background: none ; }
.face_map::-webkit-scrollbar-corner, .face_map::-webkit-scrollbar-track { background: none ; } 
 */ 
.face_map{  margin:0px auto; padding: 15px 0px 0px 0px; position:relative;
	/*height: calc(100vh - 262px);
	overflow: auto; 
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;*/
}
.face_cont{  scrollbar-width: none;  scrollbar-color: #333 ;}
.face_cont::-webkit-scrollbar {width: 0px;  height: 0px;}
.face_cont::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.face_cont::-webkit-scrollbar-thumb { background: none ; }
.face_cont::-webkit-scrollbar-thumb:hover {background: none ; }
.face_cont::-webkit-scrollbar-corner, .face_cont::-webkit-scrollbar-track { background: none ; } 
.face_cont{padding: 10px 0px 0px 0px;	height: calc(100vh - 257px);
	overflow: auto; -webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}
.face_cont .dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0px !important;
	height: auto !important;
}
.task_content_lead{  scrollbar-width: none;  scrollbar-color: #333 ;}
.task_content_lead::-webkit-scrollbar {width: 0px;  height: 0px;}
.task_content_lead::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.task_content_lead::-webkit-scrollbar-thumb { background: none ; }
.task_content_lead::-webkit-scrollbar-thumb:hover {background: none ; }
.task_content_lead::-webkit-scrollbar-corner, .task_content_lead::-webkit-scrollbar-track { background: none ; } 
 .task_content_lead{padding: 0px 0px 0px 0px;
	height: calc(100vh - 323px);
	overflow: auto; 
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.giftcard_scroll{  scrollbar-width: none;  scrollbar-color: #333 ;}
.giftcard_scroll::-webkit-scrollbar {width: 0px;  height: 0px;}
.giftcard_scroll::-webkit-scrollbar-track {background-clip: content-box;  border: 2px solid transparent;}
.giftcard_scroll::-webkit-scrollbar-thumb { background: none ; }
.giftcard_scroll::-webkit-scrollbar-thumb:hover { background: none ; }
.giftcard_scroll::-webkit-scrollbar-corner, .giftcard_scroll::-webkit-scrollbar-track { background: none ; }
[class^=giftcard_scroll] { height: 1360px; overflow-y: scroll; overflow-x: hidden;  }
[class^=giftcard_scroll]  { padding: 0rem; overflow-y: hidden; }

.giftcard_scroll{padding: 0px 0px 0px 0px;	height: calc(100vh - 221px);
	overflow: auto; 
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.giftcard_balance_scroll{ scrollbar-width: none;  scrollbar-color: #333 ;}
.giftcard_balance_scroll::-webkit-scrollbar {width: 0px;  height: 0px;}
.giftcard_balance_scroll::-webkit-scrollbar-track {background-clip: content-box;  border: 2px solid transparent;}
.giftcard_balance_scroll::-webkit-scrollbar-thumb { background: none ; }
.giftcard_balance_scroll::-webkit-scrollbar-thumb:hover { background: none ; }
.giftcard_balance_scroll::-webkit-scrollbar-corner, .giftcard_balance_scroll::-webkit-scrollbar-track { background: none ; }
[class^=giftcard_balance_scroll] { height: 1360px; overflow-y: scroll; overflow-x: hidden;  }
[class^=giftcard_balance_scroll]  { padding: 0rem; overflow-y: hidden; }

.giftcard_balance_scroll{padding: 7px 0px 0px 0px;	height: calc(100vh - 215px);
	overflow: auto; 
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

@media screen and (max-width: 1024px) { 
.reviews_add_sec {height: calc(100vh - 294px);} 
.tab_profile_scroll2 {height: calc(100vh - 245px); } 
.dairy_sec {  height: calc(100vh - 172px);}
}
@media screen and (max-width: 1000px) {.ehr_mscroll { height: calc(100vh - 240px);}
.ehr_mscrol2 { height: calc(100vh - 255px); }
}
@media screen and (max-width: 990px) { 
.tab_profile_scroll2 {
    height: calc(100vh - 287px);
}
}
@media screen and (max-width: 915px) { 
.smoking_add{height: calc(100vh - 260px);} 
.summary_con_sec {height: calc(100vh - 295px);}  
.tab_scroll1 {height: calc(100vh - 260px);}
.tab_form_sec {height: calc(100vh - 288px);  }
.tab_encounter_sec {height: calc(100vh - 288px);  }
.reviews_add_sec {height: calc(100vh - 335px); } 
.tooth_cont { height: calc(100vh - 265px); } 
.reviews_link { width: 747px; }
.frontoffice_dates {  width:3655px; }  
.ehr_mscroll { height: calc(100vh - 240px);} 
} 

@media screen and (max-width: 767px) {
.tab_form_sec { padding: 0px 0px 0px 0px;}
.tab_encounter_sec { padding: 0px 0px 0px 0px;}
/*.tab_scroll1 {height: 150px}*/
.tab_scroll1{ scrollbar-width: none;  scrollbar-color: #333 ;}
.tab_scroll1::-webkit-scrollbar { width: 0px;  height: 0px;}
.tab_scroll1::-webkit-scrollbar-track { background-clip: content-box;  border: 2px solid transparent;}
.tab_scroll1::-webkit-scrollbar-thumb { background: none ; }
.tab_scroll1::-webkit-scrollbar-thumb:hover {background: none ; }
.tab_scroll1::-webkit-scrollbar-corner, .tab_scroll1::-webkit-scrollbar-track { background: none ; } 
[class^=tab_scroll1] { width:1020px; overflow-y: scroll; overflow-x: hidden; }
[class^=tab_scroll1]  { padding: 0rem; overflow-y: hidden;    }  
.tab_scroll1 { margin: 0px;
    padding: 0px; width:100%;
    /*width:  calc(100vw - 43px);*/ 
    FONT-WEIGHT: 200;
    overflow-y: hidden;
    overflow-x: scroll;
    background: #fff;
    border-radius: 8px;
    position:  relative;
    z-index: 50;  
	scrollbar-width: none;
	height:auto;
}
.ehr_mscroll {height: auto;}
.ehr_mscrol2 {height: auto;}
.tab_profile_scroll2 {height: auto;}
}
@media screen and (max-width: 500px) { 
.smoking_add{ height: 437px !important; padding: 0px 21px 0px 26px;}  
.summary_con_sec {height:400px !important; }  
.tab_form_sec {height: auto !important; }
.tab_encounter_sec {height: auto !important; }
.reviews_add_sec {	height: auto !important; } 
.profile_tab_link {width:980px; }
.reviews_scroll { width: 100%; margin: 0px 0px 0px 6px;}
.frontoffice_dates {width:2050px; }  
}

/*********************Scroll Css End*********************/ 
.example{ margin-bottom : 1.5em;}
input[type=checkbox]:not(old)/*,
input[type=radio   ]:not(old)*/{
 	/*width: 20px;
	margin: 10px 5px 6px 6px !important;
	padding: 5px 5px 6px 5px;
	font-size: 1em;
	opacity: 0;
	vertical-align: top;
	height: 20px;
	position: absolute; */
	width: 25px; 
    padding: 0;
    font-size: 1em;
    opacity: 0;
    vertical-align: top;
    height: 25px;
	MARGIN: 5px 0px 0px 0px;
} 
input[type=checkbox]:not(old) + label {display: inline-block;
    margin-left: -31px;
    line-height: 27px;
    font-weight: 400 !important;
    font-size: 13px;
    padding-left: 6px;
    width: 100%;
    text-transform: none;
    color: #545454;
	text-align:left;
   /* display: inline-block;
    margin-left: -0px;
    line-height: 27px;
    font-weight: 500 !important;
    font-size: 12.5px;
    padding-left: 8px;
    width: 100%;
    text-transform: none;
    color: #545454;*/
}
input[type=radio   ]:not(old) + label{
    display: inline-block;
    font-weight: 400 !important;
    size: 100%;
    margin-bottom: 3px;
    font-size: 13px;
    padding: 5px 0px 0px 0px; 
    color: #545454; 
    width: 100%;
    text-transform: none;
    font-family: 'Source Sans Pro', sans-serif !important;
} 
input[type=radio ]:not(old) + label {
    display: inline;
    margin-left: 0em;
    line-height: 27px;
    font-weight: 500;
    font-size: 12px;
}
input[type=checkbox]:not(old) + label > span/*,
input[type=radio   ]:not(old) + label > span*/{
  display          : inline-block;
  width            : 20px;
  height           : 20px;
  margin           : 0.25em 0.5em 0.25em 0px;
  border           : 0.0625em solid #ccc;
  border-radius    : 0.25em;
  background       : #fff;  
  vertical-align   : bottom;
  float: left;
}
.treatment_form input[type=checkbox]:not(old) + label {
    display: inline-block;
    margin-left: -31px;
    line-height: 24px;
    font-weight: 400 !important;
    font-size: 13px;
    padding-left: 6px;
    width: 100%;
    text-transform: none;
    color: #545454;
    text-align: left;
}
input[type=checkbox]:not(old):checked + label > span/*,
input[type=radio   ]:not(old):checked + label > span*/{
	background       : #fff; 
}
input[type=checkbox]:not(old):checked + label > span:before{
  content     : '✓';
  display     : block;
  width       : 1em;
  color       :#0074ff;
  font-size   : 18px;
  line-height : 1em;
  text-align  : center;
  text-shadow : 0 0 0em rgb(115,153,77);
  font-weight : bold;
}
/*input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 14px;
  height           : 14px;
  margin           : 2px;
  border           : 0.0625em solid rgb(115,153,77);
  border-radius    : 20px;
  background       : rgb(153,204,102);
  background-image :    -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :     -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :      -o-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image : -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102));
  background-image :         linear-gradient(rgb(179,217,140),rgb(153,204,102));
}
*/
/*Time Pick Start*/ 
.ti_tx,
.mi_tx,
.mer_tx {width: 100%;	text-align: center;	margin: 10px 0;}

.time,
.mins,
.meridian {	width: 33px;
	float: left;
	margin: 0 7px;
	font-size: 20px;
	color: #2d2e2e;
	font-family: arial;
	font-weight: 700;
}
.prev,
.next {	cursor: pointer;
	padding: 14px;
	width: 28%;
	border: 0px solid #ccc;
	margin: auto;
	background: url(../images/arrow.png) no-repeat;
	border-radius: 5px;
}
.prev:hover,
.next:hover {background-color: #ccc;}
.next {	background-position: 50% 150%;}
.prev {	background-position: 50% -50%;}
.time_pick {position: relative;}
.timepicker_wrap {	padding: 0px;
	border-radius: 5px;
	z-index: 998;
	display: none;
	box-shadow: 2px 2px 5px 0 rgba(50,50,50,0.35);
	background: #f6f6f6;
	border: 1px solid #ccc;
	float: left;
	position: absolute;
	top: 27px;
	left: 0;
	    width: 150px;
}
.arrow_top {
	position: absolute;
	top: -10px;
	left: 20px;
	background: url(../images/top_arr.png) no-repeat;
	width: 18px;
	height: 10px;
	z-index: 999;
}
input.timepicki-input {
	background: none;
    border: 0px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    float: none;
    margin: 0;
    text-align: center;
    width: 100%;
    font-size: 14px;
}
a.reset_time {float: left;	margin-top: 5px; color: #000;}
/*Time Pick End*/
/*Pickday Css Start*/
@charset "UTF-8";
/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after { content: " "; display: table;}
.pika-single:after { clear: both }
.pika-single { *zoom: 1 }
.pika-single.is-hidden { display: none;}
.pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);}
.pika-lendar { float: left;  width: 320px;  margin: 8px;}
.pika-title { position: relative;  text-align: center;}
.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}
.pika-title select { cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next { display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}
.pika-prev:hover,
.pika-next:hover { opacity: 1;}
.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}
.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}
.pika-prev.is-disabled,
.pika-next.is-disabled { cursor: default; opacity: .2;}
.pika-select { display: inline-block; *display: inline;}
.pika-table { width: 100%; border-collapse: collapse; border-spacing: 0;  border: 0;}
.pika-table th, .pika-table td { width: 14.285714285714286%; padding: 4px;}
.pika-table th {
    color: #2bcb3a;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}
.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 6px;
    color: #545454;
    font-size: 14px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
	text-align: center;
	border-radius: 3px;
}
.pika-week { font-size: 11px; color: #999;}
.is-today .pika-button { color: #2bcb3a; font-weight: bold;}
.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #2bcb3a;
    box-shadow: inset 0 1px 3px #2bcb3a;
    border-radius: 3px;
	text-align: center;
}
.is-inrange .pika-button { background: #2bcb3a; }
.is-startrange .pika-button { color: #fff; background: #6CB31D; box-shadow: none; border-radius: 3px;}
.is-endrange .pika-button { color: #fff; background: #2bcb3a; box-shadow: none; border-radius: 3px;}
.is-disabled .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3;}
.pika-button:hover { color: #fff; background: #2bcb3a; box-shadow: none; border-radius: 3px;}
/* styling for abbr */
.pika-table abbr {border-bottom: none; cursor: help;}

@media only screen and (max-width:767px) {
.pika-lendar {  width: 250px; }
}
/*Pickday Css End*/ 
.content_area_sec label span {  color: #ff0000 ; }
.content_area_sec1 label span {  color: #ff0000 ;  }
.content_area_sec2 label span {  color: #ff0000 ;  }

/*********toogle swith**************/
.switch { position: relative;
    display: inline-block;
    width:65px;
    height: 22px;
    margin-bottom: 0px !important;
    vertical-align: middle;
}
.switch input { display: none;  } 
.slider { position: absolute;
    cursor: pointer;    top: 0;
    left: 0;    right: 0;
    bottom: 0;    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {    position: absolute;
        content: "";
        height: 15px;   width: 15px;  left: 3px;    bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }
input:checked + .slider { background-color: #1c9519;}
input:focus + .slider { box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {
    -webkit-transform: translateX(44px);
    -ms-transform: translateX(44px);
    transform: translateX(44px);
}

/*------ ADDED CSS ---------*/
.on { display: none;}
.on { color: #fff !important;
    position: absolute;
    /*transform: translate(-50%,-50%);*/
    top: 3px;
    left:15%;
    font-size: 11px;
	font-weight:600; 
}
.off { color: #fff !important;
    position: absolute;
    /*transform: translate(-50%,-50%);*/
    top: 3px;
    left: 38%;
    font-size: 11px; font-weight:600;	 
}
/*.consent_sec .on {  color: white;  position: absolute; top: -7% !important;  left: 18%; font-size: 12px;	font-weight:600;}
.consent_sec .off { color: white;  position: absolute; top: -7% !important; left: 34%; font-size: 12px; font-weight: 600;}*/ 
.section_box_admin .on { color: white;
    position: absolute;
    /*transform: translate(-50%,-50%);*/
    top: 0px;
    left:15%;
    font-size: 11px;
	font-weight:600; 
}
.section_box_admin .off { color: white;
    position: absolute;
    /*transform: translate(-50%,-50%);*/
    top: 0px;
    left: 38%;
    font-size: 11px; font-weight:600;	 
} 
.section_box_branch .on { color: white;
    position: absolute;
    /*transform: translate(-50%,-50%);*/
    top: 0px;
    left:15%;
    font-size: 11px;
	font-weight:600; 
}
.section_box_branch .off { color: white;
    position: absolute;
    /*transform: translate(-50%,-50%);*/
    top: 0px;
    left: 38%;
    font-size: 11px; font-weight:600;	 
}
.modal .on { color: white;
    position: absolute;
    /*transform: translate(-50%,-50%);*/
    top: 0px;
    left:15%;
    font-size: 11px;
	font-weight:600; 
}
.modal .off { color: white;
    position: absolute;
    /*transform: translate(-50%,-50%);*/
    top: 0px;
    left: 38%;
    font-size: 11px; font-weight:600;	 
}  
input:checked + .slider .on { display: block;}
input:checked + .slider .off { display: none;}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before { border-radius: 50%;}
.yes {border-left: 3px solid #18df0e;}
.no {border-left: 3px solid #df0000;}
.other {border-left: 3px solid #ff9804;}

.yes_round { width:11px; height: 11px;margin:7px 0px 0px 0px;border-radius: 50%;
	background:#18df0e;float:left;  
}
.no_round {width:11px; height: 11px;margin:7px 0px 0px 0px;
	border-radius: 50%; background:#df0000; float:left;
}
.switch1 {position: relative; display: inline-block;  width:65px;  height: 22px;
    margin-bottom: 0px !important;
    vertical-align: middle;
}
 .switch1 input {display: none;   }
 
.label-primary { background-color: #19aed6 !important;
	width: 118px;  display: block;
    height: 20px; line-height: 11px !important;
    text-align: center;
}
.label-success { width: 118px;    display: block;    height: 20px;
    line-height: 11px !important;
    text-align: center;
}

.label-info { background-color: #F60 !important;
    width: 118px;  display: block;
    height: 20px;  line-height: 11px !important;
    text-align: center;
}
.label-warning {  background-color: #ffd740 !important;
	width: 118px;  display: block;
    height: 20px;  line-height: 11px !important;
    text-align: center;}

.label-danger { background-color: #eb1675 !important;
	width: 118px;  display: block;
    height: 20px;  line-height: 11px !important;
    text-align: center;
}
.label-purple { background-color: #f41373 !important;
	width: 118px;  display: block;
    height: 20px;  line-height: 11px !important;
    text-align: center;
}
.label-pink { background-color: #ec407a !important;
	width: 118px;  display: block;
    height: 20px; line-height: 11px !important;
    text-align: center;
}
.label-inverse { background-color: #212121 !important;
	width: 118px;  display: block;
    height: 20px; line-height: 11px !important;
    text-align: center;
}
.label_head{  display: inline-block;  max-width: 100%;  margin-bottom: 10px;
    font-weight: 700; font-size: 14px; color:#2d2d2d;
}
.label_head1{  display: inline-block; max-width: 100%; margin-bottom: 3px;
    font-weight: 700; font-size: 14px; color:#2d2d2d;
}
.label_head2{   max-width: 100%; padding:15px 0px 15px 0px;
    margin-bottom: 3px; font-weight: 700;
    font-size: 14px; color:#2d2d2d;	text-align:center;
}
.wrapper.toggled .booking_right_sec { float: left;
    width:89%;  padding: 0px !important; 
	text-align: center; vertical-align: middle;
    font-size: 12px;  font-weight: 400;  color: #545454;
	overflow-x: scroll;  overflow-y:hidden; 	 
} 
.booking_left_sec { float: left;    width: 125px;  
    padding: 0px;  	overflow-y: hidden;
	border-right: 1px solid #f0f0f0;
}
.booking_right_sec { float: left;    width:88%;      padding: 0px !important; 
	text-align: center;    vertical-align: middle;
    font-size: 12px;    font-weight: 400; 
    color: #545454;	overflow-x: scroll;
    overflow-y: hidden; 	 
} 
.booking_scroll { float: left;    width:1900px;      padding: 0px ; 
	text-align: center;    vertical-align: middle;
    font-size: 12px;    font-weight: 400;     color: #545454;	
}

.connect_scroll{  scrollbar-width: none;  scrollbar-color: #333 ; }
.connect_scroll::-webkit-scrollbar {width: 0px; height: 0px;}
.connect_scroll::-webkit-scrollbar-track {background-clip: content-box; border: 2px solid transparent;}
.connect_scroll::-webkit-scrollbar-thumb {background: none ; }
.connect_scroll::-webkit-scrollbar-thumb:hover {background: none ; }
.connect_scroll::-webkit-scrollbar-corner, .connect_scroll::-webkit-scrollbar-track {background: none ; } 
/* The below styles are for display purposes only */ 
[class^=connect_scroll] { height: 300px;overflow-y: scroll; overflow-x: hidden;}
[class^=connect_scroll]  { padding: 0rem; overflow-x: hidden;   }
 
.connect_scroll_r{  scrollbar-width: none;   scrollbar-color: #333 ; scrollbar-width: none;}
.connect_scroll_r::-webkit-scrollbar {width: 0px; height: 0px;}
.connect_scroll_r::-webkit-scrollbar-track {background-clip: content-box;  border: 2px solid transparent;}
.connect_scroll_r::-webkit-scrollbar-thumb { background: none ; }
.connect_scroll_r::-webkit-scrollbar-thumb:hover { background: none ; }
.connect_scroll_r::-webkit-scrollbar-corner, .connect_scroll_r::-webkit-scrollbar-track {background: none ; } 
/* The below styles are for display purposes only */ 
[class^=connect_scroll_r] { height: 300px; overflow-y: scroll; overflow-x: hidden;}
[class^=connect_scroll_r]  { padding: 0rem; overflow-x: hidden; }

.message_scroll_r{ scrollbar-width: none;  scrollbar-color: #333 ; scrollbar-width: none;}
.message_scroll_r::-webkit-scrollbar {width: 0px; height: 0px;}
.message_scroll_r::-webkit-scrollbar-track {background-clip: content-box;  border: 2px solid transparent;}
.message_scroll_r::-webkit-scrollbar-thumb { background: none ; }
.message_scroll_r::-webkit-scrollbar-thumb:hover { background: none ; }
.message_scroll_r::-webkit-scrollbar-corner, .message_scroll_r::-webkit-scrollbar-track { background: none ; } 
/* The below styles are for display purposes only */ 
[class^=message_scroll_r] {height: 650px; overflow-y: scroll;overflow-x: hidden;
}
[class^=message_scroll_r]  { padding: 0rem; overflow-x: hidden;  }

.connect_scroll { overflow: auto; height: 300px; scrollbar-width: none;}
.connect_scroll_r {overflow: auto;  height: 272px;}
.connect_scroll_message{   scrollbar-width: none;   scrollbar-color: #333 ; }
.connect_scroll_message::-webkit-scrollbar { width: 0px;  height: 0px;}
.connect_scroll_message::-webkit-scrollbar-track { background-clip: content-box; border: 2px solid transparent;}
.connect_scroll_message::-webkit-scrollbar-thumb { background: none ; }
.connect_scroll_message::-webkit-scrollbar-thumb:hover { background: none ; }
.connect_scroll_message::-webkit-scrollbar-corner, .connect_scroll::-webkit-scrollbar-track {background: none ; } 
/* The below styles are for display purposes only */ 

[class^=connect_scroll_message] { height: 650px;  overflow-y: scroll; overflow-x: hidden;}
[class^=connect_scroll_message]  { padding:6px 0px 0px 0px; overflow-x: hidden;  }

.message_scroll_r{ position:relative; }
#pswd_info h4 {color: #fff !important;  margin-bottom: 10px !important;}
.valid { font-size: 12px;}
.connect_scroll_message{height: calc(100vh - 330px) ;  
  overflow-y: scroll;
 overflow-x: hidden;
 border-top:1px solid #eae9ed;
 scrollbar-width: none;
}

.message_scroll_r{ 
 height: calc(100vh - 397px);  
  overflow-y: scroll;
 overflow-x: hidden;
 position:relative; 
 scrollbar-width: none;
 }
 
.connect_scroll_message1{ height: calc(100vh - 270px) !important; }
.message_scroll_r1{ height: calc(100vh - 336px)   !important;}

.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4,	.col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
		float: left;
		position: relative;
	min-height: 1px; 
	/*padding-left: 10px;
    padding-right: 10px;*/
	}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
	position: relative;
	min-height: 1px; 
} 

@media only screen and (max-width:1200px) { 
.booking_left_sec { width: 80px; }
}
@media only screen and (max-width:1090px) { 
/*.tab_content_sec { padding: 190px 0px 0px 0px;}*/
.profile_tab_link { width: 1111px;  margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
}

@media only screen and (max-width:1024px) {
/*.tab_content_sec {overflow-y: scroll; overflow-x: hidden; height: auto; padding: 192px 0px 0px 0px;} */
}

@media only screen and (max-width:1000px) {	 
.booking_left_sec { width: 70px; }
.human_img { height: auto;}
.body_map_cont {padding: 0px 0px 0px 0px; height: 450px; }
.message_scroll_r {height: calc(100vh - 473px); }
.connect_scroll_message { height: calc(100vh - 373px); }
}

@media only screen and (max-width:990px) {	
./*tab_content_sec { padding: 243px 0px 0px 0px;}  */
.ehr_mscroll { height: calc(100vh - 235px);}
.giftcard_scroll { height: auto; padding:0px 0px 20px 0px;}
}
@media only screen and (max-width:900px) {  
/*.tab_content_sec { padding: 231px 0px 0px 0px;} */
}
@media only screen and (max-width:767px) {
.profile_mainsec {background: #f6f5f9; width: 100%; display: inline-block; position: relative; z-index: 500; padding: 6px 0px 0px 0px;}
/*.tab_content_sec { overflow-y: scroll; overflow-x: hidden; height: auto; padding: 0px 0px 0px 0px;}*/
.booking_left_sec { width: 60px; }
 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4,	.col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {float: none;
		position:  static; 
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {float: none;	position:  static; 
}  
.dairy_sec { height: calc(100vh - 180px);} 
}
@media only screen and (max-width:500px) { 
.booking_left_sec { width: 60px; }
.booking_right_sec { width: 73%; }
.task_cont { height: auto;  }
.task_cont_sec { height: auto;}
.dairy_sec { height: calc(100vh - 260px);} 
}
/************************ns Start********************/
.numeric-stepper {  display: block;  width:110px;
    height: 30px;    overflow: hidden; position: relative;
    border-radius: 5px; float: left !important;
}
.faces_details .numeric-stepper {
    display: block;    width: 90px !important;
    height: 30px;    overflow: hidden;
    position: relative;    border-radius: 5px;
    float: left !important;	margin:7px 0px 0px 0px;
}
.numeric-stepper input { width: 60px; height: 100%;float: left;
	text-align: center;	vertical-align: center;	font-size: 100%;	border: none;	background: none;
	padding: 2px 0;	border:1px solid #ccc;
	margin: 0px 0px 0px 25px;
	border-radius: 5px;
	background: #fff;
} 
.faces_details  .numeric-stepper input { width: 40px !important; height: 24px;float: left;
	text-align: center;	vertical-align: center;	font-size: 100%;
	border: none;	background: none;
	padding: 2px 0;	border:1px solid #ccc;
	margin: 0px 0px 0px 25px;	border-radius: 5px;
	background: #fff;
} 
.numeric-stepper button { z-index: 100;    position: absolute;
    right: 0;
    width: 20px;   height: 30px;
    background: #f2f2f2;
    border: none;
    padding: 0;
    margin: 0px 0px 0px 0px;
    color: #2d2d2d;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 0px !important;
}
.faces_details .numeric-stepper button {
    z-index: 100;
    position: absolute;
    right: 0;
    width: 20px;
    height: 24px !important;
    background: #f2f2f2;
    border: none;
    padding: 0;
    margin: 0px 0px 0px 0px;
    color: #2d2d2d;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 0px !important;
}
.numeric-stepper button.minus { bottom: 0;}
.plus {right: 0px;  top: 0px;}
.minus {left: 0px; top: 0px;}	

/************************ns End********************/
.select_wrap{  width:100%;  margin: 5px 0px 0px 0px;  position: relative;  user-select: none;} 
.select_wrap ul {padding-left: 0rem; margin-bottom: 0rem;}
.select_wrap .default_option{  background: #fff;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
}
.select_wrap .default_option li{ 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: 1px solid #e9ecef;
    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: 40px;
}
.select_wrap .default_option:before { content: "";
    position: absolute;
    top: 12px;    right: 18px;    width: 10px;
    height: 10px;    border: 2px solid;
    border-color: transparent transparent #555555 #555555;
    transform: rotate(-45deg);
}
.select_wrap .select_ul { position: absolute;
    top: 45px;   left: 3px;
    width: 99%;  background: #fff;
    border-radius: 5px;    display: none;
	 z-index:1
}
.select_wrap .select_ul li { padding:5px 10px; cursor: pointer; border-bottom: 1px solid #eee;}
.select_wrap .select_ul li:first-child:hover{  border-top-left-radius: 5px; border-top-right-radius: 5px;}
.select_wrap .select_ul li:last-child:hover{  border-bottom-left-radius: 5px;  border-bottom-right-radius: 5px;}
.select_wrap .select_ul li:hover{  background: #ebecff;}
.select_wrap .option { display: inline-block; align-items: center; font-size: 12px; line-height: 27px;} 
.select_wrap .option .icon{  background: url('food_items.png') no-repeat 0 0; width: 32px; height: 32px; margin-right: 15px;}
.select_wrap .option.pizza .icon{ background-position: 0 0;}
.select_wrap .option.burger .icon{ background-position:  0 -35px;}
.select_wrap .option.ice .icon{ background-position: 0 -72px;}
.select_wrap .option.fries .icon{ background-position: 0 -111px;  width: 25px;}
.select_wrap.active .select_ul {display: block;  background: #f9f9f9; box-shadow: 0 1px 6px rgb(0, 0, 0, 0.2)}
.select_wrap.active .default_option:before { top: 20px; transform: rotate(-225deg);}
.soap_date{ font-style: normal;  
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.06em;
	color:#000;
	}
.soap_content{ font-style: normal;  
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;    font-weight: 500;    letter-spacing: 0.06em;
	color:#000;
	}
	
.textcenter{ color: #000;    margin: 0px 0px 0px 0px;    padding: 5px 0px 0px 0px !important; 
    font-weight: 400;    width: 100%;    display: inline-block;
    font-size: 15px !important;    line-height: 25px !important;    text-transform: none;
	 text-align:center !important;
	 }
.textcenter span{ font-weight:600;font-size: 14px !important;	 }
.textcenter1{ color: #000;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px !important;
    font-weight: 400;
    width: 100%;
    display: inline-block;
    font-size: 12px !important;
    line-height: 23px !important;
    text-transform: none;
	 text-align:center !important;
	 }	 
.custome_uplod{ 
    --tw-border-style: dashed; 
	border:2px dashed #d1d5db;
    border-radius: var(--radius-lg);
justify-content:center;
align-items:center;
flex-direction:column;
cursor: pointer;
    width: 100%; 
display: flex;
background-color: var(--color-gray-100);
padding:10px 0px 10px 0px;
border-radius: 6px;
}
.js .inputfile {    width: 0.1px;    height: 0.1px;    opacity: 0;
    overflow: hidden;    position: absolute;    z-index: -1;
}
.inputfile + label {    max-width: 100%;
    font-size: 1.25rem;    /* 20px */
    font-weight: 700;    text-overflow: ellipsis;
    white-space: nowrap;    cursor: pointer; 
    overflow: hidden;    padding: 0px;	margin:0px;
    /* 10px 20px */
}

.no-js .inputfile + label { display: none;}
.inputfile:focus + label,
.inputfile.has-focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px;}
.inputfile + label * { /* pointer-events: none; */ /* in case of FastClick lib use */}
.inputfile + label svg {    width: 1em;    height: 1em;
    vertical-align: middle;    fill: currentColor;
    margin-top: 0em;  margin-right: 0em;
}

.inputfile-1 + label { color:#fff;   position: relative; overflow: hidden;    margin: 0px;    padding: 6px;
    border-radius:4px;  background: #454545;    text-align: center;
    border-bottom: 1px solid #454545;
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover { background-color: #454545;}
.inputfile-2 + label { color: #d3394c; border: 2px solid currentColor;}
.inputfile-2:focus + label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover { color: #722040;}
.inputfile-3 + label { color: #d3394c;}
.inputfile-3:focus + label,
.inputfile-3.has-focus + label,
.inputfile-3 + label:hover { color: #722040;}
.inputfile-4 + label { color: #d3394c;}
.inputfile-4:focus + label,
.inputfile-4.has-focus + label,
.inputfile-4 + label:hover { color: #722040;}
.inputfile-4 + label figure {    width: 100px;
    height: 100px;    border-radius: 50%;
    background-color: #d3394c;    display: block;
    padding: 20px;   margin: 0 auto 10px;
}
.inputfile-4:focus + label figure,
.inputfile-4.has-focus + label figure,
.inputfile-4 + label:hover figure { background-color: #722040;}
.inputfile-4 + label svg { width: 100%; height: 100%;  fill: #f1e5e6;}
.inputfile-5 + label { color: #d3394c;}
.inputfile-5:focus + label,
.inputfile-5.has-focus + label,
.inputfile-5 + label:hover { color: #722040;}
.inputfile-5 + label figure {    width: 100px;
    height: 135px;    background-color: #d3394c;
    display: block;  position: relative; padding: 30px;  margin: 0 auto 10px;
}

.inputfile-5:focus + label figure,
.inputfile-5.has-focus + label figure,
.inputfile-5 + label:hover figure { background-color: #722040;}

.inputfile-5 + label figure::before,
.inputfile-5 + label figure::after {    width: 0;    height: 0;
    content: '';  position: absolute;  top: 0; right: 0;
}
.inputfile-5 + label figure::before { border-top: 20px solid #dfc8ca; border-left: 20px solid transparent;}
.inputfile-5 + label figure::after { border-bottom: 20px solid #722040; border-right: 20px solid transparent;}
.inputfile-5:focus + label figure::after,
.inputfile-5.has-focus + label figure::after,
.inputfile-5 + label:hover figure::after { border-bottom-color: #d3394c;}
.inputfile-5 + label svg {  width: 100%; height: 100%; fill: #f1e5e6;}
.inputfile-6 + label {  color: #d3394c;}
.inputfile-6 + label { border: 1px solid #d3394c;
    background-color: #f1e5e6;    padding: 0;
}
.inputfile-6:focus + label,
.inputfile-6.has-focus + label,
.inputfile-6 + label:hover { border-color: #722040;}
.inputfile-6 + label span,
.inputfile-6 + label strong { padding: 0.625rem 1.25rem;}
.inputfile-6 + label span { width: 200px;
    min-height: 2em;    display: inline-block;
    text-overflow: ellipsis;    white-space: nowrap;
    overflow: hidden;  vertical-align: top;
}
.inputfile-6 + label strong {  height: 100%; color: #f1e5e6; background-color: #d3394c;
    display: inline-block;
}
.inputfile-6:focus + label strong,
.inputfile-6.has-focus + label strong,
.inputfile-6 + label:hover strong { background-color: #722040;}

@media screen and (max-width: 50em) {
.inputfile-6 + label strong {display: block;	}
}
 
 
@layer theme {
  :root {
    --font-sans:"Inter","ui-sans-serif","system-ui","-apple-system","system-ui","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;
    --font-mono:"ui-monospace","SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New","monospace"; 
    --color-gray-50:#f9fafb;
    --color-gray-100:#f3f4f6;
    --color-gray-200:#e5e7eb;
    --color-gray-300:#d1d5db;
    --color-gray-400:#9ca3af;
    --color-gray-500:#6b7280;
    --color-gray-600:#4b5563;
    --color-gray-700:#374151;
    --color-gray-800:#1f2937;
    --color-gray-900:#111827; 
    --color-black:#000;
    --color-white:#fff;
    --spacing:.25rem;
    --breakpoint-sm:40rem;
    --breakpoint-md:48rem;
    --breakpoint-lg:64rem;
    --breakpoint-xl:80rem;
    --breakpoint-2xl:96rem;
    --container-3xs:16rem;
    --container-2xs:18rem;
    --container-xs:20rem;
    --container-sm:24rem;
    --container-md:28rem;
    --container-lg:32rem;
    --container-xl:36rem;
    --container-2xl:42rem;
    --container-3xl:48rem;
    --container-4xl:56rem;
    --container-5xl:64rem;
    --container-6xl:72rem;
    --container-7xl:80rem;
    --text-xs:.75rem;
    
    --font-body:"Inter","ui-sans-serif","system-ui","-apple-system","system-ui","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    --spacing-8xl:90rem;
    --text-2xs:.625rem
  }
}  
::file-selector-button {
    font:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    letter-spacing:inherit;
    color:inherit;
    opacity:1;
    background-color:#0000;
    border-radius:0
  }
:where(select:is([multiple],
  [size])) optgroup { font-weight:bolder  }
:where(select:is([multiple],
  [size])) optgroup option {    padding-inline-start:20px  }
::file-selector-button { margin-inline-end:4px  }
.hidden {display:none}
.h-8 {height:calc(var(--spacing)*8) }
.text-gray-500 { color:var(--color-gray-500)}  
.section_box_profile .form-check { display: block;
    min-height: 1.5rem;  padding-left: 0; margin-bottom: .125rem;
} 
 @media only screen and (max-width:767px) {
.face_map {  margin: 0px 0px 15px 0px;  padding: 0px 0px 0px 0px;  height: auto; }
.p_r_l_0 { padding-right: 15px; padding-left: 15px;  position: relative;}
.p_l_6 { padding-left: 15px; position: relative;}
.p_l_8 { padding-left: 15px;} 
.connect_scroll_message1 { height: 250px !important;}
.message_scroll_r1 { height: 250px !important;}
.example { margin-bottom: 0px;}
.col-sm-6 {padding-left: 12px !important; padding-right: 12px !important;}
 }
 @media only screen and (max-width:500px) { 
 .connect_scroll_message1 { height: 250px !important;}
 }