body.modal-open {
	overflow: auto !important;
}

div#wpcontent {
    background: #fff;
}

.cmgf-wrapper__sticky {
	position: sticky;
	z-index: 100;
	top: 32px;
	margin: 0 0 0 -20px;
	padding: 10px 20px;
	background-color: hsl(229, 80%, 57%);
	font-size: 14px;
}

.cmgf-wrapper-button {
	border: 1px #3858e9 solid;
	padding: 5px 13px 6px 13px;
	background-color: #ffffff;
	color: #3858e9;
	cursor: pointer;
	border-radius: 5px;
	margin: 0px 6px;
}

.cmgf-wrapper-button--no-margin {
	margin: 0px !important;
}

.cmgf-wrapper-button--changed {
	animation: cmgf-pulse 1.5s infinite;
	background-color: #3858e9;
	color: #ffffff;
	border: 1px solid #bbd0d3d3;
}

@keyframes cmgf-pulse {
	0% {
		box-shadow: 0 0 5px #bbd0d3d3;
	}
	50% {
		box-shadow: 0 0 15px #bbd0d3d3
	}
	100% {
		box-shadow: 0 0 5px #bbd0d3d3
	}
}

.cmgf-container {
	padding: 20px;
	border-radius: 8px;
}

.cmgf-container__h1 {
	font-size: 24px;
	margin-bottom: 10px;
	text-align: center;
	color: #333333;
}

.cmgf-container .updated , .cmgf-container .error {
    padding: 8px;
    margin: 0px;
    font-size: 13px;
}

.cmgf-form {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 20px;
}

.cmgf-form .error{
	margin: 0px;
	width: 100%;
	padding:3px;
}

.cmgf-form__fields {
	width: 100%;
}

.cmgf-form__fields--label{
	font-weight: 700;
	padding: 4px 0px;
	display: block;
}

.cmgf-form__fields--input {
	flex: 1;
	padding: 8px;
	font-size: 14px;
	border: 1px solid #dddddd;
	border-radius: 4px;
	width: 100% !important;
	max-width: 100% !important;
	padding: 8px;
	box-sizing: border-box;
}

.cmgf-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 20px;
}

.cmgf-table__separator {
    background-color: #dfdfdf;
    padding: 6px;
    border: 1px #dfdfdf solid;
    border-radius: 6px;
}

.cmgf-table th, .cmgf-table td {
	text-align: left;
	padding: 10px;
	border: 1px solid #dddddd;
}

.cmgf-table th {
	background-color: #f1f1f1;
}

.cmgf-loader {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 200px;
}

.cmgf-loader__spin {
	border: 4px solid #f3f3f3;
	border-top: 4px solid #3498db;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: cmgf-spin 2s linear infinite;
}

@keyframes cmgf-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.cmgf-nc-container{
	padding: 80px 0px;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #dfdfdf;
}

.cmgf-nc-status {
    font-size: 16px;
    margin: 10px 6px;
    font-weight: 700;
}

.cmgf-nc-status-desc{
	margin: 6px;
}
.cmgf-nc-btns {
    margin-top: 20px;
}

.cmgf-multi-currency-upsell {
    display: block;
    margin-top: 20px;
}