/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */
.membership_plans_list {
    width: 50%;
}
.member-synchronize-ce21{
	width: 50%;
}
.member-palan-listing-title-ce21{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.toplevel_page_single_sign_on_ce21 img{
	padding-top: 7px !important;
}
.membership_plans_list_checkbox{
	/*background-color:#363b3f;color:#fff;padding:25px;*/
	display: block;
	float: left;
	height: 100%;
	margin-bottom: 20px;
}
.ms-options-wrap > button > span {
    display: inline-block;
    color: #aaa!
}
.membership_plans_list_checkbox label{
	margin-top:4px;margin-bottom:0;padding-left:4px;
}
.membership_plans_list_checkbox #send_error_log{
 	float:right;
}
.be_group.checked::before {
	content: "\f147";
	margin: -3px 0 0 -4px;
	color: #1e8cbe;
	font: normal 21px/1 dashicons;
	float: left;
	display: inline-block;
	vertical-align: middle;
	width: 16px;
}

/* Groups Metabox Styles */
#post_authentication_option_id_ce21 label {
    display: block;
    margin: 5px 0;
    padding: 3px 0;
    cursor: pointer;
    font-weight: normal;
}

#post_authentication_option_id_ce21 label:hover {
    background-color: #f9f9f9;
    border-radius: 3px;
}

#post_authentication_option_id_ce21 input[type="checkbox"] {
    margin-right: 8px;
    vertical-align: middle;
}

#post_authentication_option_id_ce21 #ckbCheckAll {
    font-weight: bold;
    color: #0073aa;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#post_authentication_option_id_ce21 #ckbCheckAll:hover {
    color: #005a87;
}

/* New Metabox Structure Styles */
.ce21-groups-metabox {
    margin: 10px 0;
}

.ce21-select-all-label {
    display: block;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 2px solid #0073aa;
    font-weight: bold;
    color: #0073aa;
    cursor: pointer;
}

.ce21-select-all-label:hover {
    color: #005a87;
    border-bottom-color: #005a87;
}

.ce21-select-all-label input[type="checkbox"] {
    margin-right: 8px;
    vertical-align: middle;
}

.ce21-groups-list {
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px;
    background-color: #fafafa;
}

.ce21-group-item {
    display: block;
    margin: 4px 0;
    padding: 6px 8px;
    cursor: pointer;
    border-radius: 3px;
    border-left: 3px solid transparent;
}

.ce21-group-item:hover {
    background-color: #e7f3ff;
    border-left-color: #0073aa;
}

.ce21-group-item input[type="checkbox"] {
    margin-right: 8px;
    vertical-align: middle;
}

.ce21-no-groups {
    color: #666;
    font-style: italic;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 4px;
    border-left: 4px solid #ffb900;
}

.ce21-error {
    color: #dc3232;
    font-style: italic;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 4px;
    border-left: 4px solid #dc3232;
}

/* Quick Edit and Bulk Edit Styles */
.inline-edit-col-center label {
    display: block;
    margin: 3px 0;
    padding: 2px 0;
    cursor: pointer;
}

.inline-edit-col-center label:hover {
    background-color: #f9f9f9;
    border-radius: 2px;
    padding-left: 3px;
}

.inline-edit-col-center input[type="checkbox"] {
    margin-right: 6px;
    vertical-align: middle;
}

.inline-edit-col-center #ckbCheckAll,
.inline-edit-col-center #ckbulkCheckAll {
    font-weight: bold;
    color: #0073aa;
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
    margin-bottom: 8px;
}

.inline-edit-col-center #ckbCheckAll:hover,
.inline-edit-col-center #ckbulkCheckAll:hover {
    color: #005a87;
}

.ce21-ss-alert {
	padding: 15px;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.ce21-ss-alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.ce21-ss-alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.ce21-ss-admin-loader{
	text-align: center;
	position: fixed;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	background-color: rgba(255, 255, 255, 0.5);
	z-index: 999999;
}
/* The Modal (background) */
.ce21-ss-modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content */
.ce21-ss-modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 50%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}
/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}
@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}
/* The Close Button */
.ce21-ss-close {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
.ce21-ss-close:hover,
.ce21-ss-close:focus {
	color: white;
	text-decoration: none;
	cursor: pointer;
}
.ce21-ss-modal-header {
	padding: 15px 16px;
	background-color: #23282D;
	color: white;
}
.ce21-ss-modal-header h2{
	color: white;
	margin:0;
}
.ce21-ss-modal-body {padding: 2px 16px;}
.ce21-ss-modal-footer {
	padding: 15px 16px;
	background-color: #23282D;
	color: white;
}
.ce21-ss-modal-footer p {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding: 0;
}
.ce21-ss-notice{
	border-left-color: #46b450 !important;
	margin: 5px 0 15px;
	background: #fff;
	border: 1px solid #ccd0d4;
	box-shadow: 0 1px 1px rgba(0,0,0,.04);
	padding: 1px 12px;
}
.table-responsive.ce21-ss-custom-table-responsive{
	overflow-x: inherit;
}
.margin-top-15{
	margin-top:15px;
}
.margin-top-10{
	margin-top:10px;
}
@media(max-width:1367px )
{
	.table-responsive.ce21-ss-custom-table-responsive{
		overflow-x: auto;
	}
}
@media only screen and (max-width: 767px) {
	.ce21-ss-modal-content {
		position: relative;
		background-color: #fefefe;
		margin: auto;
		padding: 0;
		border: 1px solid #888;
		width: 80%;
		box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
		-webkit-animation-name: animatetop;
		-webkit-animation-duration: 0.4s;
		animation-name: animatetop;
		animation-duration: 0.4s
	}
}

.membership_plans_list .accordion-item{
	border-color: #ddd !important; 
	margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px !important;
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.membership_plans_list .accordion-item .member-palan-listing-title-ce21{
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.membership_plans_list .accordion-body{
    border-top-color: #ddd !important;
}

.membership_plans_list .accordion-button{
padding: 0 !important;
background-color: transparent !important;
text-decoration: none;
position: relative;
padding-left: 18px !important;
cursor: pointer;
}

.membership_plans_list .accordion-button:hover{
	background-color: transparent !important;
	color: #212529 !important;
	}

.membership_plans_list .accordion-button:not(.collapsed)::after{
	content: "-";
	background-image: none !important;
	transform: translateY(-50%);
}

.membership_plans_list .accordion-button::after{
	content: "+";
	background-image: none !important;
	position: absolute;
	left: 0;
	font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 17px;
}

.membership_plans_list .accordion-button:not(.collapsed){
	color: #212529 !important;
}
.custom_group_listing label {
    display: block !important;
}

/* Style the 'Select All' link */
.ms-selectall.global {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    color: #333;
    cursor: pointer;
}

/* Style for the checkbox before the link text */
.ms-selectall.global::before {
    content: '';
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 8px; 
    border: 1px solid #8c8f94; /* Border color for the checkbox */
    border-radius: 3px;
    background-color: #fff;  /* White background for the checkbox */
    vertical-align: middle;
    cursor: pointer;
    position: relative;  /* Make sure the checkbox is positioned */
    box-shadow: none;
}

/* Remove box-shadow when the link gets focus */
a.ms-selectall.global:focus {
    box-shadow: none !important;
}
/* Change the checkmark appearance when checked */
.ms-selectall.global.checked::before {
    content: "";
    height: 16px;
    width: 16px;
	background: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 21px;
}
.ms-options-wrap > .ms-options .ms-selectall {
    font-size: 16px !important;
    text-transform: unset !important;
}

.ms-options-wrap > .ms-options > ul label {

    padding-left:28px !important;
   
}
.classifiedads-list {
        width: 99% !important;
    }
#DataTables_Table_0_wrapper div#DataTables_Table_0_length select {
    padding: 0 24px 0 8px !important;
}
.dataTables_wrapper .dataTables_filter input {
margin-left: .5em;
    display: inline-block;
    width: auto;
    margin-right: 15px;
    margin-bottom: 18px;    
}
#DataTables_Table_0 th:first-child,
#DataTables_Table_0 td:first-child {
    display: none;
}