html[lang="en-US"] {
	margin: 0 !important;
}
#wpadminbar {
	display: none;
}
.user_details_view table, .user_details_view th, .user_details_view td {
	border: none;
}
ul {
	margin: 0px;
	padding: 0px;
}
.membership_container,.transaction_container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.membership_row,.transaction_row {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -15px;
}
.title_with_button {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin: 0px -15px;
}
.title_with_button h2 {
/**	flex: 0 0 50%;
	max-width: 50%; */
	padding: 0px 15px;
}
.title_with_button .add_member {
/**	flex: 0 0 50%;
	max-width: 50%; 
	padding: 0px 15px;*/
	text-align: right;
}
.title_with_button .add_member a {
	display: inline-block;
	border: 1px solid #005aee;
	background-color: #005aee;
	color: #ffffff;
	padding: 10px 20px;
	border-radius: 5px;
	outline: none;
	box-shadow: none;
	cursor: pointer;
	margin-left: auto;
	font-size: 14px;
}
.search_bar {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0px 15px 10px;
	display: flex;
	justify-content: flex-end;
}
.search_bar input {
	height: 40px;
	max-width: 300px;
	width: 100%;
	outline: none;
	border-radius: 50px;
	border: 1px solid #bdbdbd;
	padding: 10px 20px;
}
.members_list_container, .transaction_list_container {
	flex: 100%;
	/* max-width: calc(100% - 250px); */
	padding: 0px 15px;
	margin-left: auto;
}
.members_list, .transaction_list {
	margin: 0px -15px;
	display: flex;
/* 	align-items: center; */
	flex-wrap: wrap;
}
.single_member_card {
	padding: 10px 15px;
	flex: 0 0 33.33%;
	max-width: 33.33%;
	
}
.dashboard-content-area.subscription .amm-dash-left{
    padding: 0px 15px;
    flex: 0 0 30%;
	max-width: 30%;
}
.dashboard-content-area.subscription .amm-dash-right {
	padding: 0px 15px;
    flex: 0 0 70%;
	max-width: 70%;
}
.dashboard-content-area.subscription .single_member_card_inner p strong{
	text-align: left;
}
.single_member_card_content {
    padding: 25px 15px 15px;
    border-radius: 15px;
    box-shadow: rgb(0 0 0 / 20%) 1px 1px 10px;
    position: relative;
    overflow: hidden;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    background-color: #eef4fc;
}
.single_member_card_inner {
    display: flex;
    flex-direction: column;
}
.member_profile_image {
    position: relative;
    height: 80px;
    width: 80px;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: rgb(0 0 0 / 20%) 1px 1px 10px;
    margin: 0px auto 10px;
}
.member_profile_image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 120%;
    height: 120%;
    object-fit: cover;
    object-position: center;
}
.single_member_card_inner p {
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	line-height: 24px;
	margin: 0px !important;
	text-align: center;
	padding: 5px 0px;
}
.single_member_card_inner p.name {
    font-size: 18px;    
}
.single_member_card_inner p.email, .single_member_card_inner p.occupation{
	font-size: 13px;
	color: #808080;
	font-weight: 400 !important;
}
.single_member_card_inner p.email strong {
    font-weight: normal;
}
.single_member_card_inner p span {
	flex: 0 0 150px;
	max-width: 150px;
	display: none !important;
}
.single_member_card_inner p strong {
/* 	flex: 0 0 calc(100% - 150px);
	max-width: calc(100% - 150px); */
	flex: 0 0 100%;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.icon_button_action {
    padding: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
	z-index: 11;
}
.single_member_card_inner ul, .icon_button_action ul {
    padding: 0px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.single_member_card_inner ul {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    background-color: rgb(150 150 150 / 30%);
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}
.single_member_card_inner:hover ul {
	opacity: 1;
    visibility: visible;
}
.single_member_card_inner ul li, .icon_button_action ul li {
	list-style: none !important;
	margin: 5px !important;
}
.single_member_card_inner ul li a, .icon_button_action ul li a {
    display: flex;
/*     background-color: #005aee; */
    color: #ffffff;
    height: 30px;
    width: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 14px;
}
.single_member_card_inner ul li a.view_detail {
    background-color: #17A2B8;
}
.single_member_card_inner ul li a.edit_detail {
    background-color: #28A745;
}
.single_member_card_inner ul li a.delete_member {
    background-color: #DC3545;
}
.icon_button_action ul li a.facebook {
    background-color: #3B5998;
}
.icon_button_action ul li a.twitter {
    background-color: #00ACEE;
}
.icon_button_action ul li a.linkedin {
    background-color: #0072B1;
}
.icon_button_action ul li a.website {
    background-color: #BB001B;
}
.icon_button_action ul li a.email {
    background-color: #EA4335;
}
.icon_button_action ul li a.call {
    background-color: #212D5E;
}
.modal {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	z-index: 9999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgb(0 0 0 / 20%);
	backdrop-filter: blur(8px);
	overflow:auto;
}
.modal_content {
	overflow: hidden;
	border-radius: 10px;
	box-shadow: rgb(0 0 0 / 20%) 1px 1px 10px;
	background-color: #ffffff;
	width: calc(100% - 30px);
}
.view_detail_modal .modal_content {
	max-width: 1000px;
}
.modal_header,
.modal_body,
.modal_footer {
	padding: 15px;
}
.modal_header {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #bdbdbd;
}
.modal_title h3 {
	margin: 0px;
	padding-right: 20px;
	
}
button.btn_close_modal {
	background-color: transparent;
	border: none;
	box-shadow: none;
	padding: 0px;
	height: 35px;
	width: 35px;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	cursor: pointer;
}
.modal_body {
	max-height: 60vh;
	overflow-y: auto;
}

.user_details_view h4 {
	margin: 0px 0px 20px;
}
.user_details_view table {
	width: 100%;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	margin: 0px 0px 20px;
	border-collapse: collapse;
}
.no-rows {
	text-align: center;
}
.user_details_view table th,
.user_details_view table td {
	padding: 5px;
}
.user_membership_history h4 {
	margin: 0px 0px 20px;
}
.user_membership_history table {
	width: 100%;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	border: 1px solid #bdbdbd;
	border-bottom: none;
	border-collapse: collapse;
}
.user_membership_history .table_responsive:not(:last-child) {
	margin: 0px 0px 20px;
}
.user_membership_history .table_responsive {
	overflow-x: auto;
	width: 100%;
}
/* .user_membership_history .table_responsive table {
	min-width: 750px;
} */
.user_membership_history table th,
.user_membership_history table td {
	padding: 5px;
	border-bottom: 1px solid #bdbdbd;
}
.user_membership_history table td i {
	display: block;
}
.user_membership_history table td span {
	color: #0ec9ae;
	display: block;
}
.delete_confirm_modal .modal_content {
	max-width: 400px;
}
.delete_user_details p {
	font-size: 14px;
}
.delete_user_details h5 {
	font-size: 16px;
	color: #005aee;
	margin: 15px 0px;
}
.yes_no_buttons {
	display: flex;
	align-items: center;
	justify-content: center;
}
.yes_no_buttons button {
	background-color: transparent;
	border: 1px solid #005aee;
	color: #005aee;
	margin: 5px;
	padding: 6px 30px;
	border-radius: 5px;
	outline: none;
	box-shadow: none;
	cursor: pointer;
}
.yes_no_buttons button.yes_button {
	background-color: #005aee;
	color: #ffffff;
}

.single_form_input {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 8px 0px;
}
.single_form_input > label {
	flex: 0 0 160px;
	max-width: 160px;
	padding-right: 10px;
	font-size: 13px;
}
.single_form_input > label span {
	color: #ff3b3b;
}
.single_form_input input:not([type=radio], [type="checkbox"]), .single_form_input select, .single_form_input .select2-container, .single_form_input textarea {
	height: 40px;
	outline: none;
	border-radius: 4px;
	border: 1px solid #bdbdbd;
	padding: 5px;
	flex: 0 0 calc(100% - 160px);
	max-width: calc(100% - 160px);
}
.single_form_input .iti--allow-dropdown {
	flex: 0 0 calc(100% - 160px);
	max-width: calc(100% - 160px);
}
.single_form_input input#phone {
    max-width: 100%;
}
.select2-container--default .select2-selection--single{
	background-color: none;
    border: none;
    border-radius: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	bottom: 1px;
	margin: auto;
}
.single_form_input textarea{
	height: 170px;
	resize: none;
}
.single_radio_button {
	display: inline-flex;
	padding: 5px 0px;
}
.single_radio_button input[type="radio"] {
	margin: 0px 8px 0px 0px;
}
.single_radio_button label {
	padding-right: 20px;
}
button.form_save_button {
	border: 1px solid #005aee;
	background-color: #005aee;
	color: #ffffff;
	padding: 10px 40px;
	border-radius: 5px;
	outline: none;
	box-shadow: none;
	cursor: pointer;
	margin-left: auto;
	font-size: 18px;
	font-weight: 600;
}

.transaction-table td,.transaction-table th {
	padding: 12px 6px;
	border: 0;
	/* border-bottom: 1px !important; */
}

.transaction-table tr , .members-table tr {
	border-bottom: 1px solid;
}

.members-table th, .members-table td{
	border-style: none;
}

.transaction-rows , .members-rows {
	border-radius: 15px;
	padding: 20px;
	box-shadow: rgb(0 0 0 / 20%) 1px 1px 10px;
}

.transaction-rows.dashboard-table {
	padding: 0px;
}

table.transaction-table , table.members-table{
	border: 0;

}

.action-links {
	font-size:12px;
}

.transaction-table td img {
	width: 15px;
	height: 15px;
}
.transaction-table th {
	text-align:center;
}
.transaction-table td {
	font-size: 14px;
	text-align: center;
}
.info-msg,
.success-msg,
.warning-msg,
.error-msg {
	margin: 10px 0;
	padding: 10px;
	border-radius: 3px 3px 3px 3px;
	display: none;
}
.info-msg {
	color: #059;
	background-color: #BEF;
	display: block;
}
.success-msg {
	color: #270;
	background-color: #DFF2BF;
}
.warning-msg {
	color: #9F6000;
	background-color: #FEEFB3;
}
.error-msg {
	color: #D8000C;
	background-color: #FFBABA;
}
.action-links a {
	cursor: pointer;
}
/* Dashboard page css start */

.arm_dashboard_member_summary {
    display: flex;
    align-items: center;
    margin: 0px -10px;
    flex-wrap: wrap;
}
.arm_dashboard_member_summary a.welcome-icon {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0px 10px;
    color: #ffffff !important;
}
.arm_dashboard_member_summary .arm_member_summary {
    padding: 20px;
    text-align: center;
    margin: 10px 0px;
    border-radius: 5px;
}
.dashboard-content-area{
	display: flex;
	padding: 0px 15px;
	flex-wrap: wrap;
}
.amm-dashboard-content{
	width:100%;
}
.postbox-header{
	margin: 0px 0px 20px;
    border-bottom: 1px solid #c3c4c7;
}
.postbox-header h2 {
    font-size: 36px;
}
.armAdminDashboardWidgetContent{
	padding: 8px;
}
.dashboard-content-area .amm-dash-left, .dashboard-content-area .amm-dash-right{
	padding: 0px 15px;
	flex: 0 0 50%;
	max-width: 50%;
}
.dashboard-content-area .postbox {
	box-shadow: rgb(0 0 0 / 20%) 1px 1px 10px;
	padding: 20px;
	min-height: 100%;
	border-radius: 15px;
}

.arm_dashboard_member_summary .arm_member_summary_count {
    display: inline-block;
    font-size: 36px;
    line-height: 30px;
    margin-bottom: 10px;
}
.arm_dashboard_member_summary .arm_member_summary_label {
    font-size: 14px;
}
.arm_dashboard_member_summary .arm_inactive_members {
    background: #FF3B3B;   
}
.arm_dashboard_member_summary .arm_membership_plans {
    background: #005AEE;
}
.arm_dashboard_member_summary .arm_total_members {
    background: #2C2D42;
}
.arm_dashboard_member_summary .arm_active_members {
    background: #0EC9AE;
}
.transaction-rows.dashboard-table {
	box-shadow: none;
}
.action_buttons{
	display: flex;
    width: 100%;
}
.action_buttons div{
	margin: 8px;
}
.link-to-btn-css{
	position: relative;
    color: var(--buttonTextInitialColor);    
    background-color: var(--buttonInitialColor);
    display: var(--display, inline-flex);
    align-items: center;
    justify-content: center;
    min-height: var(--buttonMinHeight);
    padding: var(--button-padding);   
    cursor: pointer;
    border-radius: var(--buttonBorderRadius, 3px);
    transition: all .2s ease;
	font-family: var(--buttonFontFamily, var(--fontFamily));
    font-size: var(--buttonFontSize);
    font-weight: var(--buttonFontWeight);
    font-style: var(--buttonFontStyle);
    line-height: var(--buttonLineHeight);
    letter-spacing: var(--buttonLetterSpacing);
    text-transform: var(--buttonTextTransform);
}
.link-to-btn-css:hover{
	border-color: var(--button-border-hover-color);
    color: var(--buttonTextHoverColor);
    background-color: var(--buttonHoverColor);
}
.single_form_input.city_state_div {
    max-width: 100%;
    width: 100%;
    margin: auto;
}
.state label{
	/* padding-left:10px;*/
}
.city{
	float:left;
}


/* You just need to get this field - start */

.search-box {
  width: 350px;
  position: relative;
  display: flex;
	top: 38px;
  left: 768px;
	padding: 20px 0px 0px;
}

.search-input {
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  padding: 15px 45px 15px 15px;
  background-color: #eaeaeb;
  color: #6c6c6c;
  border-radius: 6px;
  border:none;
  transition: all .4s;
}

.search-input:focus {
  border:none;
  outline:none;
  box-shadow: 0 1px 12px #b8c6db;
  -moz-box-shadow: 0 1px 12px #b8c6db;
  -webkit-box-shadow: 0 1px 12px #b8c6db;
}

.search-btn {
  background-color: transparent;
  font-size: 18px;
  padding: 6px 9px;
  margin-left:-45px;
  border:none;
  color: #6c6c6c;
  transition: all .4s;
  z-index: 10;
}

.search-btn:hover {
  transform: scale(1.2);
  cursor: pointer;
  color: black;
}

.search-btn:focus {
  outline:none;
  color:black;
}

.single_form_input .iti{
	display:block;
}
.single_form_input .iti--allow-dropdown{
	max-width : calc(100%)
}
.iti--separate-dial-code .iti__selected-dial-code{
	display: none;
}
.iti__arrow--up{
	display: none;
}
.dashboard-content-area .postbox{
	margin-bottom: 20px;
}
.latest_news{
	margin-top: 20px;
}
.current_subscription_container .single_member_card_inner p{
	text-align:left;
}
.single_form_input .rudr-upload{
	margin-top:15px;
}
/** You just need to get this field - end */

.filter_toggle a.filter_toggle_button {
	background-color: var(--color);
	display: flex;
	align-items: center;
	height: 35px;
	width: 35px;
	justify-content: center;
	border-radius: 50%;
	color: #ffffff;
}
.filter_toggle {
    flex: 0 0 50px;
    max-width: 50px;
    display: flex;
    align-items: center;
	justify-content: center;
	float: right;
    right: 10px;
	margin-top: 10px;
    position: absolute;
}
.page-header{
	display:flex;	
	position: relative;
}
.entry-content .filter_toggle {
    margin-bottom: calc(var(--has-content-spacing, 1)*(0.3em + 10px));
}
.entry-content .page-header{
	margin-bottom:0px;
}
.entry-content .filter-section-transaction{
	width: 30% !important;
    float: right;
    /**position: unset; **/
}
.transaction-rows{
	display:flex;
}
.button-section{
	text-align: center;
    margin-left: 10px;
    width: 40%;
}
.list_filter_options{
	display: flex;
    width: 100%;
}
.list_filter_options .block{
	width: 60%;
}
.title_with_button .filter_toggle{
	margin-top:-6px;
	right:30px;
	top:8px;
}
.entry-content .title_with_button .filter_toggle{
	margin-bottom: unset;
}
.title_with_button .filter_toggle a.filter_toggle_button_member{
	background-color: unset;
	color:black;
	margin-top: 10px;
}
.entry-content .members_list_container .filter-section-member{
	width: 30% !important;
    float: right;	
}
.entry-content .members_list_container .wrap{
	display:flex;
}
.entry-content .members_list_container .title_with_button{
	margin-top: 20px;
}
@media(max-width: 1199px) {
	.single_member_card {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media(max-width: 1024px) {
	.navbar_toggler {
		display: block;
	}
	.members_list_container,.transaction_list_container {
		flex: 100%;
		max-width: 100%;
		padding: 0px;
	}
}
@media(max-width: 767px) {
	.search-box{
		top: 2px;
    	left: 0;
    	right: 0;
	}
	.single_member_card {
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 8px;
		padding-left: 8px;
	}
	.single_member_card_content{
		padding: 25px 6px 10px;
	}
	.member_profile_image{
		height: 60px;
    	width: 60px;
		margin: 8px auto 8px;
	}
	.single_member_card_inner p{
		line-height: 20px;
		padding: 0px;
	}
	.postbox-header h2 {
		font-size: 24px;
	}
	.single_member_card_inner .name strong{
		white-space: unset;
    	text-overflow: ellipsis;
    	word-break: break-word;
		line-height: 20px;
	}
	.single_member_card_inner .status .btn{
		top: 7px;
	}
	.dashboard-content-area.subscription .amm-dash-left, .dashboard-content-area.subscription .amm-dash-right{
		padding: 0px 0px;
		flex: 0 0 100%;
		max-width: 100%;
		margin-bottom: 20px;
	}	
	.amm-dashboard-content.amm-members-content,.amm-dashboard-content.amm-transaction-content {
		padding: 0px 10px !important;
	}
	.amm-dashboard-content.amm-members-content article.amm-transaction-area {
		overflow: visible !important;
	}
	.dashboard-content-area .amm-dash-left, .dashboard-content-area .amm-dash-right{
		padding: 10px 0px;
		flex: 0 0 100%;
		max-width: 1000%;
	}
	.dashboard-content-area{
		padding: 0px;
	}
	.arm_dashboard_member_summary a.welcome-icon {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.title_with_button {
		margin: 0 !important;
		width: 100% !important;
		margin-bottom: 20px !important;
	}
	.title_with_button h2 {
		flex: 0 0 calc(100% - 115px);
		max-width: calc(100% - 115px);
		font-size: 20px;
		padding: 0px;
		position: relative;
		top: 10px;
	}
	.title_with_button .add_member {
		flex: 0 0 115px;
		max-width: 115px;
		font-size: x-large;
		padding: 0;
	}
	.title_with_button .add_member a {
		padding: 0px 0px;
		font-size: 14px;
		border:none;
		background: transparent;
		color: #005aee;
	}
	.members_list {
		margin: 0 !important;
		width: 100% !important;
	}
/* 	.single_member_card_inner p span{
		flex: 0 0 110px;
		max-width: 110px;
	}
	.single_member_card_inner p strong{
		flex: 0 0 calc(100% - 110px);
		max-width: calc(100% - 110px);
	} */
	.search_bar input {
		max-width: 100%;
	}
	.user_details_view table,
	.user_membership_history table {
		font-size: 12px;
	}
	.single_form_input > label {
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0px;
		padding-bottom: 5px;
	}
	.single_form_input input:not([type=radio], [type="checkbox"]), .single_form_input select, .single_form_input .select2-container, .single_form_input textarea, .single_form_input .iti--allow-dropdown {
		flex: 0 0 100%;
		max-width: 100%;
		width:100%;
	}
	.state label{
		padding-left:0px
	}
	.city{
		float:none;
	}
	.transaction-rows, .members-rows {
		padding: 0 !important;
		box-shadow: none !important;
	}
	.transaction-rows table.transaction-table, .payment_history table, .membership_history table, .members-rows table.members-table {
		display: block;
		border: none;
		width: 100%;
	}
	.transaction-rows table.transaction-table thead, .payment_history table thead, .membership_history table thead, .members-rows table.members-table thead {
		display: none;
	}
	.transaction-rows table.transaction-table tbody, .payment_history table tbody, .membership_history table tbody, .members-rows table.members-table tbody {
		display: black;
	}
	.transaction-rows table.transaction-table tr, .payment_history table tr, .membership_history table tr, .members-rows table.members-table tr {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		border: 1px solid #bdbdbd;
		border-bottom: none;
		margin-bottom: 10px;
	}
	.transaction-rows table.transaction-table tr td,.payment_history table tr td, .membership_history table tr td, .members-rows table.members-table tr td {
		text-align: right;
		flex: 0 0 100%;
		font-size: 12px !important;
		border: none;
		border-bottom: 1px solid #bdbdbd;
		font-weight: 600;
	}
	.transaction-rows table.transaction-table tr td:before, .payment_history table tr td:before, .membership_history table tr td:before, .members-rows table.members-table tr td:before {
		content: attr(data-label);
		float: left;
		font-weight: 400;
	}
	.entry-content .filter-section-transaction{
		width:100% !important;
	}
	.entry-content .members_list_container .filter-section-member{
		width:100% !important;
	}
}