.kt-updt-wrap {
	background: #ffffff;
	text-align: left;
	border: 1px solid #e3e4e5;
	color: #585e6c;
	font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		sans-serif;
	margin: 4em auto;
	padding: 20px 35px 30px;
	max-width: 1010px;
	border-radius: 10px;
	background: url(../../images/admin/dashboard/ticket.ad23a23a.png) right
		bottom no-repeat;
}

.kt-updt-wrap p strong {
	display: block;
	padding: 12px 15px;
	border-radius: 5px;
	color: #9d6e05;
	background: #fff3cc;
	font-size: 14px;
	font-weight: 500;
}

.result {
	padding: 10px;
	text-align: left;
	max-width: 690px;
	display: flex;
	flex-direction: column-reverse;
}

.result div {
	line-height: 2;
	color: green;
}

.return-to-dashboard .update-btn[disabled] {
	opacity: 0.5;
}

.return-to-dashboard .update-btn {
	display: inline-block;
	margin-right: 12px;
	margin-bottom: 12px;
	padding: 13px 18px;
	background: #fff;
	color: #403cf2;
	border: 1px solid #d0ceff;
	border-radius: 7px;
	font-size: 13px;
	font-weight: 500;
	box-shadow: 0 1px 2px 0 #d0ceff14;
	font-family: inherit;
	cursor: pointer;
	transition: all 0.2s;
}

.loading i {
	border-radius: 50%;
	display: inline-block;
	animation: rotation 1s linear infinite;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.return-to-dashboard button.update-btn {
	background: #eaeaff;
}

.return-to-dashboard button.update-btn:hover {
	background: #fff;
	box-shadow: 0 1px 2px 0 #d0ceff26;
	border-color: #bab7f7;
}

.return-to-dashboard a.backtowp-btn {
	padding: 13px 18px;
}

.return-to-dashboard a i,
.return-to-dashboard button i {
	margin-right: 10px;
	vertical-align: middle;
}

.backup-confirmation {
	margin-bottom: 20px;
	line-height: 1;
}

.backup-confirmation label {
	font-size: 15px;
	font-weight: 400;
	vertical-align: baseline;
}

.backup-confirmation input {
	cursor: pointer;
}

.kt-updt-wrap input[type="checkbox"] {
	width: 20px;
	height: 20px;
	border-radius: 3px;
	min-height: 20px;
	box-shadow: inset 1px 1px 2px #00000008;
}

.kt-updt-wrap input[type="checkbox"]:checked {
	border-color: #d0ceff;
	box-shadow: 0 2px 5px 0 #d0ceff26;
}

.kt-updt-wrap input[type="checkbox"]:checked:before {
	color: #403cf2 !important;
	margin: 8px 0 0 0;
	font-family: "themify";
	font-size: 16px;
	content: "\e64c";
	text-shadow: 0px 1px 4px #403cf230;
}

.kt-updt-wrap input[type="checkbox"]:focus {
	border-color: #9e9cff;
	box-shadow: 0 0 2px #403cf266;
}

.backup-plugins li {
	display: inline-block;
	width: 48%;
	padding: 10px 0;
	font-size: 15px;
	font-weight: 600;
}

.backup-plugins li img {
	display: inline;
	width: 48px;
	border-radius: 6px;
	margin-right: 12px;
}

.kt-updt-wrap .return-to-dashboard {
	margin: 20px 0 0;
}

.kt-updt-wrap h2 {
	font-size: 21px;
	font-weight: 600;
	color: #404756;
	margin: 0px;
	text-align: left;
	padding-top: 10px;
}

.progress-container {
	box-sizing: content-box;
	max-width: 74%;
	height: 22px;
	position: relative;
	margin: 10px 0;
	background: #f4f5f6;
	border-radius: 6px;
	padding: 3px;
	border: 1px solid #e7e8e9;
}

.progress-bar {
	display: block;
	width: 0;
	height: 100%;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	background-color: #44c949;
	position: relative;
	overflow: hidden;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	transition: all 0.5s ease;
}

.progress-bar:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: linear-gradient(
		-45deg,
		rgba(255, 255, 255, 0.2) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.2) 50%,
		rgba(255, 255, 255, 0.2) 75%,
		transparent 75%,
		transparent
	);
	z-index: 1;
	background-size: 50px 50px;
	animation: move 3s linear infinite;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	overflow: hidden;
}

@keyframes move {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 50px 50px;
	}
}

@media (max-width: 767px) {
	.backup-plugins li {
		width: 100%;
	}
	.progress-container {
		max-width: 100%;
	}
	.kt-updt-wrap {
		padding: 4% 5% 8%;
	}
}