.atlasaidev-dr-modal,
 .atlasaidev-dr-modal * {
	box-sizing: border-box;
}

.atlasaidev-dr-modal {
	position: fixed;
	z-index: 99999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	display: none;
}

.atlasaidev-dr-modal.modal-active {
	display: block;
}

.atlasaidev-dr-modal strong,
 .atlasaidev-dr-modal b {
	font-weight: 700;
}

.atlasaidev-dr-modal-wrap {
	width: 475px;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99;
	margin: 10% auto;
	background: #fff;
}

.atlasaidev-dr-modal-wrap.support {
	display: none; /* Shown by the script. */
	z-index: 999;
	margin: 6% auto;
}

.atlasaidev-dr-modal-wrap .response {
	position: absolute;
	display: none;
	background: rgba(0, 150, 136, 0.68);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}

.atlasaidev-dr-modal .response.show {
	display: block;
}

.atlasaidev-dr-modal-wrap .response .wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	flex-flow: column;
	padding: 40px 40px;
	margin: 20px 20px;
	text-align: center;
	background: #fff;
}

.atlasaidev-dr-modal .reason .response .wrapper {
	width: calc(100% - 80px);
	height: calc(100% - 80px);
	flex-flow: column;
	padding: 40px 40px;
	margin: 40px;
}

.atlasaidev-dr-modal .button .dashicons {
	margin: 4px 0;
}

.atlasaidev-dr-modal-header {
	border-bottom: 1px solid #eee;
	padding: 8px 40px 8px 20px;
	position: relative;
	display: block;
	width: 100%;
	float: left;
}

.atlasaidev-dr-modal-header h3 {
	line-height: 1.5;
	margin: 0;
}

.atlasaidev-dr-modal-close {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	line-height: 0;
}

.atlasaidev-dr-modal-close svg {
	font-size: 20px;
	display: inline-block;
	width: 1em;
	height: 1em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.atlasaidev-dr-modal-body {
	padding: 5px 20px 20px 20px;
	position: relative;
	display: block;
	width: 100%;
	float: left;
	box-sizing: border-box;
}

.atlasaidev-support-banner {
	background: #f0f6fc;
	border: 1px solid #c3d1e0;
	border-radius: 4px;
	padding: 10px 15px;
	margin: 10px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.atlasaidev-support-banner span {
	font-size: 13px;
	color: #1d2327;
}

.atlasaidev-dr-modal-body .reason-input {
	margin-top: 5px;
	margin-left: 20px;
}

.atlasaidev-dr-modal-footer {
	border-top: 1px solid #eee;
	padding: 12px 20px;
	text-align: right;
	position: relative;
	display: block;
	width: 100%;
	float: left;
}

.atlasaidev-dr-modal-footer a,
 .atlasaidev-dr-modal-footer button {
	vertical-align: middle;
}

.support .atlasaidev-dr-modal-footer {
	text-align: left;
}

.support .atlasaidev-dr-modal-footer button {
	float: right;
	margin-left: 10px;
}

.atlasaidev-dr-modal .atlasaidev-row {
	position: relative;
	width: 100%;
	display: block;
	box-sizing: border-box;
	float: left;
	margin: 4px auto;
}

.mui {
	border: 0;
	margin: 0;
	display: inline-flex;
	padding: 0;
	min-width: 0;
	flex-direction: column;
	vertical-align: top;
}

.atlasaidev-dr-modal .atlasaidev-row.col-2 {
	width: calc(50% - 16px);
}

.atlasaidev-dr-modal .atlasaidev-row.col-3 {
	width: calc(calc(100% / 3) - 16px);
}

.atlasaidev-dr-modal .atlasaidev-row.col-left {
	margin-right: 8px;
}

.atlasaidev-dr-modal .atlasaidev-row.col-center {
	margin-left: 8px;
	margin-right: 8px;
}

.atlasaidev-dr-modal .atlasaidev-row.col-right {
	margin-left: 8px;
}

.atlasaidev-dr-modal .mui .atlasaidev-form-control {
	cursor: text;
	display: inline-flex;
	position: relative;
	font-size: 1rem;
	box-sizing: border-box;
	align-items: center;
	line-height: 1.1875;
	width: 100%;
}

.atlasaidev-dr-modal .mui label {
	color: rgba(0, 0, 0, 0.54);
	padding: 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.00938em;
	display: block;
	transform-origin: top left;
	top: 0;
	left: 0;
	position: absolute;
	transform: translate(0, 24px) scale(1);
	transition: color 200ms cubic-bezier(0, 0, 0.2, 1) 0ms, transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}

.atlasaidev-dr-modal .mui label.focused {
	color: #007cba;
}

p:not(.helper-text).mui-error,
 div:not(.helper-text).mui-error,
 .atlasaidev-dr-modal .mui label.mui-error {
	color: #f44336;
}

p:not(.helper-text).mui-error,
 div:not(.helper-text).mui-error {
	padding: 5px 10px;
	border: 1px solid #f44336;
	font-weight: 700;
}

.atlasaidev-dr-modal .mui label.shrink {
	transform: translate(0, 1.5px) scale(0.75);
	transform-origin: top left;
}

.atlasaidev-dr-modal .mui label + .atlasaidev-form-control {
	margin-top: 16px;
}

.atlasaidev-dr-modal .mui .atlasaidev-form-control::before {
	left: 0;
	right: 0;
	bottom: 0;
	content: "\00a0";
	position: absolute;
	transition: border-bottom-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
	border-bottom: 1px solid rgba(0, 0, 0, 0.42);
	pointer-events: none;
}

.atlasaidev-dr-modal .mui .atlasaidev-form-control:hover:not(.disabled)::before {
	border-bottom: 2px solid rgba(0, 0, 0, 0.87);
}

.atlasaidev-dr-modal .mui .atlasaidev-form-control::after {
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	position: absolute;
	transform: scaleX(0);
	transition: transform 200ms cubic-bezier(0, 0, 0.2, 1) 0ms;
	border-bottom: 2px solid #007cba;
	pointer-events: none;
}

.atlasaidev-dr-modal .mui .atlasaidev-form-control.focused::after {
	transform: scaleX(1);
}

.atlasaidev-dr-modal .mui .atlasaidev-form-control.mui-error::after {
	transform: scaleX(1);
	border-bottom-color: #f44336;
}

.atlasaidev-dr-modal .mui .atlasaidev-form-control input,
.atlasaidev-dr-modal .mui .atlasaidev-form-control textarea {
	font: inherit;
	color: currentcolor;
	width: 100%;
	border: 0;
	height: 1.1875em;
	min-height: auto;
	margin: 0;
	display: block;
	padding: 6px 0 7px;
	min-width: 0;
	background: none;
	box-sizing: content-box;
	-webkit-tap-highlight-color: transparent;
}

.atlasaidev-dr-modal .mui .atlasaidev-form-control input {
	animation-name: mui-keyframes-auto-fill-cancel;
}

.atlasaidev-dr-modal .mui .atlasaidev-form-control input:-moz-autofill,
.atlasaidev-dr-modal .mui .atlasaidev-form-control input:-webkit-autofill {
	animation-name: mui-keyframes-auto-fill;
	animation-duration: 5000s;
}

@-webkit-keyframes mui-keyframes-auto-fill {

	from { opacity: 1; }
}

@-webkit-keyframes mui-keyframes-auto-fill-cancel {

	from { opacity: 1; }
}

.atlasaidev-dr-modal .mui .atlasaidev-form-control textarea {
	height: auto;
	resize: none;
	padding: 0;
}

.atlasaidev-dr-modal .mui .atlasaidev-form-control input::-webkit-search-decoration,
.atlasaidev-dr-modal .mui .atlasaidev-form-control textarea::-webkit-search-decoration {
	-webkit-appearance: none;
}

.atlasaidev-dr-modal .mui .atlasaidev-form-control input::-webkit-input-placeholder,
.atlasaidev-dr-modal .mui .atlasaidev-form-control textarea::-webkit-input-placeholder {
	color: currentcolor;
	opacity: 0.42;
	transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.atlasaidev-dr-modal .mui .atlasaidev-form-control input::-moz-placeholder,
.atlasaidev-dr-modal .mui .atlasaidev-form-control textarea::-moz-placeholder {
	color: currentcolor;
	opacity: 0.42;
	transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.atlasaidev-dr-modal .mui .atlasaidev-form-control input:-ms-input-placeholder,
.atlasaidev-dr-modal .mui .atlasaidev-form-control textarea:-ms-input-placeholder {
	color: currentcolor;
	opacity: 0.42;
	transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.atlasaidev-dr-modal .mui .atlasaidev-form-control input::-ms-input-placeholder,
.atlasaidev-dr-modal .mui .atlasaidev-form-control textarea::-ms-input-placeholder {
	color: currentcolor;
	opacity: 0.42;
	transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.atlasaidev-dr-modal .mui .atlasaidev-form-control input:focus,
.atlasaidev-dr-modal .mui .atlasaidev-form-control input:invalid,
.atlasaidev-dr-modal .mui .atlasaidev-form-control textarea:focus,
.atlasaidev-dr-modal .mui .atlasaidev-form-control textarea:invalid {
	outline: 0;
	box-shadow: none;
}

.atlasaidev-dr-modal .mui .helper-text {
	color: rgba(0, 0, 0, 0.54);
	margin: 8px 0 0 0;
	font-size: 0.75rem;
	min-height: 1em;
	text-align: left;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.03333em;
}

.atlasaidev-dr-modal .mui .helper-text.contained {
	margin: 8px 14px 0;
}

.atlasaidev-dr-modal .mui .helper-text.mui-error {
	color: #f44336;
}

.atlasaidev-dr-modal .button.disabled,
 .atlasaidev-dr-modal button.disabled {
	cursor: not-allowed !important;
}

/*.atlasaidev-dr-modal .atlasaidev-row input, .atlasaidev-dr-modal .atlasaidev-row textarea { width: calc( 100% - 10px ); margin: 0 5px; display: block; vertical-align: middle; box-sizing: border-box; float: left; }*/