html, body {
    max-width: 100%;
    overflow-x: hidden;
}

body{
	min-height: 100vh;
}

body {
    -webkit-font-smoothing: subpixel-antialiased !important;
}

#menuWrap .image img {
    max-width: 134px !important;
    padding: 0;
}

#footWrap.abs
{
	position: absolute;
	bottom:0;
	width:100%
}
#footWrap.rel
{
	position: relative;
}


.th_category,
table.dataTable thead th, table.dataTable thead td,
body table.dataTable thead th, body table.dataTable thead td,
span.categoryHeader
{
	border-radius: 10px 10px 0 0 !important;
	height: 56px !important;
}

span.categoryHeader
{
	background: #F4F0F7 !important;
}

span.categoryHeader.addForm
{
    padding: 21px !important;
    line-height: 14px !important;
	-webkit-font-smoothing: unset !important;
}

body table.dataTable thead th, body table.dataTable thead td,
table.dataTable thead th, table.dataTable thead td
{
	padding: 0px !important;
}

#vitals_bp, #vitals_hr, #vitals_temp
{
	width: 70px !important;
	max-width: 70px !important;
	height: 40px !important;
	margin-right:24px !important; 
}
.vitals_label
{
	width: 70px !important;
	max-width: 70px !important;
	margin-right:24px !important; 
}

#encounter_date, #start_time, #end_time, #duration, #weeks_since_birth, #mileage
{
	max-width: 152px !important;
	height: 40px !important;
}

#postpartum_recovery_text, #breastfeeding_issues_text, #emotional_support_text,
#social_support_text, #home_care_text, #food_text, 
#transportation_text, #safety_text, #infant_care_text,
#encounter_setting, #infant_mother_bonding, #infant_feeding, #mother_care, #family, #referrals
{
	max-width: 262px !important;
	height: 40px !important;
}

.dark-row{
	background-color: #fafafa;
	border-top: 1px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	padding: 10px 0;
}

.light-row{
	padding: 10px 0;
}

.visit_label{
	color: #2d2d2e;
	font-size: 14px;
}

.visit_data{
	color: #777777;
	font-size: 14px;
}

.swal2-title{
	font-size: 24px !important;
	font-weight: none !important;
	font-family: 'AvenirLTStd-Heavy' !important;
	-webkit-font-smoothing: unset !important;
	color: #777777 !important;
}
.swal2-styled.swal2-confirm
{
	background-color: #A254A1 !important;
	border-radius: 7px;
    font-size: 12px !important;
	text-transform: uppercase !important;
    box-shadow: none !important;
    border: none !important;
	padding: 12px 20px 10px !important;
	font-family: 'AvenirLTStd-Heavy';
	-webkit-font-smoothing: subpixel-antialiased !important;
	letter-spacing: 0.1em !important;
}
.swal2-styled.swal2-confirm:hover
{
	background-color: rgb(162 84 161 / 80%) !important;
}

.swal2-styled.swal2-cancel:hover
{
	background-color: #cdcdcd !important;
}

.swal2-styled.swal2-cancel
{
	background-color: #f2f2f2;
    color: #A254A1 !important;
	border-radius: 7px;
    font-size: 12px !important;
	text-transform: uppercase !important;
    box-shadow: none !important;
    border: none !important;
	padding: 12px 20px 10px !important;
	font-family: 'AvenirLTStd-Heavy';
	-webkit-font-smoothing: subpixel-antialiased !important;
	letter-spacing: 0.1em !important;
}

.action_btn
{
	color: #A254A1 !important;
	font-size: 12px !important;
	line-height: 12px !important;
	margin-left: 10px !important;
	background-color: rgb(255 255 255 / 70%) !important;
	border-radius: 7px !important;
	padding: 10px 20px !important;
	float: left !important;
	box-shadow: none !important;
    border: none !important;
	font-family: 'AvenirLTStd-Heavy';
	-webkit-font-smoothing: subpixel-antialiased !important;
	letter-spacing: 0.1em !important;
}

.encounter_main_btn,
.birth_main_btn,
.patient_main_btn
{
	padding: 12px 20px 10px !important;
	background-color: #A254A1;
    color: #FFFFFF !important;
    border-radius: 7px;
    font-size: 12px !important;
	display: inline !important;
	width: auto !important;
	text-transform: capitalize !important;
	box-shadow: none !important;
	border: none !important;
	font-family: 'AvenirLTStd-Heavy';
	-webkit-font-smoothing: subpixel-antialiased !important;
	letter-spacing: 0.1em !important;
}

.encounter_main_btn:hover, 
.birth_main_btn:hover, 
#add_encounter:hover,
.patient_main_btn:hover, 
#add_patient:hover,
#add_birth:hover
{
	background-color: rgb(162 84 161 / 80%) !important;
	border: 0 !important;
}

#add_birth
{
	border: 0 !important;
	outline: 0 !important;
}

#add_encounter,
#add_patient
{
	background: #A254A1 !important;
	color: #ffffff !important;
    font-size: 12px !important;
    text-transform: capitalize !important;
	letter-spacing: 0.1em !important;
	border: 0 !important;
}

#add_encounter:focus,
#add_patient:focus,
#add_birth:focus
{
	outline: 0 !important;
}

.encounter_settings_show
{
	padding: 0 !important;
	width: 172px !important;
}

.encounter_settings_show a, 
.encounter_settings_show a:visited, 
.encounter_settings_show a:active
{
	background: #fff !important;
	color: #2d2d2e !important;
}

.encounter_settings_show a:hover{
	background: #a254a1 !important;
	color: #fff !important;
}

.encounter_secondary_btn,
.birth_secondary_btn,
.patient_secondary_btn
{
	padding: 12px 20px 10px !important;
	background-color: #f2f2f2;
    color: #A254A1 !important;
    border-radius: 7px;
    font-size: 12px !important;
	display: inline !important;
	width: auto !important;
	text-transform: capitalize !important;
	box-shadow: none !important;
	border: none !important;
	font-family: 'AvenirLTStd-Heavy' !important;
	-webkit-font-smoothing: subpixel-antialiased !important;
	letter-spacing: 0.1em !important;
}

.encounter_secondary_btn:hover, 
.birth_secondary_btn:hover, 
.patient_secondary_btn:hover, 
#add_pregnancy:hover,
#add_birth:hover,
#add_patient:hover
{
	background-color: #cdcdcd !important;
}

.edit_btn:hover,
.print_btn:hover,
.delete_btn:hover
{
	background-color: #d8d8d8 !important;
}

#add_pregnancy, #add_birth, #add_patient
{
	background-color: #f2f2f2 !important;
    color: #A254A1 !important;
	
    font-size: 12px !important;
    text-transform: capitalize !important;
    font-family: 'AvenirLTStd-Heavy' !important;
	-webkit-font-smoothing: subpixel-antialiased !important;
	letter-spacing: 0.1em !important;
}

.encounter_third_btn,
.patient_third_btn
{
	padding: 12px 20px 10px !important;
	background-color: transparent !important;
    color: #A254A1 !important;
    border-radius: 7px;
    font-size: 12px !important;
	display: inline !important;
	width: auto !important;
	text-transform: capitalize !important;
	box-shadow: none !important;
	border: none !important;
	font-family: 'AvenirLTStd-Heavy' !important;
	-webkit-font-smoothing: unset !important;
	display: block !important;
	letter-spacing: 0.1em !important;
}

.encounter_third_btn:hover, 
.patient_third_btn:hover, 
.export_btn:hover
{
	color: rgb(162 84 161 / 80%) !important;
}

#now_start_time, #now_end_time, #today_encounter_date
{
	margin-left: 24px !important;
}

.category_name{
	font-size: 14px;
	margin: auto 10px !important;
}

.link_encounter,
.link_pregnancy,
.link_patient,
.link_birth
{
	display: inline-block;
	padding: 10px 0;
	height: 39px;
	margin: 3px 0;
    width: 204px !important;
	color: #785A9F !important;
	margin-left: 0px !important;
	font-size: 14px !important;
	text-align: left !important;
	padding-left: 35px !important;
	font-weight: bold;
	font-family: 'AvenirLTStd-Book' !important;
	-webkit-font-smoothing: unset !important;
	
}

.link_encounter.active,
.link_pregnancy.active,
.link_birth.active,
.link_patient.active
{
	background: #F4F0F7 !important;
	border-radius: 7px !important;
}


.lighter_encounter_link,
.lighter_patient_link
{
	color: rgb(120,90,159,0.7) !important;
}

.module_tabs 
{
	color: #785A9F !important;
	margin:3px auto !important;
	display:inline-block !important;
	padding: 12px 1px;
	height: 48px;
	width: auto;
	font-size: 16px !important;
	display: block !important;
	cursor: pointer !important;
	font-family: 'AvenirLTStd-Medium' !important;
	-webkit-font-smoothing: unset !important;
}

.module_tabs.active
{
	background: #F4F0F7 !important;
	border-radius: 7px !important;
	padding: 12px 16px;
	width: 204px;
	height: 48px;
	margin-left: -15px !important;
}

.add_btn
{
	margin:8px auto !important;
	width: 172px !important; 
	display:inline-block !important;
	padding: 10px 0 !important;
	border-radius: 7px !important;
	font-size: 12px !important;
	font-family: 'AvenirLTStd-Heavy';
	-webkit-font-smoothing: subpixel-antialiased !important;
}

.hr-full
{
	width: 100%;
    border: 1px solid #D9D9D9 !important;
	background: #D9D9D9 !important;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.side_icons
{
	width:25px !important;
	margin-top: -5px !important;
}

.mainText
{
	font-size: 22px !important;
	color: #A254A1 !important;
	font-weight: 600 !important;
}

#patient_tbl,.viewVisit
{
	margin-bottom: 32px !important;
}

#patient_tbl, .visit_content 
{
	width: 100%;
}

.form_btns
{
	float: right !important;
    right: 15px !important;
    position: absolute !important;
    margin: 10px 10px !important;
}

.select_placeholder
{
	position:absolute !important;
	padding: 8px !important;
	z-index: 1 !important;
}

.chosen-container-multi .chosen-choices li.search-choice
{
	max-width: 90% !important;
}

.edit_btn
{
	width: 71px !important;
	height: 36px !important;
}
.print_btn
{
	width: 80px !important;
	height: 36px !important;
}
.delete_btn
{
	width: 91px !important;
	height: 36px !important;
}

.patient_info_header p {
    color: #777777 !important;
    margin-bottom: 24px !important;
    padding-bottom: 0 !important;
}

#profile-details h3.mainText
{
	padding-top: 24px !important;
	padding-bottom: 5px !important;
}

.patient_info_header .mainText
{
	margin-left: 3px !important;
}

.patient_info_header p>img
{
	margin-left: -3px !important;
}

.plus-sign
{
	margin-right: 5px !important;
}

.export_btn
{
	width: 220px !important;
    float: right !important;
    right: 0 !important;
}

.export_icon {
    margin-right: -22px !important;
    margin-top: 2px !important;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text]
{
	color: #777777 !important;
}

.messi-closebtn {
    display: flex;
    align-items: center;
    justify-content: center;   
}

.messi-closebtn:before {
    top: 0;
}

.tab-content
{
	margin-top: 24px !important;
}

.category .form-inner
{
	border: none !important;
	padding-bottom: 30px !important;
    padding-top: 30px !important;
	margin-bottom: 30px !important;
}

.patient_print_content,.visit_print_content
{
	position: absolute !important;
	bottom: 0 !important;
}

.required_fields_lbl
{
	margin-top: 30px !important;
}
.required_fields_lbl>span
{
	font-size: 11px !important;
	color: #000000 !important;
}

#calculate
{
	color: #7252A2;
    font-size: 12px;
    display: inline-block;
    font-weight: bold;
    padding: 7px;
    cursor: pointer;
	right: 80px;
    position: absolute;
}

.viewEncounter
{
	margin-bottom: 32px !important;
}

.new_register
{
	border-top: none;
    background: url(../img/freedemo-bg.jpg) !important;
    background-size: cover !important;
    position: relative;
    padding: 0;
}

body table.dataTable thead th, body table.dataTable thead td
{
	padding: 0px !important;
}

.th_category
{
	border-bottom: 0px !important;
}

.light-row>td,.dark-row>td
{
	padding: 8px 8px !important;
}

#footWrap a
{
	font-weight: 400 !important;
}

.gbs-container>span.inputTextLeft
{
	padding: 0px 5px;
}
	

.swal2-styled.swal2-cancel
{
	background-color: #f2f2f2 !important;
}

/********* RESPONSIVENESS ****************/

@media screen and (min-width: 0px)  and (max-width: 360px) 
{
	.webview-menu
	{
		display: none !important;
	}
	.mobview-menu
	{
		display: block !important;
	}
	#add_encounter, #add_patient, #add_pregnancy, #add_birth, #add_patient
	{
		width: 100% !important;
	}
	.mobview-table
	{
		width: 100% !important;
		padding: 0 16px !important;
	}
	.web-header-btns
	{
		display:none !important;
	}
	.mobile-header-btns
	{
		display: block !important;
	}
	.edit_btn
	{
		background: transparent !important
	}
	.displayDotMenu
	{
		padding: 10px 20px !important
	}
	.DotMenu
	{
		display: block;
		margin-right: 16px !important;
		min-width: auto;
		box-shadow: 0px 4px 14px rgb(0 0 0 / 10%);
		border: 0 !important;
		border-radius: 5px !important;
		padding: 0px !important;
		min-width: auto !important;
	}
	.DotMenu>input
	{
		width: 100% !important;
		margin: 0px !important;
		border-bottom: 1px solid #D9D9D9 !important;
		border-radius: 0 !important;
		background-color: transparent !important;
		color: #2D2D2E !important;
		font-weight: 600 !important;
	}
	.DotMenu>input:hover
	{
		color: #fff !important;
		background-color: #A254A1 !important;
	}

	.web-table-data
	{
		display: none !important;
	}
	.mobile-table-data
	{
		display: block !important;
	}
	.mobile-table-data>tr>td
	{
		width: 360px !important;
		padding: 5px 15px !important;
	}
	#calculate
	{
		right: 0 !important;
	}
	.btn-sidemenu
	{
		color: #a254a1 !important;
		background-color: transparent !important;
	}
	.module_tabs,.dropdown-item .module_tabs
	{
		padding: 12px 1px !important;
	}
	.th_category
	{
		width: 360px !important;
	}
	
	#menuWrap .image img
	{
		max-width: 134px !important;
		padding: 23px 0 0 !important;
	}
	#menuWrap .navbar-toggler
	{
		padding: 26px 0px 15px !important;
	}
	
	.category>span.categoryHeader
	{
		padding: 17px 20px !important;
	}
	
	.grouped-inputs input
	{
		width: 36px !important;
	}
	span.inputTextLeft
	{
		padding: 6px 5px !important;
	}
	
	.patient-web-btns,.encounter-web-btns
	{
		display:none !important;
	}
	
	.patient-mobile-view-btns,.encounter-mobile-view-btns
	{
		display:block !important;
	}
	
	.patient-mobile-view-btns>div>input,.encounter-mobile-view-btns>div>input
	{
		width:100% !important;
		text-align:center !important;
		margin:10px auto  !important
	}
	
	.gbs-container>span.inputTextLeft
	{
		padding: 0px 5px !important;
	}
	
	.link_encounter, .link_pregnancy, .link_birth, .link_patient
	{
		margin-left: 0px !important;
		padding: 12px 45px !important;
	}
	
	.link_encounter.active, 
	.link_pregnancy.active, 
	.link_birth.active, 
	.link_patient.active 
	{
		background: #F4F0F7 !important;
		padding: 10px 50px !important;
		width: 100% !important;
	}
	.module_tabs
	{
		display: block !important;
		width: 100%;
		border-radius: 0px !important;
		padding: 12px 20px !important;
	}
	.module_tabs.active
	{
		margin-left: 0px !important;
		width: 100% !important;
	}
	.submenu_div 
	{
		width: 100% !important;
		padding: 8px 16px 16px 16px !important;
	}
	.hr-full
	{
		display: none !important;
	}
	.category .form-inner .col-md-4, .category .form-inner .col-md-6, .category .form-inner .col-md-12 
	{
		margin: 10px 0;
	}
	.category .form-inner
	{
		padding-top: 0px !important;
	}
	
	.tipInfoWrap
	{
		width: 270px !important;
		top: -100px !important;
		left: 0 !important;
		position: absolute !important;
	}
	
	.tipInfoWrap>h3
	{
		padding: 10px 0 !important;
	}
	
	.tipInfoWrap.prenatalSite
	{
		margin-left: -93px !important;
		top: -122px !important;
	}
	.tipInfoWrap.prenatalSite:after
	{
		margin-left: -42px !important;
	}
	
	#profile-details
	{
		padding: 0px !important;
	}
	#footWrap
	{
		margin-top: 50px !important;
		padding: 20px 0 5px !important; 
		position: absolute !important;
		width: 100% !important;
	}
	#footWrap .footer-bottom ul li
	{
		display: block !important;
		margin: 10px 0 !important;
		padding: 0px !important;
	}
	.copyright
	{
		text-align: center !important;
	}
}

@media screen and (min-width: 361px)  and (max-width: 428px) 
{
	.webview-menu
	{
		display: none !important;
	}
	.mobview-menu
	{
		display: block !important;
	}
	#add_encounter, #add_patient, #add_pregnancy, #add_birth, #add_patient
	{
		width: 100% !important;
	}
	.mobview-table
	{
		width: 100% !important;
		padding: 0 16px !important;
	}
	.web-header-btns
	{
		display:none !important;
	}
	.mobile-header-btns
	{
		display: block !important;
	}
	.edit_btn
	{
		background: transparent !important
	}
	.displayDotMenu
	{
		padding: 10px 20px !important
	}
	.DotMenu
	{
		display: block;
		margin-right: 16px !important;
		min-width: auto;
		box-shadow: 0px 4px 14px rgb(0 0 0 / 10%);
		border: 0 !important;
		border-radius: 5px !important;
		padding: 0px !important;
		min-width: auto !important;
	}
	.DotMenu>input
	{
		width: 100% !important;
		margin: 0px !important;
		border-bottom: 1px solid #D9D9D9 !important;
		border-radius: 0 !important;
		background-color: transparent !important;
		color: #2D2D2E !important;
		font-weight: 600 !important;
	}
	.DotMenu>input:hover
	{
		color: #fff !important;
		background-color: #A254A1 !important;
	}

	.web-table-data
	{
		display: none !important;
	}
	.mobile-table-data
	{
		display: block !important;
	}
	.mobile-table-data>tr>td
	{
		width: 428px !important;
		padding: 5px 15px !important;
	}

	#menuWrap .image img
	{
		max-width: 134px !important;
		padding: 23px 0 0 !important;
	}
	#menuWrap .navbar-toggler
	{
		padding: 26px 0px 15px !important;
	}
	
	.category>span.categoryHeader
	{
		padding: 21px !important;
		line-height: 14px !important;
	}
	
	.gbs-container>span.inputTextLeft
	{
		padding: 0px 5px !important;
	}

	span.inputTextLeft
	{
		padding: 6px 5px !important;
	}
	#selected_sidemenu
	{
		color: #785A9F !important;
		font-weight: 700 !important;
	}
	.grouped-inputs:first-of-type span.inputTextLeft
	{
		float: left !important;
	}
	.grouped-inputs input
	{
		width: 36px !important;
	}
	.patient-web-btns,.encounter-web-btns
	{
		display:none !important;
	}
	
	.patient-mobile-view-btns,.encounter-mobile-view-btns
	{
		display:block !important;
	}
	
	.patient-mobile-view-btns>div>input,.encounter-mobile-view-btns>div>input
	{
		width:100% !important;
		text-align:center !important;
		margin:10px auto  !important
	}
	
	.link_encounter, 
	.link_pregnancy, 
	.link_birth, 
	.link_patient 
	{
		padding: 10px 50px !important;
		width: 100% !important;]
	}
	.module_tabs
	{
		display: block !important;
		width: 100%;
		border-radius: 0px !important;
		padding: 12px 20px !important;
	}
	.module_tabs.active
	{
		margin-left: 0px !important;
		width: 100% !important;
	}
	.submenu_div 
	{
		width: 100% !important;
		padding: 8px 16px 16px 16px !important;
	}
	.hr-full
	{
		display: none !important;
	}
	.category .form-inner .col-md-4, .category .form-inner .col-md-6, .category .form-inner .col-md-12 
	{
		margin: 10px 0;
	}
	.category .form-inner
	{
		padding-top: 0px !important;
	}
	#calculate
	{
		right: 0 !important;
	}
	
	.tipInfoWrap
	{
		width: 270px !important;
		top: -100px !important;
		left: 0 !important;
		position: absolute !important;
	}
	
	.tipInfoWrap>h3
	{
		padding: 10px 0 !important;
	}
	
	.tipInfoWrap.prenatalSite
	{
		margin-left: -93px !important;
		top: -122px !important;
	}
	.tipInfoWrap.prenatalSite:after
	{
		margin-left: -42px !important;
	}
	
	#profile-details
	{
		padding: 0px !important;
	}
	
	#footWrap
	{
		margin-top: 50px !important;
		width: 100% !important;
		padding: 20px 0 5px !important;
		bottom: 0 !important;
	}
	#footWrap.rel
	{
		position: relative !important;
	}
	#footWrap.abs
	{
		position: absolute !important;
	}
	#footWrap .footer-bottom ul li
	{
		display: block !important;
		margin: 10px 0 !important;
		padding: 0px !important;
	}
	.copyright
	{
		text-align: center !important;
	}
}


@media screen and (min-width: 429px)  and (max-width: 576px) 
{
	#menuWrap .image img
	{
		max-width: 134px !important;
		padding: 23px 0 0 !important;
	}
	#menuWrap .navbar-toggler
	{
		padding: 26px 0px 15px !important;
	}
	
	.webview-menu
	{
		display: none !important;
	}
	.mobview-menu
	{
		display: block !important;
	}
	
	.btn-sidemenu
	{
		width: 100% !important;
		text-align:left !important;
	}

	#add_encounter, #add_patient, #add_pregnancy, #add_birth, #add_patient
	{
		width: 172px !important;
	}
	.mobview-table
	{
		width: 100% !important;
		padding: 0 16px !important;
	}
	.displayDotMenu
	{
		padding: 10px 20px !important
	}
	
	.module_tabs.active
	{
		margin: 0px !important;
	}
	
	.hide_encounter_submenu,.hide_birth_submenu
	{
		display: none !important;
	}
	
	.show_encounter_submenu,.show_birth_submenu
	{
		display: block !important;
	}
	.DotMenu
	{
		display: block;
		margin-right: 16px !important;
		min-width: auto;
		box-shadow: 0px 4px 14px rgb(0 0 0 / 10%);
		border: 0 !important;
		border-radius: 5px !important;
		padding: 0px !important;
		min-width: auto !important;
	}
	.DotMenu>input
	{
		width: 100% !important;
		margin: 0px !important;
		border-bottom: 1px solid #D9D9D9 !important;
		border-radius: 0 !important;
		background-color: transparent !important;
		color: #2D2D2E !important;
		font-weight: 600 !important;
	}
	.DotMenu>input:hover
	{
		color: #fff !important;
		background-color: #A254A1 !important;
	}

	.web-table-data
	{
		display: none !important;
	}
	.mobile-table-data
	{
		display: block !important;
	}
	.mobile-table-data>tr>td
	{
		width: 576px !important;
		padding: 5px 15px !important;
	}
	
	.patient_info_header
	{
		float: left !important;
	}
	
	.side_btns
	{
		margin-top: 20px !important;
		float: left;
		text-align:center !important;
		margin-left: 50px !important;
	}
	
	.category>span.categoryHeader
	{
		padding: 17px 20px !important;
	}
	
	.grouped-inputs input
	{
		width: 36px !important;
	}
	
	.gbs-container>span.inputTextLeft
	{
		padding: 0px 5px !important;
	}
	
	span.inputTextLeft
	{
		padding: 6px 5px !important;
	}
	
	.patient-web-btns,.encounter-web-btns
	{
		display:none !important;
	}
	
	.patient-mobile-view-btns,.encounter-mobile-view-btns
	{
		display:block !important;
	}
	
	.patient-mobile-view-btns>div>input,.encounter-mobile-view-btns>div>input
	{
		width:100% !important;
		text-align:center !important;
		margin:10px auto  !important
	}
	
	.show_birth_submenu
	{
		z-index: 1 !important;
		position: absolute !important;
		float: left !important;
		left: 50% !important;
		top: 34px !important;
		background: #fff !important;
		display: block !important;
	}
	.show_encounter_submenu
	{
		z-index: 1 !important;
		position: absolute !important;
		float: left !important;
		left: 64% !important;
		top: 34px !important;
		background: #fff !important;
		display: block !important;
		width: 350px !important;
	}
	
	.link_encounter
	{
		margin-left: 0px !important;
	}
	.link_encounter, .link_pregnancy, .link_birth, .link_patient,
	.link_encounter.active, .link_pregnancy.active, .link_birth.active, .link_patient.active
	{
		padding: 10px 50px !important;
	}
	.show_encounter_submenu>div>a, .show_birth_submenu>div>a 
	{
		color: #2D2D2E !important;
	}
	
	.link_encounter, 
	.link_pregnancy, 
	.link_birth, 
	.link_patient 
	{
		padding: 10px 50px !important;
		width: 100% !important;]
	}
	.module_tabs
	{
		display: block !important;
		width: 100%;
		border-radius: 0px !important;
		padding: 12px 20px !important;
	}
	.module_tabs.active
	{
		margin-left: 0px !important;
		width: 100% !important;
	}
	.submenu_div 
	{
		width: 100% !important;
		padding: 8px 16px 16px 16px !important;
	}
	.hr-full
	{
		display: none !important;
	}
	.category .form-inner .col-md-4, .category .form-inner .col-md-6, .category .form-inner .col-md-12 
	{
		margin: 10px 0;
	}
	.category .form-inner
	{
		padding-top: 0px !important;
	}
	
	.tipInfoWrap
	{
		width: 270px !important;
		top: -100px !important;
		left: 0 !important;
		position: absolute !important;
	}
	
	.tipInfoWrap>h3
	{
		padding: 10px 0 !important;
	}
	
	.tipInfoWrap.prenatalSite
	{
		margin-left: -93px !important;
		top: -122px !important;
	}
	.tipInfoWrap.prenatalSite:after
	{
		margin-left: -42px !important;
	}
	
	#profile-details
	{
		padding: 0px !important;
	}
	
	#footWrap
	{
		margin-top: 50px !important;
		width: 100% !important;
		padding: 20px 0 5px !important;
		bottom: 0 !important;
	}
	#footWrap.rel
	{
		position: relative !important;
	}
	#footWrap.abs
	{
		position: absolute !important;
	}
	#footWrap .footer-bottom ul li
	{
		display: inline-block !important;
		margin: 10px 0 !important;
		padding: 0px 5px !important;
	}
	#footWrap .footer-bottom ul li:before
	{
		content: '' !important;
	}
	
}

@media screen and (min-width: 577px)  and (max-width: 768px) 
{
	#menuWrap .image img
	{
		max-width: 134px !important;
		padding: 23px 0 0 !important;
	}
	#menuWrap .navbar-toggler
	{
		padding: 26px 0px 15px !important;
	}
	
	.webview-menu
	{
		display: none !important;
	}
	.mobview-menu
	{
		display: none !important;
	}
	.tabview-menu
	{
		display: block !important;
		width:  100% !important;
		margin-top: 46px !important;
	}
	#add_encounter, #add_patient, #add_pregnancy, #add_birth, #add_patient
	{
		width: 172px !important;
	}
	.mobview-table
	{
		min-width: 100% !important;
		padding: 0 16px !important;
	}
	.displayDotMenu
	{
		padding: 10px 20px !important
	}
	.DotMenu
	{
		display: block;
		margin-right: 16px !important;
		min-width: auto;
		box-shadow: 0px 4px 14px rgb(0 0 0 / 10%);
		border: 0 !important;
		border-radius: 5px !important;
		padding: 0px !important;
		min-width: auto !important;
	}
	.DotMenu>input
	{
		width: 100% !important;
		margin: 0px !important;
		border-bottom: 1px solid #D9D9D9 !important;
		border-radius: 0 !important;
		background-color: transparent !important;
	}
	.DotMenu>input:hover
	{
		color: #fff !important;
		background-color: #A254A1 !important;
	}

	.web-table-data
	{
		display: block !important;
	}
	.mobile-table-data
	{
		display: none !important;
	}
	.web-table-data>tr>td
	{
		width: 768px !important;
		padding: 5px 0px !important;
	}
	
	.patient_info_header
	{
		float: left !important;
	}
	
	.side_btns
	{
		margin-top: 19px !important;
		float: left !important;
		text-align: center !important;
	}
	.module_tabs
	{
		display: inline !important;
		margin: 0px !important;
		padding: 12px 16px !important;
	}
	
	.module_tabs.active
	{
		margin: 0px !important;
	}
	
	.hide_encounter_submenu,.hide_birth_submenu
	{
		display: none !important;
	}
	
	.show_encounter_submenu,.show_birth_submenu
	{
		display: block !important;
	}
	
	.show_birth_submenu
	{
		z-index: 1 !important;
		position: absolute !important;
		float: left !important;
		left: 50% !important;
		top: 34px !important;
		background: #fff !important;
		display: block !important;
	}
	.show_encounter_submenu
	{
		z-index: 1 !important;
		position: absolute !important;
		float: left !important;
		left: 64% !important;
		top: 34px !important;
		background: #fff !important;
		display: block !important;
	}
	.show_encounter_submenu>div,.show_birth_submenu>div
	{
		border-bottom: 1px solid #d9d9d9;
	}
	
	.link_encounter, .link_pregnancy, .link_birth, .link_patient 
	{
		display: inline-block;
		padding: 10px;
		height: 39px;
		width: 200px !important;
		color: #785A9F !important;
		font-weight: 700;
		font-size: 14px !important;
		text-align: left !important;
	}
	
	.link_encounter.active, 
	.link_pregnancy.active, 
	.link_birth.active, 
	.link_patient.active 
	{
		border-radius: 0px !important;
		margin: 0px !important;
	}

	.category>span.categoryHeader
	{
		padding: 17px 20px !important;
		height: 54px!important;
	}
	
	.grouped-inputs input 
	{
		width: 33px !important;
	}
	
	.gbs-container>span.inputTextLeft
	{
		padding: 0px 5px !important;
	}
	
	span.inputTextLeft
	{
		padding: 6px 5px !important;
	}
	.patient-web-btns,.encounter-web-btns
	{
		display:none !important;
	}
	
	.patient-tab-view-btns,.encounter-tab-view-btns
	{
		display:block !important;
	}
	
	.patient-tab-view-btns>div>input,.encounter-tab-view-btns>div>input
	{
		width:100% !important;
		text-align:center !important;
		margin:10px auto  !important
	}
	.encounter_main_btn, .birth_main_btn, .patient_main_btn
	{
		padding: 12px 10px 10px !important;
	}
	.encounter_third_btn, .patient_third_btn
	{
		width:100% !important;
		text-align:center !important;
	}
	.show_encounter_submenu>div>a, .show_birth_submenu>div>a 
	{
		color: #2D2D2E !important;
	}
	
	.tipInfoWrap
	{
		width: 270px !important;
		top: -100px !important;
		left: 0 !important;
		position: absolute !important;
	}
	
	.tipInfoWrap>h3
	{
		padding: 10px 0 !important;
	}
	
	.tipInfoWrap.prenatalSite
	{
		margin-left: -93px !important;
		top: -122px !important;
	}
	.tipInfoWrap.prenatalSite:after
	{
		margin-left: -42px !important;
	}
	
	#footWrap
	{
		width: 100% !important;
		padding: 10px 0 10px !important;
		bottom: 0 !important;
	}
	#footWrap.rel
	{
		position: relative !important;
	}
	#footWrap.abs
	{
		position: absolute !important;
	}
	#footWrap .footer-bottom ul li
	{
		display: inline-block !important;
		margin: 10px 0 !important;
		padding: 0px 5px !important;
	}
	#footWrap .footer-bottom ul li:before
	{
		content: '' !important;
	}
}

@media screen and (min-width: 769px)  and (max-width: 992px) 
{
	#menuWrap .image img
	{
		max-width: 134px !important;
		padding: 23px 0 0 !important;
	}
	#menuWrap .navbar-toggler
	{
		padding: 26px 0px 15px !important;
	}
	
	.webview-menu
	{
		display: none !important;
	}
	.mobview-menu
	{
		display: none !important;
	}
	.tabview-menu
	{
		display: block !important;
		width:  100% !important;
		margin-top: 46px !important;
	}
	
	#add_encounter, #add_patient, #add_pregnancy, #add_birth, #add_patient
	{
		width: 172px !important;
	}
	.mobview-table
	{
		min-width: 100% !important;
		padding: 0 16px !important;
	}
	.displayDotMenu
	{
		padding: 10px 20px !important
	}
	.DotMenu
	{
		display: block;
		margin-right: 16px !important;
		min-width: auto;
		box-shadow: 0px 4px 14px rgb(0 0 0 / 10%);
		border: 0 !important;
		border-radius: 5px !important;
		padding: 0px !important;
		min-width: auto !important;
	}
	.DotMenu>input
	{
		width: 100% !important;
		margin: 0px !important;
		border-bottom: 1px solid #D9D9D9 !important;
		border-radius: 0 !important;
		background-color: transparent !important;
	}
	.DotMenu>input:hover
	{
		color: #fff !important;
		background-color: #A254A1 !important;
	}

	.web-table-data
	{
		display: block !important;
	}
	.mobile-table-data
	{
		display: none !important;
	}
	.web-table-data>tr>td
	{
		width: 992px !important;
		padding: 5px 0px !important;
	}
	
	.patient_info_header 
	{
		float: left !important;
		margin-left: 0px !important;
	}
	
	.side_btns 
	{
		margin-top: 19px !important;
		/*margin-left: 14px !important;*/
		float: left !important;
		text-align: center !important;
	}

	.module_tabs
	{
		display: inline !important;
		margin: 0 10px !important;
		padding: 12px 16px !important;
	}
	
	.module_tabs.active
	{
		margin: 0 10px !important;
	}
	
	.hide_encounter_submenu,.hide_birth_submenu
	{
		display: none !important;
	}
	
	.show_encounter_submenu,.show_birth_submenu
	{
		display: block !important;
	}
	
	.show_encounter_submenu
	{
		z-index: 1 !important;
		position: absolute !important;
		float: left !important;
		left: 64% !important;
		background: #fff !important;
		display: block !important;
		top: 34px !important;
	}
	
	.show_birth_submenu
	{
		z-index: 1 !important;
		position: absolute !important;
		float: left !important;
		left: 52% !important;
		top: 33px !important;
		background: #fff !important;
		display: block !important;
	}
	
	.show_encounter_submenu>div>a,.show_birth_submenu>div>a
	{
		color: #2D2D2E !important;
	}
	
	.show_encounter_submenu>div,.show_birth_submenu>div
	{
		border-bottom: 1px solid #d9d9d9;
	}
	
	.link_encounter, .link_pregnancy, .link_birth, .link_patient 
	{
		display: inline-block;
		padding: 10px;
		height: 39px;
		width: 200px !important;
		color: #785A9F !important;
		font-weight: 700;
		font-size: 14px !important;
		text-align: left !important;
	}

	.category>span.categoryHeader
	{
		padding: 17px 20px !important;
	}
	
	.grouped-inputs input
	{
		width: 36px !important;
	}
	
	#calculate
	{
		right: 10% !important;
	}
	
	.gbs-container>span.inputTextLeft
	{
		padding: 0px 5px !important;
	}
	
	span.inputTextLeft
	{
		padding: 6px 5px !important;
	}
	
	
	.link_encounter, .link_pregnancy, .link_birth, .link_patien
	{
		margin:0px !important;
	}
	
	.link_encounter.active, .link_pregnancy.active, .link_birth.active, .link_patient.active,
	.link_encounter:hover, .link_pregnancy:hover, .link_birth:hover, .link_patient:hover 
	{
		background: #F4F0F7 !important;
		margin-left: 0px !important;
		border-radius: 0 !important;
		margin:0px !important;
	}
	
	.tipInfoWrap
	{
		width: 270px !important;
		top: -100px !important;
		left: 0 !important;
		position: absolute !important;
	}
	
	.tipInfoWrap>h3
	{
		padding: 10px 0 !important;
	}
	
	.tipInfoWrap.prenatalSite
	{
		margin-left: -93px !important;
		top: -122px !important;
	}
	.tipInfoWrap.prenatalSite:after
	{
		margin-left: -42px !important;
	}
	
	#footWrap
	{
		width: 100% !important;
		padding: 10px 0 10px !important;
		bottom: 0 !important;
	}
	#footWrap.rel
	{
		position: relative !important;
	}
	#footWrap.abs
	{
		position: absolute !important;
	}
	#footWrap .footer-bottom ul li
	{
		display: inline-block !important;
		margin: 10px 0 !important;
		padding: 0px 5px !important;
	}
	#footWrap .footer-bottom ul li:before
	{
		content: '' !important;
	}
}


/*specific breakpoints*/
@media screen and (min-width: 0px)  and (max-width: 359px) {
	.edit_btn
	{
		float: right !important;
		margin-right: 12px !important;
	}
	.displayDotMenu
	{
		float: right !important;
		right: -5px !important;
		margin-left: 5px !important;
		position: absolute !important;
	}
}

@media screen and (max-width: 575px) {
	.module_tabs
	{
		display: block !important;
		margin: 0px !important;
		padding: 12px 16px !important;
	}
	#selected_sidemenu
	{
		color: #785A9F !important;
		font-weight: 600 !important;
	}
	
}
@media screen and (width: 576px) {
	.tabview-menu
	{
		display: block !important;
		width: 100% !important;
		margin-top: 46px !important;
	}
	.module_tabs
	{
		display: inline !important;
		margin: 0px !important;
		padding: 12px 16px !important;
	}
}

@media screen and (min-width: 651px) and (max-width: 992px) {
	.copyright 
	{
		margin-top: 10px !important;
	}
}

@media screen and (max-width: 991px) {
	#menuWrap .image
	{
		line-height:0px !important;
	}
	#menuWrap .image img 
	{
		max-width: 134px;
	}
}

@media screen and (min-width: 576px) {
	.btn-sidemenu
	{
		display: none !important;
	}
}
@media screen and (min-width: 810px) {
	.buttons-container
	{
		display: flex !important;
		justify-content: flex-end !important;
	}
}

@media screen and (min-width: 993px) {
	.gbs-container>span.inputTextLeft
	{
		padding: 0px 5px !important;
	}
	
	span.inputTextLeft
	{
		padding: 6px 5px !important;
	}
	.flex.buttons-bottom .buttons-container
	{
		justify-content: flex-end !important;
		display: flex !important;
	}
	.link_encounter, .link_pregnancy, .link_patient, .link_birth
	{
		margin-left: -15px !important;
		padding-left: 48px !important;
	}
}

@media screen and (min-width: 1665px) {
	#patient_tbl, .visit_content 
	{
		width: 100% !important;
	}
}

@media screen and (min-width: 429px)  and (max-width: 460px) {
	#footWrap .footer-bottom ul li
	{
		display: inline-block !important;
		margin: 10px 0 !important;
		padding: 0px 2px !important;
	}
}
@media screen and (min-width: 577px)  and (max-width: 650px) {
	#footWrap .footer-bottom ul li
	{
		display: inline-block !important;
		margin: 10px 0 !important;
		padding: 0px 15px !important;
	}
}

@media screen and (min-width: 429px)  and (max-width: 520px) {
	.web-header-btns
	{
		display: none !important;
	}
	.mobile-header-btns
	{
		display: block !important;
	}
}

@media screen and (min-width: 0px)  and (max-width: 939px) {
	.grouped-inputs input
	{
		margin: 0 1px 10px !important;
		width: 32px;
		float: left !important;
	}
	
}

@media screen and (min-width: 577px)  and (max-width: 749px) {
	.patient_info_header 
	{
		 width: 20% !important;
	}
	
	.side_btns 
	{
		margin-left: 20px !important;
	}
}

@media screen and (min-width: 750px)  and (max-width: 767px) {
	.patient_info_header 
	{
		 width: 20% !important;
	}
	
	.side_btns 
	{
		margin-left: 0px !important;
	}
}

@media screen and (min-width: 768px)  and (max-width: 820px) {
	#calculate
	{
		right: 0 !important;
		top: 2px;
		font-size: 10px !important;
	}
	.patient_info_header 
	{
		   width: 22% !important;
	}
	
	.side_btns 
	{
		margin-left: 0px !important;
	}
}

@media screen and (min-width: 769px)  and (max-width: 809px) 
{
	.patient-web-btns,.encounter-web-btns
	{
		display:none !important;
	}
	
	.patient-tab-view-btns,.encounter-tab-view-btns
	{
		display:block !important;
	}
	
	.patient-tab-view-btns>div>input,.encounter-tab-view-btns>div>input
	{
		width:100% !important;
		text-align:center !important;
		margin:10px auto  !important
	}
	.encounter_main_btn, .birth_main_btn, .patient_main_btn
	{
		padding: 12px 10px 10px !important;
	}
	.encounter_third_btn, .patient_third_btn
	{
		width:100% !important;
		text-align:center !important;
	}
}
	
@media screen and (min-width: 821px)  and (max-width: 920px) {
	#calculate
	{
		right: 1% !important;
	}
	.patient_info_header 
	{
		width: 25% !important;
	}
	
	.side_btns 
	{
		margin-left: 0px !important;
	}
}

@media screen and (min-width: 921px)  and (max-width: 960px) {
	#calculate
	{
		right: 5% !important;
	}
	.patient_info_header 
	{
		width: 25% !important;
	}
	
	.side_btns 
	{
		margin-left: 0px !important;
	}
}

@media screen and (min-width: 961px)  and (max-width: 1040px) {
	#calculate
	{
		    right: 10% !important;
	}
	.patient_info_header 
	{
		width: 27% !important;
	}
}
	
@media screen and (min-width: 768px)  and (max-width: 900px) {
	.module_tabs,.link_visit 
	{
		width: 100% !important;
	}
	#now_start_time, #now_end_time, #today_encounter_date
	{
		margin-left: 5px !important;
	}
	#encounter_date, #start_time, #end_time, #duration, #weeks_since_birth, #mileage
	{
		width: 120px !important;
	}
}

@media screen and (min-width: 1200px) {

	#menuWrap,#bodyWrap
	{
		padding: 0px 20px !important;
	}
	#footWrap
	{
		padding: 20px !important;
	}
	span.inputTextLeft
	{
		padding: 5px 10px 0 5px !important;
	}
}

@media screen and (min-width: 0px)  and (max-width: 900px) {
	.patient-web-btns
	{
		display: none !important;
	}
	.patient-mobile-view-btns
	{
		display: block !important;
	}
	
	.patient-mobile-view-btns>div>div>#with_pregnancy,
	.patient-mobile-view-btns>div>div>#without_pregnancy,
	.patient-mobile-view-btns>div>div>#Print,
	.patient-mobile-view-btns>div>div>#submitButtonRevision
	{
		width: 100% !important;
		display: inline !important;
		float: none !important;
	}
}

@media screen and (min-width: 801px)  and (max-width: 940px) {
	.grouped-inputs input
	{
		margin: 0px !important;
	}
}

@media screen and (min-width: 401px)  and (max-width: 420px) {
	.web-btns
	{
		display: none !important;
	}
	.mobile-view-btns
	{
		display: block !important;
		margin-bottom: 20px !important;
	}
	
	.mobile-view-btns>div>.encounter_third_btn
	{
		float: right !important;
		right: 0 !important;
		position: absolute !important;
	}
	.mobile-view-btns>div>input
	{
		margin-right: 5px;
	}

}

@media screen and (min-width: 0px)  and (max-width: 400px) {
	body{
		display: block !important;
	}
	#vitals_bp, #vitals_hr, #vitals_temp, .vitals_label
	{
		margin-right: 10px !important;
	}
	.web-btns
	{
		display: none !important;
	}
	.mobile-view-btns
	{
		display: block !important;
	}
	.mobile-view-btns
	{
		margin-bottom: 120px !important;
		margin-top: 20px !important;
	}
	.encounter_main_btn, .encounter_secondary_btn, .encounter_third_btn,
	.patient_main_btn, .patient_secondary_btn, .patient_third_btn
	{
		width: 100% !important;
		margin-bottom: 10px !important;
	}
	.buttons-container
	{
		width: 100% !important;
	}
	#now_start_time, #now_end_time, #today_encounter_date
	{
		margin-left: 12px !important;
		width: 80px !important;
	}

	.mobile-view-btns>div>input,.encounter_main_btn, .encounter_secondary_btn, .encounter_third_btn,
	.patient_main_btn, .patient_secondary_btn, .patient_third_btn
	{
		margin-bottom: 10px !important;
	}
}