:root {
	--color1: #242424;
	--color2: #ca0000;
	--color3: #004990;
	--color4: #efefef;
	--color5: #eae9e9;
	--color6: #005fc2;
	--color7: #121416;
	--color8: #da63be;
	--color9: #dcdfe6;
	--curve10: 10px;
	--curve20: 1.25rem;
	--curve3: 3px;
	--curve5: 5px;
	--transition: all 0.2s cubic-bezier(0.19, 0.68, 0.49, 1.21);
	--transition2: all 0.3s linear;
	--font-lato: lato;
}

@font-face {
	font-family: icomoon;
	src: url("../fonts/icomoon.eot?c16bl7");
	src: url("../fonts/icomoon.eot?c16bl7#iefix") format("embedded-opentype"),
		url("../fonts/icomoon.ttf?c16bl7") format("truetype"),
		url("../fonts/icomoon.woff?c16bl7") format("woff"),
		url("../fonts/icomoon.svg?c16bl7#icomoon") format("svg");
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

.icon-F-Figgers1Filled[class^="icon-"],
.icon-F-Figgers1Filled[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: icomoon, serif !important;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;

	/* Better Font Rendering =========== */
	text-transform: none;
}

.icon-F-Figgers1Filled::before {
	content: "\e900";
}

.slide-enter-active,
.slide-leave-active {
	transition: opacity 1s, transform 1s;
}

.slide-enter-from,
.slide-leave-to {
	opacity: 0;
	transform: translateX(-30%);
}

/* ===== Page Loader ===== */

@keyframes AnimationName {
	0% {
		background-position: 0 30%;
	}

	50% {
		background-position: 100% 71%;
	}

	100% {
		background-position: 0 30%;
	}
}

@keyframes AnimationName {
	0% {
		background-position: 0 30%;
	}

	50% {
		background-position: 100% 71%;
	}

	100% {
		background-position: 0 30%;
	}
}

@keyframes AnimationName {
	0% {
		background-position: 0 30%;
	}

	50% {
		background-position: 100% 71%;
	}

	100% {
		background-position: 0 30%;
	}
}

.d-none {
	display: none;
}

.page-loader,
.page-loaders {
	animation: AnimationName 30s ease infinite;
	background: linear-gradient(140deg, #004990, #fff);
	background-size: 400% 400%;

	/* background-color: #f8f8f8; */
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999999;
}

.preloader-inner {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.preloader-inner>span.fill-text {
	bottom: 0;
	display: block;
	font-size: 15rem;
	font-weight: bold;
	height: 240px;
	left: 50%;
	line-height: 1;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 50%;
	transform: translate(-50%, -50%);
	vertical-align: bottom;
}

@keyframes wave-animation {
	0% {
		background-position: 0 bottom;
	}

	100% {
		background-position: 200px bottom;
	}
}

@keyframes wave-animation {
	0% {
		background-position: 0 bottom;
	}

	100% {
		background-position: 200px bottom;
	}
}

@keyframes loading-animation {
	0% {
		background-size: 200px 0;
	}

	90% {
		background-size: 200px 130%;
	}
}

@keyframes loading-animation {
	0% {
		background-size: 200px 0;
	}

	90% {
		background-size: 200px 130%;
	}
}

.wave-fill {
	-webkit-animation: wave-animation 1s infinite linear, loading-animation 10s linear;
	animation: wave-animation 1s infinite linear, loading-animation 10s linear;
	-webkit-background-clip: text;
	background-image: url(../img/uFpLbYt.png);
	background-repeat: repeat-x;
	background-size: 200px 130%;
	color: transparent;
	opacity: 1;
	-webkit-text-stroke: 2px rgb(66 63 63 / 30%);
}

@font-face {
	font-family: "Product Sans Regular";
	font-style: normal;
	font-weight: normal;
	src: local("Product Sans Regular"),
		url("../fonts/ProductSans-Regular.woff") format("woff");
}

@font-face {
	font-family: "Product Sans Medium Regular";
	font-style: normal;
	font-weight: normal;
	src: local("Product Sans Medium Regular"),
		url("../fonts/ProductSans-Medium.woff") format("woff");
}

@font-face {
	font-family: "Product Sans Bold";
	font-style: normal;
	font-weight: normal;
	src: local("Product Sans Bold"),
		url("../fonts/ProductSans-Bold.woff") format("woff");
}

* {
	box-sizing: border-box;
}

html,
body,
.el-scrollbar__wrap {
	overflow-x: hidden;
}

.el-scrollbar__bar.is-horizontal {
	display: none;
}

html {
	margin: 0 !important;
}

body {
	font-family: lato, serif;
	margin: 0;
	position: relative;
	width: 100%;
}

#wpadminbar {
	display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

i,
a,
img,
input,
button,
textarea,
::before,
::after,
label,
span,
nav ul li {
	transition: all 0.3s linear;
}

.d-none {
	display: none;
}

.pt-30 {
	padding-top: 1.875rem;
}

.pb-30 {
	padding-bottom: 1.875rem;
}

.support-panel-info-list-wrap .el-dialog .el-dialog__body .el-scrollbar__wrap {
	margin-bottom: 10px !important;
}

.figgers-support-panel {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	width: 100%;
}

.custom-container {
	padding: 0 5rem;
	width: 100%;
}

.container {
	margin: 0 auto;
	max-width: 1170px;
	padding: 0 1.25rem;
}

.el-popup-parent--hidden {
	overflow-y: hidden;
	padding-right: 0 !important;
}

/* .figgers-support-panel .el-header {
	position: relative !important;
  } */

.list-wraper,
.figgers-support-dashboard-wrapper {
	min-height: calc(100vh - 130px);
	position: relative;
}

.figgers-support-panel .el-button--primary {
	background: #004990;
	border-color: #004990;
}

.figgers-support-panel .el-button--primary:hover,
.figgers-support-panel .el-button--primary.active,
.el-button--primary:focus {
	background: #242424;
	border-color: #242424;
}

.figgers-support-panel h2 {
	font-size: 2rem;
	letter-spacing: 1px;
	padding-bottom: 20px;
}

.figgers-support-panel a {
	color: #fff;
	text-decoration: none;
}

.figgers-support-panel a:hover,
a:active,
a:focus {
	color: #fff;
	opacity: 0.8;
}

.el-dialog table.customer-detail {
	width: 100%;
}

.el-dialog table.customer-detail tr.heading>th {
	background: #004990;
	color: #fff;
	padding: 15px;
	text-align: center;
	width: 100%;
}

.el-dialog table.customer-detail {
	text-align: left;
}

body.el-popup-parent--hidden .v-modal {
	z-index: 100000 !important;
}

body.el-popup-parent--hidden .el-dialog__wrapper {
	z-index: 400000 !important;
}

section.el-container.is-vertical {
	min-height: 100vh;
}

.email-actions,
.bulk-action-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
	margin-bottom: 1.25rem;
}

.bulk-action-wrapper {
	flex-wrap: nowrap;
}

.figgers-support-panel .email-actions .el-button--primary,
.bulk-action-wrapper button.el-button {
	font-size: 12px;
	padding: 8px 1rem;
}

/* .support-panel-info-list-wrap table tr td button.el-button--primary {
	  background-color: transparent;
	  color: #004990;
  } */

.figgers-support-panel .email-actions .el-button--primary i,
.bulk-action-wrapper button.el-button i {
	font-weight: 700;
}

.support-panel-info-list-wrap table tr td button.el-button--primary:hover,
.support-panel-info-list-wrap table tr td button.el-button--primary:focus {
	background-color: #004990;
	color: #fff;
}

.support-panel-info-list-wrap>button {
	margin-bottom: 1.25rem;
}

.el-message-box__wrapper {
	z-index: 2000000 !important;
}

.customer-detail>table tr.date>th {
	background: #dbf1ff;
	color: #606266;
	padding: 10px;
	text-align: left;
	width: 100%;
}

.customer-detail>table {
	width: 100%;
}

.customer-detail>table tr.location>td {
	background: #f2f8ff;
	color: #606266;
	padding: 10px;
	width: 100%;
}

.customer-detail>table tr.activity>td:first-child {
	padding: 10px;

	/* border-right: 1px solid #efefef; */
	width: 20%;
}

.customer-detail>table tr.activity>td {
	width: 80%;
}

.customer-detail>table tr>td {
	color: #777;
}

/* ===== Figgers Support Panel Style ===== */

/* === Header Style === */
header.dashboard-header {
	background-color: #2d4d95;
	padding: 1.5rem 12px;

	/* -webkit-box-shadow: 0 7px 4px 2px rgba(0, 0, 0, 0.03);
			box-shadow: 0 7px 4px 2px rgba(0, 0, 0, 0.03); */
	position: relative;
}

.header-inner {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
}

.header-inner .logo h1 {
	margin: 0;
}

.header-inner .logo h1 a {
	display: block;
}

.header-right {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.header-inner .logo+.header-right {
	flex: 0 0 calc(100% - 20rem);
	max-width: calc(100% - 20rem);
}

.login-status>span {
	color: #fff;
	display: block;
	font-size: 16px;
}

.login-status>i {
	color: #919191;
	display: block;
	font-size: 12px;
	font-style: normal;
}

.login-status+.header-info-data,
.header-info-data+.header-author {
	padding-left: 1.875rem;
}

.header-info-data {
	display: flex;
	flex-wrap: wrap;
}

.header-chat>a,
.header-notify>a,
.header-logout>a {
	color: #fff;
	display: inline-block;
	position: relative;
}

.header-chat>a svg,
.header-notify>a svg,
.header-logout>a svg,
.header-chat>a img,
.header-notify>a img,
.header-logout>a img {
	fill: #fff;
	height: 1.5rem;
}

.header-chat>a span,
.header-notify>a span {
	background-color: #cf2525;
	border-radius: 50%;
	font-size: 7px;
	height: 1rem;
	line-height: 1rem;
	position: absolute;
	right: -6px;
	text-align: center;
	top: -5px;
	width: 1rem;
	z-index: 1;
}

.header-chat,
.header-notify {
	margin: 0 10px;
}

.header-author {
	cursor: pointer;
}

.author-top {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}

.author-top>img {
	border-radius: 50%;
	flex: 0 0 75px;
	max-width: 75px;
}

.author-top>img+.author-cap {
	padding-left: 13px;
}

.author-cap>h5 {
	color: #fff;
	font-size: 14px;
}

.author-cap>span {
	color: #abadb6;
	display: block;
	font-size: 10px;
	margin-top: 3px;
}

.header-author+.header-logout {
	padding-left: 1.25rem;
}

/* === Support Topbar Style === */
.support-topbar-wrap {
	background: #fff;
	box-shadow: 0 0 5px rgb(0 0 0 / 5%);
	left: 0;
	z-index: 9999;
}

.support-topbar-inner {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	min-height: 50px;
}

.support-topbar-inner>h3 {
	color: #423f3f;
	font-family: "Product Sans Regular", serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 16px;
}

/* .support-topbar-right > ul {
	  align-items: center;
	  border: 0 !important;
	  display: inline-flex;
	  flex-wrap: wrap;
	  list-style: none;
	  margin: 0;
	  padding-left: 0;
  }

  .support-topbar-right > ul li {
	  background-color: #fff;
	  border: 0 !important;
	  border-radius: 50rem;
	  border-radius: 50rem;
	  color: #423f3f !important;
	  display: block;
	  font-family: "Product Sans Regular";
	  font-size: 14px;
	  height: initial !important;
	  line-height: 1 !important;
	  margin: 0 8px !important;
	  padding: 8px 1rem;
	  position: relative;
  }

  .support-topbar-right > ul li.active,
  .support-topbar-right > ul li.is-active {
	  box-shadow: 0 1px 4px 0 rgb(5 5 5 / 15%);
	  box-shadow: 0 1px 4px 0 rgb(5 5 5 / 15%);
	  font-family: "Product Sans Regular";
	  font-weight: 500;
  } */
.supportmenu-wrap {
	background-color: #f4f4f4;
	-webkit-box-shadow: 0 0 1rem rgb(0 0 0 / 20%);
	box-shadow: 0 0 1rem rgb(0 0 0 / 20%);
	display: none;
	height: 100%;
	left: 0;
	max-width: 270px;
	padding-bottom: 2.5rem;
	position: fixed;
	top: 0;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
	width: 0;
	z-index: 999;
}

.supportmenu-logo {
	background-color: #2d4d95;
	min-height: 140px;
	padding: 23px 30px;
}

.supportmenu-logo>img {
	-webkit-filter: invert(1);
	filter: invert(1);
	max-height: 90px;
	opacity: 0.2;
}

.supportmenu-logo .el-button--primary {
	background-color: transparent !important;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	font-size: 17px;
	opacity: 0.5;
	padding: 0;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 2;
}

.supportmenu-logo .el-button--primary:hover {
	opacity: 1;
}

.supportmenu-wrap ul {
	background-color: transparent;
	border: 0 !important;
	list-style: none;
	margin: 0;
}

.supportmenu-wrap ul>li.el-menu-item.is-active {
	color: #fff !important;
	font-family: "Product Sans Regular", serif;
	font-weight: 500;
}

.supportmenu-wrap[collapse="true"] {
	display: block;
	width: 270px;
}

.supportmenu-wrap ul li {
	border: 0 !important;
	color: #423f3f !important;
	display: block;
	float: none;
	font-family: "Product Sans Regular", serif;
	font-size: 0.9375rem;
	height: initial !important;
	line-height: 1 !important;
	margin: 0 !important;
	padding: 12.5px 1.875rem !important;
	position: relative;
	width: 100%;
	z-index: 1;
}

.supportmenu-wrap ul li.no-padding,
.supportmenu-wrap ul li.el-submenu ul.el-menu>li.no-padding {
	padding: 0 !important;
}

.supportmenu-wrap ul li a {
	color: inherit !important;
	display: block;
	padding: 12.5px 1.875rem !important;
}

.supportmenu-wrap ul li.el-submenu ul.el-menu>li.no-padding a {
	padding: 10px 12px !important;
}

.supportmenu-wrap ul li:hover {
	background-color: transparent;
	color: var(--color3) !important;
}

.supportmenu-wrap ul li::before {
	background-color: var(--color3);
	-webkit-border-radius: 0.3125rem;
	border-radius: 0.3125rem;
	bottom: 0;
	content: "";
	left: 1px;
	opacity: 0;
	position: absolute;
	right: 1px;
	top: 0;
	z-index: -1;
}

.supportmenu-wrap ul li.el-menu-item.is-active::before {
	opacity: 1;
}

.supportmenu-wrap ul li:first-child {
	text-transform: uppercase;
}

.supportmenu-wrap ul li+li {
	border-top: 1px solid #d6d6d6 !important;
}

.supportmenu-wrap ul li.el-submenu {
	padding: 0 1.875rem !important;
}

.supportmenu-wrap ul li.el-submenu .el-submenu__title {
	background-color: transparent;
	color: inherit;
	font-size: inherit;
	height: initial;
	line-height: initial;
	padding: 12.5px 12.5px 12.5px 0 !important;
}

.supportmenu-wrap ul li.el-submenu .el-submenu__title>i {
	color: inherit;
	font-size: inherit;
	right: 0;
}

.supportmenu-wrap ul li.el-submenu ul.el-menu {
	background-color: transparent;
	padding-bottom: 10px;
}

.supportmenu-wrap ul li.el-submenu ul.el-menu>li {
	border-color: #c8c4c4 !important;
	min-width: initial;
	padding: 10px 12px !important;
}

.supportmenu-wrap ul li.el-submenu ul.el-menu>li:first-child {
	text-transform: initial;
}

.supportmenu-wrap ul li.el-submenu.is-opened {
	background-color: #eaeaea;
}

.supportmenu-wrap ul li.el-submenu ul.el-menu>li a {
	color: inherit !important;
}

.supportmenu-wrap ul li.el-submenu ul.el-menu>li:hover,
.supportmenu-wrap ul li.is-opened,
.supportmenu-wrap ul li.el-submenu.is-active,
.supportmenu-wrap ul li.el-submenu ul.el-menu>li.el-submenu.is-active {
	background-color: transparent;
	color: var(--color3) !important;
}

.supportmenu-wrap ul li.el-submenu ul.el-menu>li.is-opened {
	padding: 0 12px !important;
}

.supportmenu-wrap ul li.el-submenu ul.el-menu>li.is-active {
	color: #fff !important;
}

.supportmenu-wrap .el-scrollbar__wrap {
	margin-bottom: 10px !important;
}

/* === Support & Services Style === */
.figgers-support-inner {
	padding: 0 108px;
}

.figgers-support-inner>div.row {
	margin: 0 -10px;
}

.figgers-support-inner>div.row>div {
	padding: 0 10px;
}

ul.figgers-dashboard-links.el-menu {
	background-color: transparent;
	border: 0;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
	padding: 0;
	width: auto;
}

ul.figgers-dashboard-links.el-menu>li.el-menu-item {
	flex: 0 0 25%;
	float: none;
	height: initial;
	line-height: initial;
	max-width: 25%;
	padding: 0 15px;
}

ul.figgers-dashboard-links.el-menu>li.el-menu-item:hover,
ul.figgers-dashboard-links.el-menu>.el-menu-item:not(.is-disabled):focus,
ul.figgers-dashboard-links.el-menu>.el-menu-item:not(.is-disabled):hover,
ul.figgers-dashboard-links.el-menu>.el-submenu .el-submenu__title:hover {
	background-color: transparent;
}

.fg-support-box,
.fg-serv-box {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 8px rgb(0 0 0 / 12%);
	box-shadow: 0 0 8px rgb(0 0 0 / 12%);
	margin-top: 20px;
	overflow: hidden;
	position: relative;
}

.fg-serv-box {
	-webkit-background-image: linear-gradient(300deg,
			rgb(221 227 247 / 50%) 0%,
			rgb(255 255 255 / 100%) 80%);
	background-image: linear-gradient(300deg,
			rgb(221 227 247 / 50%) 0%,
			rgb(255 255 255 / 100%) 80%);
	border: 1px solid #d8dfee;
	padding: 0.9375rem;
}

.fg-support-head {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px 13px;
	width: 100%;
}

.bg-1 .fg-support-head {
	background-color: #6438ab;
}

.bg-2 .fg-support-head {
	background-color: #aa3c78;
}

.bg-3 .fg-support-head {
	background-color: #3e86b0;
}

.bg-4 .fg-support-head {
	background-color: #d5743b;
}

.fg-support-head>h6 {
	color: #fff;
	font-size: 1.25rem;
	font-weight: 400;
}

.fg-support-head>span {
	cursor: pointer;
}

.fg-support-head>span svg {
	fill: rgb(255 255 255 / 70%);
	height: 18px;
	width: 17px;
}

.fg-support-body {
	background-position: center;
	background-size: cover;
	display: block;
	min-height: 13.4375rem;
}

.fg-support-body a {
	display: block;
	min-height: inherit;
	width: 100%;
}

.fg-serv-box>a {
	display: block;
	position: relative;
}

/* === Footer Style === */
footer.el-footer {
	align-items: center;
	background-color: #2d4d95;
	display: flex;
	flex-wrap: wrap;
}

footer.el-footer>p {
	color: #fff;
	margin: 0;
	text-align: center;
	width: 100%;
}

/* ===== Support Panel Information Style ===== */
.support-panel-info-list-wrap {
	padding: 2.5rem 0;
}

.support-panel-info-list-wrap table {
	border-collapse: collapse;
}

.support-panel-info-list-wrap table thead,
.support-panel-info-list-wrap table thead>tr {
	background-color: #2a4c94;
}

.support-panel-info-list-wrap table thead>tr>th {
	background-color: transparent !important;
	text-align: initial;
}

.support-panel-info-list-wrap table tr {
	background-color: transparent;
}

.support-panel-info-list-wrap table tr th {
	background-color: inherit;
	border: 0 !important;
	color: #fff;
	font-size: 1rem;
	padding: .9375rem 10px !important;
}

.support-panel-info-list-wrap table tr th .cell {
	line-height: initial;
	padding: 0;
}

.support-panel-info-list-wrap table tr th input {
	border: 0;
	color: #666;
	height: 1.875rem !important;
	line-height: initial !important;
	width: 100%;
}

.support-panel-info-list-wrap table tr td {
	border: 0;
	font-size: 14px;
	height: initial;
	line-height: initial;
	padding: 10px;
}

.support-panel-info-list-wrap table tr td .cell {
	color: #777;
	line-height: 1.6;
	padding: 0;
	text-transform: capitalize;
	word-break: normal;
}

.support-panel-info-list-wrap table tr td .cell .row-col span {
	color: #444;
	display: inline-block;
	font-weight: 700;
	margin-right: 3px;
}

.figgers-support-dashboard-wrapper .el-main {
	background-color: #fbfbfb;
	padding: 0;
}

.support-panel-info-list-wrap .el-table__empty-text {
	color: #606266;
}

.support-panel-info-list-wrap .el-table {
	border: 1px solid #ebf1f7;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
}

.support-panel-info-list-wrap .el-table::before {
	display: none;
}

.support-panel-info-list-wrap table thead tr {
	border: 0;
}

.support-panel-info-list-wrap table tr td button {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 7px;
}

.support-panel-info-list-wrap table tr th:first-child,
.support-panel-info-list-wrap table tr td:first-child {
	padding-left: 1.25rem !important;
}

.support-panel-info-list-wrap table tr th:last-child,
.support-panel-info-list-wrap table tr td:last-child,
.support-panel-info-list-wrap table tr th.is-right {
	padding-right: 1.25rem !important;
}

.el-table--enable-row-hover .el-table__body tr:hover>td {
	background-color: #f2f8ff;
}

/* ===== Support Panel Form Style ===== */
.support-panel-info-list-wrap form>h3 {
	margin-bottom: 1.25rem;
}

.support-panel-info-list-wrap form .el-form-item label {
	font-weight: 600;
	line-height: initial;
	margin-bottom: 5px;
	text-align: initial;
	width: 100%;
}

.support-panel-info-list-wrap form .el-form-item .el-input,
.support-panel-info-list-wrap form .el-form-item .el-select {
	width: 100%;
}

.support-panel-info-list-wrap form .el-form-item .el-input input,
.support-panel-info-list-wrap form .el-form-item .el-select input {
	background-color: #f2f8ff33;
	border: 1px solid #dee0e3;
	color: #606266;
}

.support-panel-info-list-wrap form .el-form-item .el-form-item__content>i {
	position: relative;
	top: 2px;
	z-index: 1111;
}

.el-tooltip__popper {
	z-index: 999999999999999999999 !important;
}

.support-panel-info-list-wrap form .el-form-item .el-input .el-input-group__prepend {
	background-color: #dbf1ff;
	border: 0;
}

.support-panel-info-list-wrap .el-dialog {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	overflow: hidden;
}

.support-panel-info-list-wrap .el-dialog .el-dialog__header {
	background-color: #004990;
	padding: 0.9375rem 1.25rem;
	position: relative;
}

.support-panel-info-list-wrap .el-dialog .el-dialog__header .el-dialog__title {
	color: #fff;
	font-size: 1.125rem;
	font-weight: 400;
	line-height: initial;
}

.support-panel-info-list-wrap .el-dialog .el-dialog__header button {
	color: #fff;
	font-size: 1.25rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.support-panel-info-list-wrap .el-dialog .el-dialog__header button i {
	color: inherit;
}

.support-panel-info-list-wrap .el-dialog .el-dialog__header button:hover,
.support-panel-info-list-wrap .el-dialog .el-dialog__header button:focus {
	opacity: 0.8;
}

.support-panel-info-list-wrap .el-dialog .el-dialog__body {
	padding: 1.875rem 3.125rem;
}

/* .support-panel-info-list-wrap form .el-form-item button:not(.add-new-item) {
	max-width: calc(33.3333% - 14px);
	width: 100%;
  } */

.support-panel-info-list-wrap form .el-form-item button.add-new-item {
	margin-top: 10px;
}

.el-form-item button.el-button.del-item {
	margin-top: 26px;
}

/* ===== Support Panel Login Style ===== */
.login-wrap {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
}

.login-inner svg,
.login-inner img {
	bottom: 60%;
	fill: rgb(255 255 255 / 10%);
	position: absolute;
	right: 10%;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	width: 37vw;
}

.login-form-wrap {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 463px;
	min-height: 850px;
	padding: 530px 90px 90px;
}

.login-form-wrap form {
	margin-bottom: 0;
}

.login-form-wrap form .el-form-item {
	margin-bottom: 1.5rem;
}

.login-form-wrap form .el-form-item label {
	color: #1c3b8a;
	font-size: 15px;
	line-height: initial;
	margin-bottom: 7px;
}

.login-form-wrap form .el-form-item input {
	background-color: transparent;
	border: 1px solid #98a7c8;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 2px rgb(0 0 0 / 40%);
	box-shadow: 0 0 2px rgb(0 0 0 / 40%);
	color: #606266;
	padding: 0 1.75rem 0 1rem;
}

.login-form-wrap form .el-form-item button {
	-webkit-background-image: linear-gradient(160deg,
			rgb(1 80 183 / 100%) 50%,
			rgb(96 41 150 / 100%) 100%);
	background-image: linear-gradient(160deg,
			rgb(0 53 142 / 100%) 50%,
			rgb(96 41 150 / 100%) 100%);
	-webkit-border-radius: 50rem;
	border-radius: 50rem;
	margin: 10px 0 -1.875rem;
	overflow: hidden;
	position: relative;
	text-transform: uppercase;
	width: 100%;
	z-index: 1;
}

.login-form-wrap form .el-form-item button::before {
	-webkit-background-image: linear-gradient(to top,
			rgb(0 0 0 / 30%) 0%,
			rgb(0 0 0 / 0%) 100%);
	background-image: linear-gradient(to top,
			rgb(0 0 0 / 30%) 0%,
			rgb(0 0 0 / 0%) 100%);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

/* ===== Support Panel Information Stats Style ===== */
.sp-stats-box {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 1.25rem;
	padding: 1.5rem;
}

.stats-box-1 {
	background-color: #3d8afd;
}

.stats-box-2 {
	background-color: #d96fa8;
}

.stats-box-3 {
	background-color: #6cb1d9;
}

.stats-box-4 {
	background-color: #4ed9a9;
}

.stats-box-5 {
	background-color: #d36b6b;
}

.stats-box-6 {
	background-color: #eb8f59;
}

.stats-box-7 {
	background-color: #833f72;
}

.stats-box-8 {
	background-color: #c40000;
}

.sp-stats-box>h5 {
	color: #fff;
	font-size: 1.25rem;
}

.sp-stats-box>h5+.sp-stats-bottom {
	margin-top: 1.25rem;
}

.support-panel-info-stats-wrap .el-col>.sp-stats-box {
	cursor: pointer;
}

.sp-stats-bottom {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sp-stats-bottom>svg {
	fill: #fff;
	height: 2.5rem;
}

.sp-stats-bottom>img {
	height: 4rem;
}

.sp-stats-bottom>img:not(.no-filter) {
	-webkit-filter: invert(1);
	filter: invert(1);
}

.sp-stats-bottom>span {
	color: #fff;
	font-size: 1.125rem;
}

.support-panel-info-stats-wrap {
	margin-top: 1.25rem;
}

.support-panel-info-list-wrap table tr td .cell>*+*:not(.row-col) {
	margin-left: 5px;
}

.el-form-item .el-form-item__content {
	line-height: initial;
}

.el-dialog .el-input-number {
	width: 100%;
}

.el-pagination {
	display: flex;
	justify-content: end;
	margin-top: 5px;
	padding: 0;
	width: 100%;
}

.top-bar {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1.25rem;
	justify-content: flex-end;
}

.top-bar+.gen-table {
	margin-top: 2.5rem;
}

.top-bar>h4 {
	font-size: 1.375rem;
}

.search-bar {
	margin-bottom: 1.25rem;
	order: -1;
}

.search-bar input {
	height: 1.875rem;
}

.search-bar+.email-actions {
	margin-left: 1.25rem;
}

.el-pagination {
	margin-top: 1.25rem;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
	background-color: #2d4d95;
	color: #fff !important;
}

.el-pager li:hover {
	color: #2d4d95 !important;
}

.search-bar .el-input__icon {
	line-height: 1.875rem;
}

.figgers-responsive-trigger>button {
	background-color: transparent !important;
	border-color: var(--color5) !important;
	color: #242424;
	font-size: 1.125rem;
	height: 2.5rem;
	padding: 0;
	width: 2.5rem;
}

.figgers-responsive-trigger>button:hover,
.figgers-responsive-trigger>button:focus {
	background-color: var(--color3) !important;
	border-color: var(--color3) !important;
	color: #fff;
}

.figgers-support-panel td a {
	color: inherit;
}

.figgers-support-panel td a:hover,
.figgers-support-panel td a:focus {
	color: var(--color3);
}

.support-panel-info-list-wrap table tr th,
.support-panel-info-list-wrap table tr td {
	word-break: break-word;
}

.el-switch.is-checked .el-switch__core {
	background-color: var(--color3);
	border-color: var(--color3);
}

button.gen-pass {
	max-width: 100% !important;
}

.upload-demo {
	float: left;
	width: 100%;
}

.upload-demo>.el-upload>button {
	max-width: 50% !important;
	text-align: center;
}

.upload-demo>.el-upload {
	display: block;
	text-align: left;
}

.email-actions .upload-demo {
	float: none;
	width: auto;
}

.email-actions .upload-demo button {
	max-width: 100% !important;
}

.figgers-employee-portal .el-container {
	display: block;
	margin: 0 auto;
	max-width: 1320px;
}

.fg-serv-box img.f-mark {
	height: 7.5rem;
	left: 0.9375rem;
	opacity: 0.06;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.fg-serv-box>a img.f-mark {
	left: 0;
}

.fg-serv-cap {
	align-items: center;
	display: flex;
	/* flex-wrap: wrap; */
	justify-content: space-between;
	width: 100%;
}

.fg-serv-box,
.fg-serv-box>a {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	min-height: 9rem;
	width: 100%;
}

.fg-serv-box>a {
	min-height: initial;
}

.fg-serv-box>img:not(.f-mark),
.fg-serv-box>a img:not(.f-mark) {
	max-width: 100%;
}

.fg-serv-cap>h4 {
	color: #242424;
	display: block;
	flex: 1 0 0;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.4;
	padding-right: 1.5rem;
	white-space: normal;
}

.fg-serv-cap>img,
.fg-serv-box>a .fg-serv-cap>img {
	flex: 0 0 4rem;
	max-width: 4rem;
}

.fg-serv-cap>h4 span {
	display: block;
	font-size: 12px;
	margin-top: 3px;
}

/* .fg-serv-box img.f-mark + img { */

/*	left: 50%; */

/*	position: absolute; */

/*	top: 50%; */

/*	-webkit-transform: translate(-50%, -50%); */

/*	transform: translate(-50%, -50%); */

/* } */

.figgers-employee-portal a.el-upload-list__item-name,
.figgers-employee-portal a.el-upload-list__item-name:hover {
	color: #000;
}

.disable-close button.el-dialog__headerbtn {
	display: none;
}

.el-dialog__footer {
	background-color: #fbfbfb;
	padding: 1.25rem 3.125rem;
	text-align: initial;
}

.support-topbar-right>ul.el-menu li:first-child {
	display: none;
}

.list-wraper.create-form .support-panel-info-list-wrap>form {
	background: #fff;
	padding: 3rem;
}

.dialog-header {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.dialog-header>button.el-button {
	font-size: 1rem !important;
	-webkit-transform: unset !important;
	transform: unset !important;
}

/* .list-wraper.create-form .custom-container .support-panel-info-list-wrap { */

/*	display: block; */

/*	margin: 0 auto; */

/*	max-width: 55rem; */

/* } */

.list-wraper.create-form .custom-container .support-panel-info-list-wrap>button {
	margin-bottom: 1.25rem;
}

.list-wraper.create-form .custom-container .support-panel-info-list-wrap>button:hover,
.list-wraper.create-form .custom-container .support-panel-info-list-wrap>button:focus {
	background-color: #242424;
	border-color: #242424;
}

.create-form .el-form>.el-form-item.el-form-item--feedback {
	margin-top: 20px;
}

.email-actions>a:first-child {
	margin-right: 10px;
}

.repeater-group {
	float: left;
	padding: 0 10px;
	position: relative;
	width: 100%;
}

.repeater-group>div {
	border: 1px solid #dee0e3;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: left;
	margin-bottom: 20px;
	padding: 20px;
	width: 100%;
}

.repeater-group>div>button {
	position: absolute;
	right: -10px;
	top: -10px;
}

.repeater-group>div>button.el-button--mini.is-round {
	font-size: 15px;
	padding: 5px;
}

.el-drawer__wrapper {
	z-index: 900050 !important;
}

section.el-drawer__body>.notify-body {
	padding: 20px;
}

section.el-drawer__body>.notify-body ul {
	list-style: none;
	margin: 0;
	padding: 20px 0;
}

section.el-drawer__body>.notify-body ul>li {
	border: 1px solid rgb(5 5 5 / 15%);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: block;
	margin-bottom: 10px;
	padding: 15px;
	width: 100%;
}

section.el-drawer__body>.notify-footer {
	padding: 20px;
}

.el-drawer__header {
	background-color: var(--color3);
	color: #fff;
	margin-bottom: 0;
	padding: 1.25rem;
}

.notify-header>button {
	background-color: transparent;
	border-color: rgb(255 255 255 / 50%);
	color: #fff;
	height: 1.875rem;
	margin-right: 10px;
	padding: 0;
	width: 1.875rem;
}

.notify-header>span {
	font-size: 1.125rem;
	font-weight: 600;
}

section.el-drawer__body>.notify-body ul>li {
	background-color: #fbfbfb;
	border: 0;
}

.item-header>button {
	height: 1.875rem;
	margin-right: 8px;
	padding: 0;
	width: 1.875rem;
}

.item-header>span {
	font-size: 1rem;
	font-weight: 500;
}

.item-body {
	height: 100%;
	margin-top: 4px;
	max-height: 22px;
}

.item-footer {
	color: var(--color3);
	font-size: 13px;
	margin-top: 8px;
}

section.el-drawer__body>.notify-footer {
	background-color: var(--color4);
}

.notify-footer>button {
	background-color: var(--color3);
	border-color: var(--color3);
	color: #fff;
}

.notify-footer>button:hover,
.notify-footer>button:focus {
	background-color: var(--color1);
	border-color: var(--color1);
	color: #fff;
}

.figgers-support-panel a.forgot-password {
	color: #0d2186;
	text-decoration: underline;
}

.login-form-wrap form .el-form-item .el-input-group__prepend {
	background-color: var(--color3);
	border: 0;
	color: #fff;
}

.login-form-wrap form .el-form-item .el-input-group__prepend+input {
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

.figgers-support-panel a.forgot-password {
	display: inline-block;
}

.login-form-wrap form {
	text-align: center;
}

.el-table.address-book-popup table:hover {
	cursor: pointer;
}

.el-select-dropdown__list {
	padding-bottom: 20px;
}

fieldset:first-of-type {
	border-color: var(--color6);
}

fieldset {
	border-color: #eaeaea;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;
}

fieldset+fieldset {
	margin-top: 1.875rem;
}

fieldset legend {
	font-size: 1.125rem;
}

.fg-step fieldset .el-form-item .el-form-item__label {
	font-size: 1rem;
}

.el-table.port-table td {
	vertical-align: top;
}

.el-switch {
	margin-top: 10px;
	width: 100%;
}

.el-input-number.is-controls-right {
	width: 100%;
}

.overnight-yes {
	background-color: #f4d7b8 !important;
}

.dhl-wrap {
	display: flex;
	flex-wrap: wrap;
}

.dhl-left-panel {
	background-color: #263ea5;
	background-position: center;
	background-size: cover;
	flex: 0 0 25%;
	max-width: 25%;
	min-height: calc(100vh - 6.25rem);
	position: relative;
}

.dhl-left-panel>ul {
	list-style: none;
	margin: 0;
	padding: 3.5rem 3.125rem;
	position: sticky;
	top: 0;
	width: 100%;
}

.dhl-left-panel>ul li {
	align-items: center;
	color: #fff;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	opacity: 0.5;
	position: relative;
}

.dhl-left-panel>ul li i {
	font-size: 2rem;
}

.dhl-left-panel>ul li span {
	font-size: 1.125rem;
	font-weight: 600;
	padding-left: 0.625rem;
}

.dhl-left-panel>ul li.active,
.dhl-left-panel>ul li.done {
	opacity: 1;
}

.dhl-left-panel>ul li.active::before,
.dhl-left-panel>ul li.done::before {
	background-color: #fff;
}

.dhl-left-panel>ul li:not(:last-child) {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
}

.dhl-left-panel>ul li:not(:last-child)::before {
	background-color: rgb(255 255 255 / 50%);
	bottom: -0.625rem;
	content: "";
	height: 1.25rem;
	left: 0.9375rem;
	position: absolute;
	width: 0.125rem;
}

.dhl-right-panel {
	flex: 0 0 75%;
	max-width: 75%;
	padding: 3rem 8rem 5.2rem;
	position: relative;
	z-index: 1;
}

.dhl-right-panel>h2 {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 3.125rem;
	text-align: center;
}

.centered-search {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: 2fr 1fr 0.5fr;
	margin: 50px auto -2rem;
	max-width: 70.625rem;
	position: relative;
	text-align: center;
}

.centered-search .el-input {
	font-size: 1rem;
}

.centered-search .el-input>input {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 4rem;
	padding: 10px 1.25rem;
}

.centered-search .el-date-editor {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	min-height: 4rem;
	padding: 10px 1.25rem;
	width: auto;
}

.centered-search .el-input.is-active .el-input__inner,
.centered-search .el-input__inner:focus {
	border-color: #004990;
}

.centered-search .search-bar {
	margin-bottom: 0;
}

.centered-search>button {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 1rem;
	padding: 0 1.875rem;
}

/* ===== Usage Report Style ===== */
.fcp-usage-report-wrap {
	background-color: #fff;
	margin: auto;
	max-width: 60rem;
}

.fcp-usage-report-wrap>img {
	display: block;
	max-width: 100%;
}

.fcp-usage-report-inner {
	padding: 1.5625rem 1.875rem 1.25rem;
}

.fcp-usage-report-info-wrap {
	align-items: center;
	background-color: #e7f2fc;
	display: flex;
	flex-wrap: wrap;
	padding: 1.25rem 2.5rem;
}

.fcp-usage-report-img {
	border: 0.0625rem solid #a7a9ac;
	-webkit-border-radius: 0.5rem;
	border-radius: 0.5rem;
	-webkit-box-shadow: 0 0 0.625rem rgb(0 0 0 / 15%);
	box-shadow: 0 0 0.625rem rgb(0 0 0 / 15%);
	flex: 0 0 10rem;
	max-width: 10rem;
}

/* .fcp-usage-report-img > img:last-child {
	position: absolute;
	bottom: 0;
	right: -0.4375rem;
} */

.fcp-usage-report-img>img {
	background: #c0c4cc;
	-webkit-border-radius: inherit;
	border-radius: inherit;
	max-height: 11.875rem;
	max-width: 10rem;
	min-height: 11.875rem;
	min-width: 10rem;
}

.fcp-usage-report-img+.fcp-usage-report-info {
	flex: 1 0 0;
}

.fcp-usage-report-info {
	align-items: center;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.fcp-usage-report-info-status {
	text-align: center;
}

.fcp-usage-report-info>* {
	padding: 0 1.75rem;
	position: relative;
}

.fcp-usage-report-info-inner {
	padding-left: 0;
}

.fcp-usage-report-info-inner>* {
	color: #595a5c;
}

.fcp-usage-report-info-inner>h3 {
	font-size: 1.125rem;
}

.fcp-usage-report-info-inner>h4 {
	font-size: 0.875rem;
	font-weight: 500;
}

.fcp-usage-report-info-inner>h3+h3 {
	margin-top: 1.5rem;
}

.fcp-usage-report-info-inner>*+* {
	margin-top: 0.625rem;
}

.fcp-usage-report-info-inner>h4 span {
	color: #e92b2a;
}

.fcp-usage-report-info>*+*::before {
	background-color: #1d75bc;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	width: 0.0625rem;
}

.fcp-usage-report-info-status>h5 {
	color: #242424;
	font-size: 0.9375rem;
}

.fcp-usage-report-info-status>span {
	background-color: #0aabdc;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	display: block;
	font-size: 0.8125rem;
	height: 3.75rem;
	line-height: 3.75rem;
	margin: 1.25rem auto;
	width: 3.75rem;
}

.fcp-usage-report-head>img {
	display: block;
	width: 100%;
}

.fcp-usage-report-chart-wrap {
	margin-top: 1.25rem;
}

.fcp-usage-report-chart-wrap>h3 {
	color: #595a5c;
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 0.625rem;
	text-align: center;
}

.fcp-usage-report-chat-box,
.fcp-usage-report-data {
	border: 0.0625rem solid #28aae2;
	-webkit-border-radius: 0.5rem;
	border-radius: 0.5rem;
	margin-bottom: 1.25rem;
	overflow: hidden;
}

.fcp-usage-report-chat-box {
	padding: 0.3125rem;
}

.fcp-usage-report-data {
	min-height: 336px;
	padding: 8px 0 1.25rem;
}

.fcp-usage-report-data-item {
	padding: 0 1.25rem;
}

.fcp-usage-report-data-item>h5 {
	color: #595a5c;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.75rem;
	padding-right: 0.875rem;
	text-align: center;
}

.fcp-usage-report-data-item>p {
	font-size: 1rem;
	text-align: center;
}

.fcp-usage-report-data-item>table {
	border: 0.0625rem solid #a0a1a3;
	max-width: 12.8125rem;
}

.fcp-usage-report-data-item>table thead {
	background-color: #86d4ee;
}

.fcp-usage-report-data-item>table table thead {
	background-color: #e1e0e0;
}

.fcp-usage-report-data-item>table th,
.fcp-usage-report-data-item>table.nested-table table td,
.fcp-usage-report-data-item>table td {
	font-size: 0.75rem;
	padding: 0.375rem;
	text-align: center;
}

.fcp-usage-report-data-item table {
	border-collapse: collapse;
	text-align: center;
	width: 100%;
}

.fcp-usage-report-data-item>table.nested-table td {
	padding: 0;
}

.fcp-usage-report-data-item>table tr {
	border-top: 0.0625rem solid #a0a1a3;
}

.fcp-usage-report-data-item>table thead tr {
	border-top: 0;
}

.fcp-usage-report-chat-box>img {
	width: 100%;
}

.fcp-usage-report-data-item+.fcp-usage-report-data-item {
	margin-top: 0.9375rem;
}

.fcp-panel-wrapper>button {
	color: #fff !important;
	position: absolute;
	right: 14%;
	top: 1.25rem;
}

.fcp-panel-wrapper {
	padding-top: 5rem;
}

.fcp-usage-report-data-item>.el-empty {
	padding: 0.3125rem 0;
}

.fcp-usage-report-wrap+.fcp-usage-report-wrap,
.fcp-usage-report-wrap+div:not([class]) {
	margin-top: 1.875rem;
}

.support-panel-info-list-wrap table tr td .cell {
	cursor: pointer;
	padding-left: 10px;
	padding-right: 10px;
}

.v-modal {
	opacity: 0.8;
}

.el-popover {
	padding: 0;
}

.el-popconfirm {
	padding: 4rem 1.5rem 1.5rem;
	position: relative;
	text-align: center;
}

.el-popconfirm .el-popconfirm__main {
	line-height: 1.5;
}

.el-popconfirm .el-popconfirm__main>i {
	background-color: #f6f6f6;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 1.875rem;
	left: 50%;
	line-height: 1.875rem;
	position: absolute;
	top: 1.25rem;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1.875rem;
}

.el-popconfirm .el-popconfirm__action {
	margin-top: 1.25rem;
	text-align: center;
}

.el-popconfirm .el-popconfirm__action button.el-button.el-button--text {
	background-color: #e6e6e6;
	color: #242424;
}

.el-popconfirm .el-popconfirm__action button.el-button {
	padding: 9px 15px !important;
}

.el-form-item__error {
	color: #b82828;
}

.el-message-box__wrapper .el-message-box {
	padding: 5rem 1.5rem 1.5rem;
	position: relative;
}

.el-message-box__wrapper .el-message-box .el-message-box__header {
	left: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.el-message-box__wrapper .el-message-box .el-message-box__header .el-message-box__title {
	display: none;
}

.el-message-box__wrapper .el-message-box .el-message-box__content {
	padding: 0;
	text-align: center;
}

.el-message-box__wrapper .el-message-box .el-message-box__content .el-message-box__status {
	background-color: #f6f6f6;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 1.875rem;
	left: 50%;
	line-height: 1.875rem;
	position: absolute;
	top: -2.5rem;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 1.875rem;
}

.el-message-box__wrapper .el-message-box .el-message-box__content .el-message-box__message {
	padding: 0;
}

/*.el-message-box__wrapper .el-message-box .el-message-box__content .el-message-box__message>p br {
	display: none;
}*/

.el-message-box__wrapper .el-message-box .el-message-box__btns {
	margin-top: 1.25rem;
	padding: 0;
	text-align: center;
}

.el-message-box__wrapper .el-message-box .el-message-box__btns button.el-button--primary,
.el-backtop:hover {
	background-color: #004990;
	border-color: #004990;
}

.el-message-box__wrapper .el-message-box .el-message-box__btns button.el-button--primary:hover,
.el-message-box__wrapper .el-message-box .el-message-box__btns button.el-button--primary:focus {
	background-color: #242424;
	border-color: #242424;
}

.el-message-box__headerbtn:hover i.el-message-box__close,
.el-message-box__headerbtn:focus i.el-message-box__close,
.el-backtop {
	color: #004990;
}

.el-backtop:hover {
	color: #fff;
}

.el-backtop {
	-webkit-transition: 0.3s linear;
	transition: 0.3s linear;
	z-index: 9999;
}

.el-backtop i,
.el-backtop i::before {
	-webkit-transition: none;
	transition: none;
}

/* ===== Usage Report Detail ===== */
.fcp-widget {
	background-color: #fff;
	-webkit-border-radius: 0.4375rem;
	border-radius: 0.4375rem;
	-webkit-box-shadow: 0 0 1rem rgb(0 0 0 / 10%);
	box-shadow: 0 0 1rem rgb(0 0 0 / 10%);
	margin-top: 1.25rem;
	min-height: 19.375rem;
	overflow: hidden;
	padding: 1.875rem 1.5rem;
}

.fcp-widget-head {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fcp-widget-head>h4 {
	font-size: 1.5rem;
}

.fcp-avalb-lnks {
	min-height: 22.8rem;
	padding: 0 !important;
}

.fcp-avalb-lnks-table table {
	border-collapse: collapse;
	width: 100%;
}

.support-panel-info-list-wrap .fcp-avalb-lnks-table table thead,
.support-panel-info-list-wrap .fcp-avalb-lnks-table table thead tr {
	background-color: #e2e9f2;
	position: sticky;
	top: 0;
}

.fcp-avalb-lnks-table .el-scrollbar .el-scrollbar__bar {
	opacity: 1;
}

.fcp-avalb-lnks-table table thead tr th {
	color: #242424;
	font-size: 1.125rem;
	padding: 0.8125rem;
	text-align: initial;
}

.fcp-avalb-lnks-table table th[colspan="2"],
.fcp-avalb-lnks-table table th[colspan="3"],
.fcp-avalb-lnks-table table th[colspan="4"],
.fcp-avalb-lnks-table table th[colspan="5"] {
	background-color: rgb(239 239 239);
	color: #242424;
	font-size: 1rem;
	padding: 7px 1.25rem;
	text-align: left;
}

.fcp-avalb-lnks-table table thead tr th:first-child,
.fcp-avalb-lnks-table table tr td:first-child {
	padding-left: 1.25rem;
}

.fcp-avalb-lnks-table table thead tr th:last-child,
.fcp-avalb-lnks-table table tr td:last-child {
	padding-right: 1.25rem;

	/* text-align: right; */
}

.fcp-avalb-lnks-table table tbody tr:nth-child(2n + 1) {
	background-color: #f7f9fe;
}

.fcp-avalb-lnks-table table tbody tr td {
	font-size: 0.8125rem;
	padding: 5px 0.8125rem;
}

.fcp-avalb-lnks-table table tbody tr td button {
	background-color: transparent;
}

.fcp-avalb-lnks-table table tbody tr td a {
	margin-top: 0;
}

.fcp-avalb-lnks .fcp-widget-head {
	background-color: #9fc1ef;
	padding: 12px 1.25rem;
	position: relative;
}

.fcp-avalb-lnks .fcp-widget-head>h4 {
	color: #242424;
	font-size: 21px;
	font-weight: 700;
}

.fcp-search-form .fcp-field-box>input {
	background-color: transparent;
	border: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border-right: 0.0625rem solid rgb(255 255 255 / 30%);
	color: #fff;
	font-size: 1rem;
	font-weight: 300;
	padding: 0.3125rem;
	width: 5rem;
}

.fcp-search-form .fcp-field-box>button {
	align-items: center;
	background-color: #204b93;
	bottom: 0;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 5rem;
}

.fcp-search-form .fcp-field-box>button svg {
	stroke: #fff !important;
}

.fcp-search-form .fcp-field-box>input:hover,
.fcp-search-form .fcp-field-box>input:focus {
	border: 0.0625rem solid rgb(255 255 255 / 30%);
	-webkit-border-radius: 0.3125rem;
	border-radius: 0.3125rem;
	width: 12.5rem;
}

.fcp-avalb-lnks .fcp-search-form {
	margin: 0;
	padding: 0 5rem 0 0;
}

.fcp-avalb-lnks .fcp-search-form .fcp-field-box {
	margin: 0;
	padding: 0;
}

.fcplnks .fcp-search-form .fcp-field-box input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: rgb(255 255 255 / 30%);
}

.fcplnks .fcp-search-form .fcp-field-box input::-moz-placeholder {
	/* Firefox 19+ */
	color: rgb(255 255 255 / 30%);
}

.fcplnks .fcp-search-form .fcp-field-box input:-ms-input-placeholder {
	/* IE 10+ */
	color: rgb(255 255 255 / 30%);
}

.fcplnks .fcp-search-form .fcp-field-box input:-moz-placeholder {
	/* Firefox 18- */
	color: rgb(255 255 255 / 30%);
}

.fcp-usage-report-data-item div.row {
	display: flex;
}

.fcp-usage-report-data-item div.row>div {
	flex: 1 0 0;
	padding: 0;
}

.fcp-usage-report-data-item table {
	border-collapse: collapse;
	text-align: center;
	width: 100%;
}

.support-panel-info-list-wrap .fcp-usage-report-data-item table thead tr {
	background-color: #d8eaf9;
}

.support-panel-info-list-wrap .fcp-usage-report-data-item table th {
	background-color: #a7dadb;
	color: #424242;
	font-size: 0.875rem;
	padding: 0.4375rem !important;
}

.support-panel-info-list-wrap .fcp-usage-report-data-item table table {
	border: 0;
}

.support-panel-info-list-wrap .fcp-usage-report-data-item table table thead tr {
	background-color: #f9f9f9;
}

.support-panel-info-list-wrap .fcp-usage-report-data-item table table th {
	color: #242424;
	font-size: 0.8125rem;
	padding: 0.25rem !important;
}

.support-panel-info-list-wrap .fcp-usage-report-data-item table.nested-table td {
	padding: 0 !important;
}

.support-panel-info-list-wrap .fcp-usage-report-data-item table td {
	font-size: 0.8125rem;
	padding: 2px;
	text-align: inherit;
}

.support-panel-info-list-wrap .fcp-usage-report-data-item table.nested-table table td {
	padding: 2px !important;
}

.support-panel-info-list-wrap .fcp-usage-report-data-item table table td {
	border: 0;
	padding: 0.1875rem;
}

.support-panel-info-list-wrap .fcp-usage-report-data-item div.row>div.col2 {
	flex: 0 0 50%;
	max-width: 50%;
}

.support-panel-info-list-wrap .fcp-usage-report-data-item div.row>div.col1 {
	flex: 0 0 100%;
	max-width: 100%;
}

.support-panel-info-list-wrap .fcp-usage-report-data-item .col1 table td,
.support-panel-info-list-wrap .fcp-usage-report-data-item .col2 table td {
	padding: 0.1875rem;
}

.fcp-usage-report-chart-wrap>div.row>div.col-lg-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.fcp-usage-report-chart-wrap>div.row>div.col-lg-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

.fcp-usage-report-chart-wrap>div.row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
}

.fcp-usage-report-chart-wrap>div.row>div {
	padding: 0 12px;
}

.fcp-panel-usage-detail {
	margin: auto;
	max-width: 50.625rem;
}

.el-empty {
	min-height: 318px;
}

.el-empty__image {
	margin-bottom: -20px;
	width: 120px;
}

text.highcharts-title {
	color: #595a5c !important;
	fill: #595a5c !important;
	font-family: Lato, sans-serif;
	font-weight: 600;
}

.fcp-panel-wrapper>h2 {
	font-size: 1.875rem;
	text-align: center;
}

.support-panel-info-list-wrap .fcp-usage-report-data-item table table th+th,
.support-panel-info-list-wrap .fcp-usage-report-data-item table table td+td,
.fcp-usage-report-data-item div+div table {
	border-left: 1px solid #e0e1e7 !important;
}

.fcp-usage-report-data-item table:not(.nested-table) {
	border-bottom: 1px solid #e0e1e7 !important;
}

p#note {
	display: none;
	font-size: 12px;
	max-width: 50.625rem;
	padding: 0 3.125rem 1.25rem;
	position: static;
	text-align: right;
	width: 100%;
}

p#note>svg {
	fill: var(--color3);
	width: 3.125rem;
}

.w-100 {
	width: 100%;
}

.action-wrapper {
	margin: 0 auto 20px;
	max-width: 50.625rem;
	text-align: right;
}

.action-wrapper .el-radio-button__orig-radio:checked+.el-radio-button__inner {
	background-color: var(--fcp-color9);
	border: 0 !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	color: #fff;
}

.action-wrapper .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.action-wrapper .el-radio-button__inner:hover {
	color: var(--fcp-color9);
}

.action-wrapper>*+* {
	margin-left: 10px;
}

.fcp-usage-report-footer {
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
}

.fcp-usage-report-footer>img {
	display: block;
	width: 100%;
}

.fcp-usage-report-wrap {
	padding-bottom: 48.59px;
	position: relative;
}

.action-wrapper+div.fcp-usage-report-wrap,
.fcp-usage-report-wrap .fcp-usage-report-wrap {
	padding-bottom: 0;
}

table.customer-detail.v2 th {
	background: var(--color4);
}

p.memo-desc {
	padding-left: 40px;
}

.memo-desc>strong,
.memo-desc>span {
	display: block;
}

.memo-desc>span small {
	font-weight: 600;
}

.memo-desc>span+span {
	margin-top: 10px;
}

.memo-desc.attachments>span i::before {
	margin-right: 5px;
}

.memo-desc.attachments>span {
	background: #f2f2f2;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	font-size: 12px;
	margin-right: 5px;
	padding: 5px;
	text-align: center;
	width: calc(100% / 4);
}

textarea.el-textarea__inner {
	word-break: keep-all;
}

@media print {

	html,
	body {
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden;
	}

	header,
	.header-spacer,
	.page-loader,
	.responsive-menu,
	.prod-nav-wrap,
	footer,
	.el-button.el-button--primary.is-plain,
	.click-top,
	#designstudio,
	#designstudio-button,
	.action-wrapper,
	.print-none,
	.support-topbar-wrap,
	.el-backtop,
	.top-bar {
		display: none !important;
	}

	#pdf-generate {
		margin: 0;
		padding: 0;
	}

	.report-wrapper {
		gap: 0 !important;
	}

	@page {
		margin: 0;
		size: letter portrait;
	}

	.fcp-widget {
		border-radius: 0;
	}

	.fcp-usage-report-wrap {
		min-height: 11in;
	}

	.print-none {
		height: 0;
		margin: 0;
		min-height: 0;
		padding: 0;
	}

	.fcp-usage-report-chart-wrap {
		padding: 0 1.25rem;
	}

	/* p#note {display: block;} */
	.fcp-usage-report-wrap+.fcp-usage-report-wrap,
	.fcp-usage-report-wrap+div:not([class]) {
		margin-top: 0;
	}

	.fcp-usage-report-inner+.fcp-usage-report-inner {
		margin-top: 6.25rem;
	}

	.fcp-usage-report-inner,
	.support-panel-info-list-wrap {
		padding: 0;
	}

	.fcp-usage-report-inner .fcp-widget {
		margin-top: 0;
	}

	.fcp-usage-report-footer {
		opacity: 0.3;
		position: fixed;
	}

	.fcp-usage-report-wrap,
	.m-usage-rep-wrap,
	.invoice-box {
		page-break-after: always;

		/* page-break-before: always; */
		page-break-inside: avoid;
	}

	.invoices-list {
		padding: 0;
	}

	.invoice-box {
		margin: 0 0 0 -19px !important;
		display: inline-block;
		width: calc(100% + 38px);
		max-width: calc(100% + 38px) !important;
		vertical-align: top;
	}

	.invoice-box>table {
		width: 100% !important;
		max-width: 100% !important;
	}

	.invoice-prod-list {
		min-height: 320px;
	}
}

/* ===== Steps Wrap ===== */
.fg-steps-wrap {
	background-color: #f5f7f8;
	display: grid;
	grid-template-columns: 1fr;
	min-height: calc(100vh - 6.25rem);
	padding: 5rem 0;
}

.fg-steps-wrap .container {
	margin: 0 auto;
	max-width: 1170px;
	width: 100%;
}

.fg-steps-left {
	background-color: #263ea5;
	background-position: center;
	background-size: cover;
	flex: 0 0 25%;
	max-width: 25%;
	position: relative;
}

.fg-steps-left>ul {
	list-style: none;
	margin: 0;
	padding: 3.5rem 3.125rem;
	position: sticky;
	top: 0;
	width: 100%;
}

.fg-steps-left>ul li {
	align-items: center;
	color: #fff;
	cursor: pointer;
	display: flex;
	flex-wrap: wrap;
	opacity: 0.5;
	position: relative;
}

.fg-steps-left>ul li i {
	font-size: 2rem;
}

.fg-steps-left>ul li span {
	flex: 1 0 0;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.35;
	padding-left: 0.625rem;
}

.fg-steps-left>ul li.active,
.fg-steps-left>ul li.done {
	opacity: 1;
}

.fg-steps-left>ul li.active::before,
.fg-steps-left>ul li.done::before {
	background-color: #fff;
}

.fg-steps-left>ul li:not(:last-child) {
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
}

.fg-steps-right {
	flex: 0 0 75%;
	max-width: 75%;
	padding: 3rem 4rem 5.2rem;
	position: relative;
	z-index: 1;
}

.fg-steps-left>ul li:not(:last-child)::before {
	background-color: rgb(255 255 255 / 50%);
	bottom: -0.625rem;
	content: "";
	height: 1.25rem;
	left: 0.9375rem;
	position: absolute;
	width: 0.125rem;
}

.fg-steps-right>h2 {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 3.125rem;
	text-align: center;
}

.fg-steps-right>h2+p {
	margin-top: -2.5rem;
}

.fg-steps-right>p {
	font-size: 1.25rem;
	font-weight: 400;
	margin-bottom: 3.125rem;
	text-align: center;
}

.fg-steps-right>p strong {
	color: #004990;
	font-weight: 900;
}

.fg-steps-right form {
	padding: 0 8%;
}

.fg-step {
	position: relative;
}

.fg-step-inner {
	min-height: 26.5625rem;
}

.fg-step .el-form-item {
	margin-bottom: 2.5rem;
}

.fg-step .el-form-item .el-form-item__label {
	font-size: 1.25rem;
	line-height: initial;
	margin-bottom: 0.625rem;
	text-align: initial;
}

.fg-step .el-form-item .el-input i {
	font-size: 1.5rem;
	line-height: 2.8125rem;
}

.fg-step .el-form-item .el-input__inner {
	font-size: 0.9375rem;
	height: 2.8125rem;
}

.fg-step .el-form-item .el-input__inner:focus {
	border-color: #004990;
}

.fg-step .el-form-item .el-form-item__error {
	font-size: 0.9375rem;
	left: auto;
	padding-top: 0.125rem;
	right: 0;
}

.el-select {
	width: 100%;
}

.fg-step>h3,
.fg-step-inner>h3 {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: 1.875rem;
}

.fg-step>h3+p,
.fg-step-inner>h3+p {
	margin: -1.25rem 0 1.875rem;
}

.fg-step>p,
.fg-step-inner>p {
	font-size: 1.125rem;
}

.fg-step>div+p,
.fg-step-inner>div+p {
	margin-top: 1.875rem;
}

.fg-steps-buttons {
	margin-top: 1.25rem;
}

.fg-steps-buttons>button {
	-webkit-border-radius: 0.4375rem;
	border-radius: 0.4375rem;
	-webkit-box-shadow: 0 0 0.375rem rgb(0 0 0 / 15%) !important;
	box-shadow: 0 0 0.375rem rgb(0 0 0 / 15%) !important;
	font-size: 1rem;
	font-weight: 700;
	padding: 0.8125rem 2.2em;
}

.fg-steps-buttons>button.el-button--primary {
	background-color: #fff !important;
	border-color: #fff !important;
	color: #242424 !important;
}

.fg-steps-buttons>button.el-button--primary:hover,
.fg-steps-buttons>button.el-button--primary:focus {
	background-color: #004990 !important;
	border-color: #004990 !important;
	color: #fff !important;
}

.fg-steps-buttons>button.el-button--info {
	background-color: #a6a9ad;
	border-color: #a6a9ad;
}

.fg-steps-buttons>button.el-button--info:hover,
.fg-steps-buttons>button.el-button--info:focus {
	background-color: #909399;
	border-color: #909399;
}

.fg-port-number-steps-note {
	background-color: #d9e7f7;
	bottom: 0;
	left: 0;
	margin-top: 1.25rem;
	max-width: 100%;
	padding: 0.75rem;
	position: absolute;
	right: 0;
	text-align: center;
}

.fg-port-number-steps-note>p {
	margin: 0;
}

.pre_order_wrap {
	background-color: #fff;
	border: 0.125rem solid #bbc6d3;
	-webkit-border-radius: 0.3125rem;
	border-radius: 0.3125rem;
	padding: 2.5rem;
}

.pre_order_wrap p {
	font-size: 1.125rem;
	margin-bottom: 0.625rem;
}

.pre_order_wrap p strong {
	color: #004990;
}

.pre_order_list {
	list-style: none;
	margin: 1.25rem 0 0;
	padding-left: 0;
}

.pre_order_list>li {
	font-size: 1.125rem;
}

.pre_order_list>li+li {
	margin-top: 0.1875rem;
}

.pre_order_list>li h4 {
	font-size: 1.3rem;
	font-weight: 700;
	margin-bottom: 0.9375rem;
}

.tk-msg-box {
	text-align: center;
}

.tk-msg-inner {
	background-color: #fff;
	border: 0.125rem solid #bbc6d3;
	-webkit-border-radius: 0.3125rem;
	border-radius: 0.3125rem;
	padding: 3.75rem 2.5rem;
}

.tk-msg-inner>img {
	margin-bottom: 1.5rem;
	max-height: 6.25rem;
}

.tk-msg-inner>h3 {
	font-size: 2.5rem;
	font-weight: 700;
}

.tk-msg-inner>img+p,
.tk-msg-inner>p+div.el-row {
	margin-top: 1.5rem;
}

.tk-msg-inner>p,
.tk-msg-inner p {
	font-size: 1.125rem;
	line-height: 1.8;
	margin-bottom: 0;
}

.tk-msg-inner>p a,
.tk-msg-inner p a {
	color: #004990;
	text-decoration: underline;
}

.tk-msg-inner>p strong {
	color: #004990;
	word-break: normal;
}

.tk-msg-inner>p+p:not(.mt-40) {
	margin-top: 0.625rem;
}

.fg-step .pre-checkbox {
	margin-bottom: 0;
}

.fg-step .pre-checkbox .el-form-item__content {
	line-height: initial;
}

.fg-step .pre-checkbox .el-form-item__content .el-checkbox {
	font-size: 1.125rem;
	margin-bottom: 0;
}

.fg-step .pre-checkbox .el-form-item__content .el-checkbox span {
	color: #242424;
	font-size: inherit;
}

.fg-step .pre-checkbox .el-form-item__content .el-checkbox span a {
	text-decoration: underline;
}

.fg-steps-wrap .page-loader.port-number-active {
	display: block !important;
}

.fg-steps-wrap .page-loader {
	background: rgb(255 255 255 / 90%);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.fg-steps-left>ul.active::before {
	content: "";
	height: 100%;
	opacity: 0;
	position: absolute;
	visibility: visible;
	width: 100%;
	z-index: 999;
}

.qrcode {
	display: inline-block;
	font-size: 0;
	margin: -1.25rem 0 0;
	position: relative;
}

body.el-popup-parent--hidden {
	padding-right: 0 !important;
}

.el-message-box {
	max-width: 31.25rem;
	width: 100%;
}

.fg-step .el-select>.el-select-dropdown.el-popper {
	left: 0 !important;
	position: absolute !important;
}

.tk-msg-inner img {
	max-width: 5rem;
}

.el-steps {
	margin-bottom: 3.125rem;
}

.el-textarea iframe {
	min-height: 200px;
}

.d-flex {
	display: flex;
}

.flex-column {
	flex-direction: column;
}

.flex-wrap {
	flex-wrap: wrap;
}

.align-items-center {
	align-items: center;
}

.justify-content-center {
	justify-content: center;
}

.justify-content-between {
	justify-content: space-between;
}

.justify-content-end {
	justify-content: flex-end;
}

.filesUpload .el-upload {
	align-items: center;
	background-color: #fff;
	border: 4px dashed #d8d8d8;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	justify-content: center;
	overflow: hidden;
	padding: 2.5rem;
	width: 100%;
}

.filesUpload .el-upload>i {
	color: var(--color6);
	font-size: 3.125rem;
	line-height: 1;
}

.filesUpload .el-upload>h3 {
	color: #808080;
	font-size: 1.325rem;
}

.filesUpload .el-upload>p {
	color: #808080;
	font-size: 1.125rem;
	margin: 0;
}

.filesUpload .el-upload>button {
	border: 2px solid var(--color6);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: var(--color6);
	font-size: 1rem;
	font-weight: 600;
	padding: 12px 25px;
}

.filesUpload .el-upload>button:hover,
.filesUpload .el-upload>button:focus {
	background-color: var(--color6);
	color: #fff;
}

.filesUpload .el-upload-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 1.25rem;
}

.filesUpload .el-upload-list>li {
	font-size: 0.9375rem;
	margin: 0;
}

ul.reviewList {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 1.25rem 0 0;
	padding: 1.75rem;
}

ul.reviewList>li:not(:first-child) {
	border-top: 1px dashed #c5c4c4;
}

ul.reviewList>li {
	font-size: 1rem;
	padding: 1.75rem 0;
}

ul.reviewList>li p {
	font-size: inherit;
}

.fg-steps-wrap .el-step__icon.is-icon {
	align-items: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: inline-flex;
	font-size: 20px;
	height: 40px;
	justify-content: center;
	line-height: initial;
	margin-top: -10px;
}

.fg-steps-wrap .is-finish .el-step__icon.is-icon {
	background-color: #7bbf6a;
	border-color: #7bbf6a;
	color: #fff;
}

.fg-steps-wrap .el-step__title.is-finish {
	color: #7bbf6a;
}

.fg-steps-wrap .el-step__title {
	color: #808080;
	font-weight: 600;
}

.fg-steps-wrap .el-step__icon.is-icon {
	background-color: #fff;
	border: 2px solid #cbc6c6;
	color: transparent;
}

.fg-steps-wrap .el-step__title.is-process {
	color: var(--color6);
}

.fg-steps-wrap .is-process .el-step__icon.is-icon {
	background-color: var(--color6);
	border-color: var(--color6);
	color: var(--color6);
	height: 1.875rem;
	line-height: 1.875rem;
	margin: -5px 5px 5px;
	width: 1.875rem;
}

.fg-steps-wrap .el-step__icon.is-icon i.el-step__icon-inner {
	font-size: inherit;
	line-height: initial;
}

.fg-step .wp-editor-tabs>button {
	background-color: transparent;
	border: 2px solid var(--color6);
	border-bottom: 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	color: var(--color6);
	font-size: 0.9375rem;
	font-weight: 600;
	padding: 10px 1.25rem;
}

.fg-step .tmce-active .wp-editor-tabs>button.switch-tmce,
.fg-step .html-active .wp-editor-tabs>button.switch-html {
	background-color: var(--color6);
	color: #fff;
}

.fg-step div.mce-toolbar-grp>div {
	background-color: inherit;
}

.fg-step div.mce-toolbar-grp {
	background-color: #c2bb0014;
	border-color: #c2bb001c;
}

.fg-steps-wrap .is-process .el-step__icon.is-icon::before {
	border: 2px solid var(--color6);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	bottom: -7px;
	content: "";
	left: -7px;
	position: absolute;
	right: -7px;
	top: -7px;
}

.invenstion-files .el-upload-dragger {
	border: unset !important;
	height: 100% !important;
	width: 100% !important;
}

/* ===== Case Detail Style ===== */
.details-detail-data,
.client-detail-data {
	display: grid;
	gap: 2.5rem;
	grid-template-columns: 1fr;
	margin-top: 2.5rem;
}

.details-detail-info-wrap {
	display: grid;
	gap: 2.5rem;
	grid-template-columns: 1fr 1fr;
}

.details-detail-info-inner {
	background-color: #fff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	padding: 2.5rem;
}

.details-detail-info-inner>h4 {
	color: var(--color1);
	font-size: 1.5rem;
}

.details-detail-info-inner>ul {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding-left: 0;

	/* gap: 10px; */
}

.details-detail-info-inner>ul li {
	color: var(--color1);
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 2fr;
	line-height: 1.5;
	padding: 7px 10px;
}

.details-detail-info-inner>ul li>* {
	color: inherit;
	margin: 0;
}

.details-detail-info-inner>span,
.details-detail-info-inner>p {
	color: var(--color1);
	font-family: Roboto, sans-serif;
	line-height: 1.5;
	margin: 0;
}

.details-detail-info-inner>ul li:not(:last-child) {
	border-bottom: 1px solid #eaeaea;
}

.details-detail-info-inner>ul li span {
	font-size: 1rem;
}

.details-detail-info-inner>ul li a {
	color: var(--color3);
	font-weight: 600;
}

.details-detail-info-inner>ul li a:hover,
.details-detail-info-inner>ul li a:focus {
	color: var(--color1);
}

.details-detail-info-inner>ul li:nth-child(even) {
	background-color: #fbfbfb;
}

.details-detail-attachments {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;

	/* background-color: #fbfbfb;
	padding: 1.25rem; */
	gap: 1.25rem;
	width: 100%;
}

.details-detail-attachments>ul {
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 1fr;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.details-detail-attachments>ul li {
	font-size: 1rem;
}

.details-detail-attachments>ul li a {
	align-items: flex-start;
	background-color: #fbfbfb;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: flex;
	gap: 10px;
	padding: 1.25rem;
}

.details-detail-attachments>ul li a img {
	flex: 0 0 70px;
}

.details-detail-attachments>ul li a div {
	display: flex;
	flex: 1 0 0;
	flex-direction: column;
	gap: 7px;
}

.details-detail-attachments>ul li a div * {
	color: var(--color1);
	margin: 0;
}

.details-detail-attachments>ul li a h4 {
	font-size: 1rem;
}

.details-detail-attachments>ul li a p {
	font-size: 14px;
}

/* .details-detail-attachments > ul li a:hover,
.details-detail-attachments > ul li a:focus {
	background-color: var(--color3);
} */

.details-detail-attachments>h4 {
	color: var(--color2);
	font-size: 1.25rem;
}

.invenstion-files .el-upload-dragger i.el-icon-upload {
	color: var(--color6);
	font-size: 3.75rem;
	line-height: 1;
	margin-top: 0;
}

.invenstion-files .el-upload-dragger>h3 {
	color: #808080;
	font-size: 1.325rem;
	line-height: initial;
}

.invenstion-files .el-upload-dragger>p {
	color: #808080;
	font-size: 1.125rem;
}

.invenstion-files .el-upload-dragger>button {
	border: 2px solid var(--color6);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: var(--color6);
	font-size: 1rem;
	font-weight: 600;
	padding: 12px 25px;
}

.invenstion-files .el-upload-dragger>button:hover,
.invenstion-files .el-upload-dragger>button:focus {
	background-color: var(--color6);
	color: #fff;
}

.el-upload-list>li.active {
	border-color: var(--color6);
}

/* .el-upload-list > li:before {
	content: "";
	width: 70px;
	left: 10px;
	top: 10px;
	bottom: 10px;
	background-color: var(--color6);
	position: absolute;
	z-index: 2;
	-webkit-transform: scale(.5);
	transform: scale(.5);
	opacity: 0;
} */

.el-upload-list>li.active::before {
	opacity: 0.7;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.el-upload-list>li.el-upload-list__item {
	align-items: center;
	display: flex;
	gap: 0.9375rem;
	position: relative;
}

.el-upload-list>li a.el-upload-list__item-name:hover {
	color: var(--color6) !important;
}

.el-upload-list>li a.el-upload-list__item-name {
	font-size: 0.9375rem;
	line-height: 1.5 !important;
	margin: 0 !important;
	max-width: 90%;
	padding: 0 !important;
}

.el-upload-list>li.el-upload-list__item label.el-upload-list__item-status-label {
	background-color: var(--color6);
}

.el-dialog__body img {
	max-width: 100%;
}

p.format-box {
	font-size: 15px !important;
}

.el-upload-list>li.el-upload-list__item i.el-icon-close {
	color: #fff;
	padding: 3px 2px 0;
	right: 0;
	top: 0;
}

.el-upload-list>li.el-upload-list__item i.el-icon-close::after {
	background-color: var(--color2);
	content: "";
	height: 25px;
	position: absolute;
	right: -22px;
	top: -3px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 50px;
	z-index: -1;
}

.fg-step>h3,
.fg-step-inner>h3 {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fg-step>h3 span,
.fg-step-inner>h3 span {
	font-size: 1.0625rem;
	font-weight: 600;
}

.support-panel-info-list-wrap table tr td .cell ul,
.support-panel-info-list-wrap .gen-table table tr td ul {
	align-items: center;
	display: flex;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.support-panel-info-list-wrap table tr td .cell ul li a,
.support-panel-info-list-wrap .gen-table table tr td ul li a {
	align-items: center;
	display: flex;
	gap: 10px;
}

.support-panel-info-list-wrap table tr td .cell ul li a img,
.support-panel-info-list-wrap .gen-table table tr td ul li a img {
	width: 1.875rem;
}

.details-detail-info-inner>ul li * {
	margin-top: 0 !important;
}

.detail-attachments {
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	margin: 1.875rem 0;
}

.detail-attachments>li {
	margin: 0 !important;
}

.support-panel-info-list-wrap.inventionTable table tr td {
	font-size: 0.9375rem;
	padding-right: 1.25rem;
}

.support-panel-info-list-wrap.inventionTable table tr td .row-col p {
	margin: 0;
}

.support-panel-info-list-wrap.inventionTable table tr td .row-col p+p {
	margin-top: 5px;
}

.support-panel-info-list-wrap.inventionTable table tr td:first-child {
	vertical-align: top;
}

.donation-email-wrap {
	display: grid;
	gap: 2.5rem;
	grid-template-columns: 1fr 1fr;
	padding: 2.5rem 0;
}

.donation-email-inner {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.donation-email-inner iframe {
	border: 1px solid #f3f3f3;
	height: 100%;
	width: 100%;
}

.email-preview {
	background-color: #fff;
	padding: 3rem;
}

.el-select {
	width: 100%;
}

.search-bar .upload-demo>.el-upload>button {
	max-width: initial !important;
}

.importer-list .top-bar {
	justify-content: space-between;
}

.importer-list .top-bar .search-bar {
	margin-bottom: 0;
	order: 0;
}

.importer-list .footer {
	text-align: right;
}

.importer-list {
	margin-bottom: 17px;
}

.supportmenu-wrap ul li.el-submenu ul.el-menu>li.el-submenu {
	padding: 0 12px !important;
}

.btn-action span.el-input__suffix {
	background: var(--color3);
	color: #fff;
	cursor: pointer;
	padding: 0 5px;
	right: 0;
}

.btn-action input.el-input__inner {
	border: none;
	-webkit-border-radius: unset;
	border-radius: unset;
}

.search-bar.btn-action {
	border: 1px solid var(--color9);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
}

/* ===== Order Detail style ===== */
.order-detail-inner {
	display: block;
	margin: 0 auto;
	max-width: 70%;
}

.order-detail-top {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.order-detail-top>*,
.order-detail-info-wrap>* {
	margin-top: 1.875rem;
}

.order-detail-top-inner>address {
	font-style: normal;
	line-height: 1.5;
}

.order-detail-top-inner>span {
	display: block;
}

.order-detail-top-inner>span+span {
	margin-top: 10px;
}

.order-detail-top-inner>span strong {
	margin-left: 5px;
}

.order-detail-info-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.order-detail-info-inner>h4 {
	font-size: 1.125rem;
	margin-bottom: 10px;
}

.order-detail-info-inner>span {
	display: block;
	line-height: 1.5;
}

.order-detail-info-inner>span+span {
	margin-top: 6px;
}

.order-detail-top-inner+.order-detail-top-inner,
.order-detail-info-inner+.order-detail-info-inner {
	text-align: right;
}

.order-detail-table {
	margin-top: 1.875rem;
}

.order-detail-data table {
	margin-bottom: 2.5rem;
	width: 100%;
}

.order-detail-data table th,
.order-detail-data table td {
	text-align: initial;
}

.order-detail-inner>button+div {
	margin-top: 2.5rem;
}

tr.woocommerce-table__line-item.order_item>td.product-activity {
	padding-left: 0;
	padding-right: 0;
}

.support-panel-info-list-wrap form .radio_list {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: 1fr 1fr 1fr;
}

.support-panel-info-list-wrap form .radio_list label {
	margin: 0;
	overflow: hidden;
	position: relative;
}

.support-panel-info-list-wrap form .radio_list label span.el-radio-button__inner {
	align-items: center;
	border: 1px solid #eaeaea;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	min-height: 5rem;
}

.support-panel-info-list-wrap form .radio_list label span.el-radio-button__inner img {
	max-height: 3.125rem;
}

.support-panel-info-list-wrap form .radio_list label.is-active span.el-radio-button__inner,
.support-panel-info-list-wrap form .radio_list label span.el-radio-button__inner:hover {
	background-color: #f4f6fa;
	border-color: var(--color6);
}

.support-panel-info-list-wrap form .radio_list input#other_carrier {
	height: 5rem;
}

.notes-list button.el-button.el-button--danger.el-button--mini {
	position: absolute;
	right: 10px;
	top: 10px;
}

.notes-list {
	position: relative;
}

.image-select .el-select-dropdown__item img {
	height: auto;
	width: 55px;
}

.support-panel-info-list-wrap .inline-form {
	background-color: #fff;
	margin-bottom: 1.875rem;
	padding: 2.5rem 2.5rem 1.25rem;
}

.support-panel-info-list-wrap .inline-form button.el-button {
	margin-top: 22px;
	width: 100%;
}

.el-form-item .line {
	line-height: 2.5rem;
	text-align: center;
}

.uploadAudio {
	margin-bottom: 1.25rem;
}

.uploadAudio .el-upload {
	width: 100%;
}

.uploadAudio .el-upload .el-upload-dragger {
	align-items: center;
	background-color: #fbfbfb;
	border-width: 3px;
	display: flex;
	flex-direction: column;
	height: 393px;
	justify-content: center;
	width: inherit;
}

.uploadAudio .el-upload .el-upload-dragger:hover {
	border-color: #2d4d95;
}

.uploadAudio .el-upload-dragger .el-upload__text em,
.uploadAudio .el-upload .el-upload-dragger>i {
	color: #2d4d95;
}

.uploadAudio .el-upload .el-upload-dragger>i {
	margin-top: 0;
}

.support-panel-info-list-wrap .inline-form .uploadAudio+div button.el-button {
	margin-top: 0;
	width: auto;
}

.support-panel-info-list-wrap .inline-form .uploadAudio+div {
	text-align: right;
}

.support-panel-info-list-wrap table tr td .cell audio {
	width: 100%;
}

.support-panel-info-list-wrap .inline-form div.mce-panel {
	background: #f2f8ff33;
	border: 1px solid #dee0e3;
}

div.memo-desc {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding-left: 40px;
}

div.memo-desc>* {
	margin: 0;
}


.el-autocomplete {
	width: 100%;
}

.acc-summary-wrap {
	padding: 0 1.25rem 1.25rem;
}

.settings-page .el-menu {
	border: 0;
	display: flex;
	flex-direction: column;
	margin-top: 2.5rem;
	padding: 2.5rem;
}

.settings-page .el-menu::before,
.settings-page .el-menu::after {
	display: none;
}

.settings-page .el-menu li.el-menu-item {
	color: var(--color1);
	font-size: 1rem;
	height: initial;
	line-height: 1.5;
	padding: 0 !important;
}

.settings-page .el-menu li.el-menu-item:not(:first-child) {
	border-top: 1px solid #eaeaea;
}

.settings-page .el-menu li.el-menu-item a {
	color: inherit;
	display: block;
	line-height: inherit;
	padding: 0.9375rem !important;
}

.settings-page .el-menu li.el-menu-item.is-active {
	background-color: var(--color3);
	color: #fff;
}

.settings-page .el-menu li.el-menu-item:hover a {
	color: inherit;
}

.settings-page .el-menu li.el-menu-item:hover {
	background-color: var(--color3);
	color: #fff;
}

.settings-page .list-wraper {
	position: relative;
}

.settings-page .support-panel-info-list-wrap>.page-loader {
	bottom: 2.5rem;
	position: absolute;
	top: 2.5rem;
}

.settings-page .support-panel-info-list-wrap {
	display: flex;
	flex-direction: column;
	gap: 1.875rem;
	position: relative;
}

.m-usage-rep-title>h4,
.m-usage-rep-title>p,
.m-usage-rep-stats-item>h5,
.m-stat-item>h5,
.m-stat-item-inner-list>li h5,
.m-stat-item-inner-list>li * {
	color: #fff;
}

.m-usage-rep-body,
.m-usage-rep-info-item,
.m-usage-rep-info-item>ul,
.m-usage-rep-stats,
.m-usage-rep-title,
.m-usage-rep-stats-item {
	display: flex;
	flex-direction: column;
}

.m-usage-rep-wrap {
	background-color: #fff;
	margin: auto;
	max-width: 50.625rem;
	min-height: 100vh;
	padding-bottom: 3.75rem;
	position: relative;
}

.m-usage-rep-wrap.v2 {
	min-height: initial;
	padding-bottom: 0;
}

.m-usage-rep-wrap>img {
	width: 100%;
}

.m-usage-rep-wrap>span {
	bottom: 193px;
	color: #666;
	font-weight: 600;
	left: 34px;
	position: absolute;
}

.m-usage-rep-head>img {
	display: block;
}

.m-usage-rep-body {
	gap: 1.875rem;
	padding: 1.875rem 2.5rem;
}

.m-usage-rep-info {
	background-color: #eaf4e6;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	padding: 1.875rem 0;
}

.m-usage-rep-info-item {
	padding: 0 1.25rem;
	position: relative;
}

.m-usage-rep-info-item+.m-usage-rep-info-item:before {
	background-color: #1d75bc;
	bottom: 0;
	content: "";
	left: -10px;
	position: absolute;
	top: 0;
	width: 1px;
}

.report-wrapper .m-usage-rep-info-item+.m-usage-rep-info-item:before {
	display: none;
}

.report-wrapper .m-usage-rep-info>h3 {
	grid-column: 1/3;
	margin-bottom: 1.5rem;
	padding: 0 1.25rem 10px;
	position: relative;
}

.report-wrapper .m-usage-rep-info>h3:before {
	background-color: #1d75bc;
	bottom: 0;
	content: "";
	height: 1px;
	left: 1.25rem;
	position: absolute;
	right: 1.25rem;
}

.report-wrapper .m-stat-item {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.m-usage-rep-info-item {
	gap: 1.875rem;
}

.m-usage-rep-info-item>h3,
.m-usage-rep-info>h3 {
	font-size: 1.5rem;
}

.m-usage-rep-info-item>ul {
	gap: 13px;
}

.m-usage-rep-info-item>ul li {
	font-size: 1rem;
}

.m-usage-rep-stats {
	background-color: #3157a5;
	gap: 2.5rem;
	padding: 1.875rem 0;
}

.m-usage-rep-title {
	align-items: center;
	gap: .9375rem;
	justify-content: center;
	padding: 0 1.875rem;
	text-align: center;
}

.m-usage-rep-title>h4 {
	font-size: 1.5rem;
}

.m-usage-rep-title>p {
	font-size: 1.125rem;
}

.m-usage-rep-stats-boxs {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	text-align: center;
}

.m-usage-rep-stats-item {
	align-items: center;
	gap: 12px;
	padding: 0 1.875rem;
	position: relative;
}

.m-usage-rep-stats-item+.m-usage-rep-stats-item:before {
	background-color: #8dc63f;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
	width: 1px;
}

.m-usage-rep-stats-item>h5,
.m-stat-item>h5,
.m-stat-item-inner-list>li h5 {
	font-size: 1.325rem;
	font-weight: 500;
}

.m-usage-rep-stats-item>h5+.m-stat-item {
	margin-top: 10px;
}

.m-stat-item+.m-stat-item {
	margin-top: 1.25rem;
}

.m-stat-item-inner-list {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: center;
	margin-top: 7px;
}

.m-stat-item-inner-list li h4 {
	font-size: 1.75rem;
}

.m-stat-item-inner-list>li h5 {
	margin: -7px 0 7px;
}

.m-stat-item-inner-list>li span {
	font-size: 14px;
}

.m-stat-item-inner-list>li {
	min-height: 53px;
}

.m-usage-rep-foot {
	background-color: #3157a5;
	bottom: 0;
	height: 1.875rem;
	left: 0;
	position: absolute;
	right: 0;
}

.m-usage-rep-wrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.shp-info-wrap {
	margin: auto;
	max-width: 50.625rem;
	position: relative;
}

.shp-info-head {
	margin-bottom: 3.125rem;
	padding: 0 2.8125rem;
	text-align: center;
}

.shp-info-head .logo {
	align-items: center;
	display: flex;
	gap: 3.125rem;
	justify-content: center;
}

.shp-info-wrap>h2 {
	border-bottom: 1px solid #555;
	font-size: 1.65rem;
	line-height: 1.5;
	margin: 0 0 1.875rem;
	padding: 0 2.8125rem;
}

.shp-info-wrap>h3 {
	border-bottom: 1px solid #555;
	font-size: 1.25rem;
	line-height: 1.5;
	margin: 0 0 1.875rem;
	padding: 0 2.8125rem;
}

.shp-info-cont+h2,
.shp-info-cont+h3 {
	margin-top: 2.5rem;
}

.shp-info-cont {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: 1fr 1fr;
	padding: 0 2.8125rem;
}

.shp-info-cont-item {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.shp-info-cont-item>h5 {
	font-size: 1.0625rem;
	font-weight: 500;
	line-height: 1.5;
}

.shp-info-cont-item>* {
	margin: 0;
}

.shp-info-cont-item>p {
	font-size: .9375rem;
	line-height: 1.5;
}

.shp-info-cont-item>h4 {
	font-size: 1.125rem;
}

.shp-info-cont-item>h4+p {
	margin-top: -1.5rem;
}

.shp-info-wrap table {
	border-collapse: collapse;
	margin-top: -1.5625rem;
	width: 100%;
}

.shp-info-wrap table th,
.shp-info-wrap table td {
	font-size: .9375rem;
	line-height: 1.5;
	padding: 10px 1.25rem 0;
	text-align: initial;
	vertical-align: top;
}

.shp-info-wrap table th span {
	font-weight: 400;
}

.shp-info-wrap table td span.fulwd {
	display: block;
}

.shp-info-wrap table td {
	padding-top: 5px;
}

.shp-info-wrap table th:first-child,
.shp-info-wrap table td:first-child {
	padding-left: 2.8125rem;
}

.shp-info-wrap table th:last-child,
.shp-info-wrap table td:last-child {
	padding-right: 2.8125rem;
}

.shp-info-wrap table+h3 {
	margin-top: 1.875rem;
}

.shp-info-wrap>h3+.prod-desc {
	margin-top: -1.25rem;
}

.prod-desc {
	display: flex;
	justify-content: space-between;
	padding: 0 2.8125rem;
	width: 100%;
}

.prod-desc>p {
	margin: 0;
}

.prod-desc>p:last-child {
	max-width: 11.394375rem;
	padding-left: 1.25rem;
	text-align: initial;
	width: 100%;
}

.shp-info-wrap>p.text-blue {
	color: #3157a5;
	font-size: 14px;
	margin-top: 1.875rem;
	padding: 0 2.8125rem;
}

.shp-info-footer {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 1.875rem;
	padding: 0 2.8125rem;
}

.shp-info-footer>* {
	margin: 0;
}

.shp-info-footer>p,
.shp-info-footer>ul li {
	font-size: .9375rem;
}

.shp-info-footer>ul {
	display: flex;
	justify-content: space-between;
	list-style: none;
	padding: 0;
}

.shp-info-footer>ul li {
	color: #3157a5;
}

.shp-info-cont-item>ul {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	list-style: none;
	padding-left: 0;
}

.shp-info-cont-item>ul li {
	align-items: center;
	display: flex;
	gap: 5px;
}

.shp-info-cont-item>ul li>* {
	font-size: .9375rem;
	margin: 0;
}

.report-wrapper {
	display: flex;
	flex-direction: column;
	gap: 3.125rem;
}

.m-usage-rep {
	background-color: #fff;
	margin: auto;
	max-width: 50.625rem;
	min-height: 100vh;
	padding-bottom: 3.75rem;
	position: relative;
}

.m-usage-rep.v2 {
	min-height: initial;
	padding-bottom: 0;
}

.m-usage-rep>img {
	width: 100%;
}

.m-usage-rep>span {
	bottom: 193px;
	color: #666;
	font-weight: 600;
	left: 34px;
	position: absolute;
}

.el-autocomplete {
	width: 100%;
}

.acc-summary-wrap {
	padding: 0 1.25rem 1.25rem;
}

.settings-page .el-menu {
	border: 0;
	display: flex;
	flex-direction: column;
	margin-top: 2.5rem;
	padding: 2.5rem;
}

.settings-page .el-menu::before,
.settings-page .el-menu::after {
	display: none;
}

.settings-page .el-menu li.el-menu-item {
	color: var(--color1);
	font-size: 1rem;
	height: initial;
	line-height: 1.5;
	padding: 0 !important;
}

.settings-page .el-menu li.el-menu-item:not(:first-child) {
	border-top: 1px solid #eaeaea;
}

.settings-page .el-menu li.el-menu-item a {
	color: inherit;
	display: block;
	line-height: inherit;
	padding: 0.9375rem !important;
}

.settings-page .el-menu li.el-menu-item.is-active {
	background-color: var(--color3);
	color: #fff;
}

.settings-page .el-menu li.el-menu-item:hover a {
	color: inherit;
}

.settings-page .el-menu li.el-menu-item:hover {
	background-color: var(--color3);
	color: #fff;
}

.settings-page .list-wraper {
	position: relative;
}

.settings-page .support-panel-info-list-wrap>.page-loader {
	bottom: 2.5rem;
	position: absolute;
	top: 2.5rem;
}

.settings-page .support-panel-info-list-wrap {
	display: flex;
	flex-direction: column;
	gap: 1.875rem;
	position: relative;
}

/* KJ Changes  */
.m-usage-rep-info-item>h3,
.m-usage-rep-info>h3 {
	font-size: 2.2rem !important;
}

.m-usage-rep-title>h4 {
	font-size: 1.9rem;
}

.m-usage-rep-stats-item>h5+.m-stat-item {
	margin-top: 40px !important;
}

.m-usage-rep-wrap ul {
	list-style: none;
	margin: 10px 0 !important;
	padding: 0;
}

.m-usage-rep-info-item>ul li {
	font-size: .9rem !important;
}

.m-usage-rep-foot {
	background-color: #fff !important;
}


/*===== Ratings Style =====*/
.ratings-wrap {
	display: flex;
	flex-direction: column;
	margin-top: 1.25rem;
	width: 100%;
}

.step-head {
	align-items: center;
	background-color: #005fc282;
	color: #fff;
	display: flex;
	font-size: 1.5rem;
	gap: 1.25rem;
	justify-content: space-between;
	margin-bottom: 1.25rem;
	padding: 12px 1.25rem;
}

.rating-list+.step-head {
	margin-top: 2.5rem;
}

.rating-list {
	column-gap: 1.25rem;
	counter-reset: count 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
}

.drawer-wrap .rating-list {
	grid-template-columns: 1fr;
}

.rating-list+.rating-list {
	counter-reset: count 10;
}

.rating-item {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	padding: .9375rem .9375rem .9375rem 2.5rem;
	position: relative;
	width: 100%;
}

.rating-item>h5 {
	color: #444;
	font-size: 1rem;
	font-weight: 400;
}

.rating-item .el-rate {
	display: flex;
	gap: 2px;
	height: initial;
}

.rating-item .el-rate span {
	font-size: 1rem;
}

.rating-item .el-rate span i {
	font-size: inherit;
	margin: 0;
}

.gr-bg,
.drawer-wrap .rating-list>div:nth-child(even),
.rating-list>div:nth-child(3),
.rating-list>div:nth-child(4),
.rating-list>div:nth-child(7),
.rating-list>div:nth-child(8),
.rating-list>div:nth-child(11),
.rating-list>div:nth-child(12),
.rating-list>div:nth-child(15),
.rating-list>div:nth-child(16),
.rating-list>div:nth-child(19),
.rating-list>div:nth-child(20) {
	background-color: #fbfbfb;
}

.drawer-wrap .rating-list>div.gr-bg {
	background-color: transparent;
}

.support-panel-info-list-wrap .inline-form .ratings-wrap+div {
	text-align: end;
}

.support-panel-info-list-wrap .inline-form .ratings-wrap+div button.el-button {
	width: auto;
}

.rating-item:before {
	color: #777;
	content: counter(count, decimal) ") ";
	counter-increment: count 1;
	left: 8px;
	position: absolute;
	top: .9375rem;
}

.average-rating {
	cursor: pointer;
}

.drawer-wrap .el-drawer__body {
	overflow: hidden;
}

.drawer-wrap .el-drawer__header>span {
	font-size: 1.25rem;
}

.call-recording-detail {
	background-color: #fff;
	margin-bottom: 1.875rem;
	padding: 2.5rem;
}

.call-recording-info {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}

.call-recording-info>li {
	font-size: 1.0625rem;
	line-height: 1.5;
	padding: 12px 1.25rem;
}

.call-recording-info>li p {
	margin: 0;
}

.call-recording-info>li:nth-child(odd) {
	background-color: #fbfbfb;
}

.call-recording-info>li strong {
	font-weight: 600;
}

.text-box {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.text-box>* {
	margin: 0;
}

.text-box>p,
.text-box>ul li {
	font-size: 1.125rem;
	line-height: 1.5;
}

.call-recording-info-wrap {
	display: grid;
	gap: 1.25rem;
	grid-template-columns: 1fr 2fr;
}

.call-detail-box {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	margin-top: 6px;
}

.uploadAudio .el-upload-list>li.el-upload-list__item {
	background-color: #f5f7fa;
	margin: 0;
	overflow: hidden;
	padding: 10px 2.5rem 10px 10px;
}

.uploadAudio .el-upload-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 1.25rem;
}

.uploadAudio .el-upload-list>li.el-upload-list__item label.el-upload-list__item-status-label {
	align-items: center;
	bottom: 0;
	color: #fff;
	display: inline-flex;
	justify-content: center;
	padding: 10px;
	right: 0;
}

.uploadAudio .el-upload-list>li.el-upload-list__item label.el-upload-list__item-status-label i {
	color: inherit;
}

.uploadAudio .el-upload-list>li.el-upload-list__item.is-success:hover label.el-upload-list__item-status-label {
	opacity: 0;
	visibility: hidden;
}

.uploadAudio .el-upload-list>li.el-upload-list__item i.el-icon-close {
	align-items: center;
	background-color: #f31616;
	bottom: 0;
	display: flex;
	justify-content: center;
	opacity: 0;
	padding: 10px;
	top: 0;
	visibility: hidden;
}

.uploadAudio .el-upload-list>li.el-upload-list__item i.el-icon-close:after {
	display: none;
}

.uploadAudio .el-upload-list>li.el-upload-list__item.is-success:hover i.el-icon-close {
	opacity: 1;
	visibility: visible;
}


.tac.el-tabs {
	column-gap: 2.5rem;
	display: grid;
	grid-template-columns: 1fr 4fr;
}

.tac.el-tabs .el-tabs__header {
	background-color: #fff;
	float: none;
	margin: 2.5rem 0 0;
	padding: 1.875rem;
}

.tac.el-tabs .el-tabs__header .el-tabs__nav-wrap {
	margin: 0;
}

.tac.el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav {
	border: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: flex;
	flex-direction: column;
}

.tac.el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav>div {
	border-right: 0 !important;
}

.tac.el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav>div+div {
	border-top: 1px solid #eaeaea;
}

.tac.el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item {
	height: initial;
	line-height: initial;
	padding: .9375rem;
}

.tac.el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item span {
	align-items: center;
	color: inherit;
	display: flex;
	gap: 10px;
}

.tac.el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item:hover,
.tac.el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav .el-tabs__item.is-active {
	background-color: #f5f5f5;
	color: var(--color6);
}

.tac .repeater-group button.el-button {
	margin-top: 1.25rem;
}

.repeater-group.with-label>div {
	margin-top: 1.25rem;
	padding-top: 2.25rem;
	position: relative;
}

.repeater-group.with-label>div:before {
	background-color: #fff;
	content: attr(data-title);
	left: 1.25rem;
	padding: 10.5px;
	position: absolute;
	top: -1.25rem;
	z-index: 1;
}

.tac .el-tabs__content .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav {
	flex-direction: row;
}

.tac .el-tabs__content .el-tabs .el-tabs__header .el-tabs__nav-wrap .el-tabs__nav>div+div {
	border-top: 0;
}


.account-detail-wrapper {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	padding: 1.875rem;
}

.account-detail-wrapper .actions {
	display: flex;
	gap: 10px;
	justify-content: flex-end;
}

.account-detail-wrapper .actions>button {
	font-size: 1.325rem;
	height: 2.5rem;
	margin: 0 !important;
	padding: 0;
	width: 2.5rem;
}

.account-detail-wrapper ul {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	padding-left: 0;
	width: 100%;
}

.account-detail-wrapper .account-detail li {
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 2fr;
	padding: 12px 0;
}

.account-detail-wrapper .account-detail>li span {
	position: relative;
}

.account-detail-wrapper .account-detail>li span.label {
	font-weight: 600;
}

.account-detail-wrapper .account-detail>li span.label:after {
	content: ":";
}

.account-detail-wrapper .account-detail li+li {
	border-top: 1px solid #eaeaea;
}

.account-detail-wrapper .account-detail li h6 {
	font-size: 1.25rem;
}

.account-detail-wrapper .account-detail li.address {
	display: flex;
	flex-direction: column;
}

.settings-page .support-panel-info-list-wrap>button.el-button {
	align-self: flex-end;
	margin-bottom: -1.875rem;
}

.settings-page .el-tabs__content .el-drawer__body {
	overflow-x: hidden;
}

.settings-page .el-tabs__content .el-drawer.btt {}

.account-entry-wrapper {
	padding: 2.5rem;
}

.account-entry-wrapper .el-form-item {
	min-height: 62px;
}

.account-entry-wrapper button.el-button {
	margin-top: 1.25rem;
}

.el-select-dropdown__item.selected,
.el-switch__label.is-active {
	color: #004990;
}

.el-select .el-input.is-focus .el-input__inner {
	border-color: #004990;
}

.top-bar.v2 {
	justify-content: space-between;
}

.bulk-action-wrapper {
	margin-bottom: 1.25rem;
}

.bulk-action-wrapper button.el-button+button.el-button {
	margin-left: 0;
}

.support-panel-info-list-wrap form .el-form-item div.readonly {
	align-items: center;
	background-color: #f7f7f7;
	border: 1px solid #dee0e3;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: no-drop;
	display: flex;
	height: 2.5rem;
	padding: 0 .9375rem;
}

.bulk-line-active-view .before-layer-tracking {
	align-items: center;
	background: rgba(255, 255, 255, 0.9);
	display: flex;
	gap: 1.875rem;
	height: 100%;
	justify-content: center;
	padding: 1.875rem 1.25rem;
	position: absolute;
	width: 100%;
	z-index: 999;
}

.bulk-line-active-view .before-layer-tracking p {
	font-size: 1.5rem;
	line-height: 1.5;
	max-width: 44rem;
}

.bulk-line-active-view .before-layer-tracking h2 {
	color: var(--color3);
	display: flex;
	flex-direction: column;
	font-size: 1.875rem;
	gap: 10px;
	padding-bottom: 0;
}

.figgers-support-panel h2 span {
	color: var(--color1);
	font-size: 1.5rem;
	font-weight: 500;
}

.bulk-line-active-view form.el-form+form.el-form {
	margin-top: 2.5rem;
}

.importer-list .support-panel-info-list-wrap {
	padding: 0 0 1.875rem;
}

.support-panel-info-list-wrap .acp-table table tr:nth-child(2n),
.support-panel-info-list-wrap .gen-table table tr:nth-child(2n) {
	background-color: #f6f7fb;
}

.support-panel-info-list-wrap .acp-table table tr td:first-child,
.support-panel-info-list-wrap .gen-table table tr td:first-child {
	overflow: hidden
}

.support-panel-info-list-wrap .acp-table table tr td:nth-child(2) {
	background-color: #e1effa;
	overflow: hidden;
	padding: 12px;
}

.support-panel-info-list-wrap .acp-table.v2 table tr td:nth-child(2) {
	background-color: transparent;
}

.support-panel-info-list-wrap .acp-table table tr td:first-child span.filter-color,
.support-panel-info-list-wrap .gen-table table tr td:first-child span.filter-color {
	background-color: #f00;
	bottom: -100%;
	left: 0;
	position: absolute;
	top: -100%;
	width: 1.4rem;
	z-index: 1;
}

.support-panel-info-list-wrap table tr td>*+*:not(.row-col) {
	margin-left: 5px;
}

.support-panel-info-stats-wrap+.top-bar {
	margin-top: 1.875rem;
}

.filter-dropdown {
	align-items: center;
	display: flex;
	gap: 1.25rem;
	border: 1px solid #004990;
}

.filter-counts-label>p {
	margin: 0;
	white-space: nowrap;
}

.filter-dropdown .el-select .el-input__inner:focus {
	border-color: var(--color3);
}


.el-loading-spinner {
	color: var(--color3);
	font-size: 1.875rem;
	margin-top: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.el-loading-spinner>* {
	color: inherit !important;
	font-size: inherit !important;
}

.prodduct-detail-wrapper {
	align-items: center;
	display: flex;
	gap: .9375rem;
}
.prodduct-detail-wrapper strong {
    font-weight: bolder;
}
.prodduct-detail-wrapper td {
	font-weight: bolder;
}
.support-panel-info-list-wrap table tr td .cell .row-col.img span {
	margin: 0;
}

.support-panel-info-list-wrap .acp-table table tr td,
.support-panel-info-list-wrap .gen-table table tr td {
	border-color: #d3d3d3 !important;
}

.support-panel-info-list-wrap table tr td .cell img.elg-icon {
	bottom: .9375rem;
	height: 2.5rem;
	opacity: .6;
	position: absolute;
	right: .9375rem;
}

.el-dropdown-menu {
	border: 1px solid #5c8ab7;
	-webkit-box-shadow: 0 0 10px #015bb170;
	box-shadow: 0 0 10px #015bb170;
	display: flex;
	flex-direction: column;
	line-height: 1.5;
	min-width: 12rem;
	padding: 10px 0;
}

.el-dropdown-menu>li.el-dropdown-menu__item {
	align-items: center;
	color: #474747;
	display: flex;
	font-weight: 700;
	gap: 10px;
	line-height: inherit;
	padding: 0;
}

.el-dropdown-menu>li img {
	max-width: 1.3rem;
}

.el-dropdown-menu>li.el-dropdown-menu__item:hover {
	background-color: #f5f5f5;
	color: #015bb1;
}

span.el-dropdown-link {
	font-size: 1.5rem;
	cursor: pointer;
}

.el-dropdown-menu>li.el-dropdown-menu__item button,
.el-dropdown-menu>li.el-dropdown-menu__item a {
	align-items: inherit;
	border: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: inherit;
	display: inherit;
	font-family: inherit;
	font-weight: inherit;
	gap: 10px;
	padding: 7px .9375rem;
	text-align: initial;
	text-decoration: none;
	width: 100%;
}

.el-dropdown-menu>li.el-dropdown-menu__item.is-disabled,
.el-dropdown-menu>li.el-dropdown-menu__item.is-disabled button {
	cursor: not-allowed;
	pointer-events: all;
}

.el-dropdown-menu>li.el-dropdown-menu__item button span {
	align-items: inherit;
	display: inherit;
	gap: inherit;
}

.el-dropdown-menu>li.el-dropdown-menu__item:hover button,
.el-dropdown-menu>li.el-dropdown-menu__item button:hover {
	background-color: transparent;
	color: inherit;
}

/*===== New Filters Table Style =====*/
.support-panel-info-list-wrap .acp-table,
.support-panel-info-list-wrap .gen-table {
	border: 1px solid #ebf1f7;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
}

.support-panel-info-list-wrap .acp-table table tr,
.support-panel-info-list-wrap .gen-table table tr {
	border-bottom: 1px solid #d3d3d3;
}

.support-panel-info-list-wrap .acp-table table tr th,
.support-panel-info-list-wrap .gen-table table tr th {
	text-align: initial;
}

.support-panel-info-list-wrap .acp-table table tr td,
.support-panel-info-list-wrap .gen-table table tr td {
	padding: 12px;
	font-size: 14px;
	line-height: 1.5;
	position: relative;
	color: #606266;
}

.support-panel-info-list-wrap .acp-table table tr td p,
.support-panel-info-list-wrap .gen-table table tr td p {
	margin: 2px 0;
}

.support-panel-info-list-wrap .acp-table table tr td:first-child,
.support-panel-info-list-wrap .gen-table table tr td:first-child {
	padding-left: 2rem;
}

.support-panel-info-list-wrap .acp-table table tr td img.elg-icon {
	max-width: 2rem;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

nav.smart-pagination {
	display: flex;
	justify-content: flex-end;
}

ul.pagination {
	padding-left: 0;
	list-style: none;
	margin: 1.25rem 0 0;
	display: flex;
	gap: 10px;
	align-items: center;
}

ul.pagination>li {
	color: var(--color1);
	font-size: 14px;
	font-weight: 600;
}

ul.pagination>li a {
	display: flex;
	color: inherit;
	font-size: inherit;
	height: 2.5rem;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	background-color: var(--color5);
	-webkit-border-radius: var(--curve5);
	border-radius: var(--curve5);
}

ul.pagination>li a:hover,
ul.pagination>li a:focus,
ul.pagination>li.active a {
	color: #fff;
	background-color: var(--color3);
	opacity: 1;
}

ul.pagination>li a[aria-label="Previous"],
ul.pagination>li a[aria-label="Next"] {
	position: relative;
}

ul.pagination>li a[aria-label="Previous"]:before,
ul.pagination>li a[aria-label="Next"]:before {
	content: "\279C";
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: inherit;
	color: inherit;
}

ul.pagination>li a[aria-label="Previous"]:before {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.filter-search {
	display: flex;
	align-items: center;
	gap: 10px;
}

.filter-search>label {
	font-weight: 600;
}

.filter-search>input,
.filter-search .el-input>input {
	max-width: 11rem;
	width: 100%;
	height: 2.5rem;
	-webkit-border-radius: var(--curve5);
	border-radius: var(--curve5);
	border: 1px solid #d3d3d3;
	padding: 10px;
}

.filter-search>input:focus,
.filter-search>input:focus-visible,
.filter-search .el-input>input:focus,
.filter-search .el-input>input:focus-visible {
	outline: 0;
	border-color: var(--color3);
}

.support-panel-info-list-wrap .acp-table table tr th.vt-sort {
	padding-right: 1.5rem !important;
	position: relative;
}

.vt-sort:after {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg%3E%3Cpath d='M72,83.05c2.08-2.09,4.17-4.18,6.25-6.27c0.87-0.88,1.86-1.46,3.15-1.46c1.63,0,2.88,0.66,3.64,2.1 c0.76,1.46,0.67,2.94-0.27,4.31c-0.28,0.4-0.63,0.76-0.98,1.1c-4.21,4.22-8.42,8.43-12.64,12.64c-2.37,2.37-4.59,2.37-6.95,0.01 c-4.27-4.27-8.53-8.55-12.82-12.8c-1.27-1.26-1.88-2.7-1.42-4.45c0.79-2.98,4.47-3.92,6.82-1.71c1.92,1.8,3.73,3.7,5.6,5.56 c0.32,0.31,0.65,0.61,1.03,0.98c0.36-0.51,0.21-1.01,0.21-1.46c0.01-24.78,0.01-49.55,0.01-74.33c0-0.65-0.02-1.33,0.12-1.96 c0.46-1.96,2.26-3.15,4.38-2.97c1.9,0.17,3.46,1.83,3.55,3.8c0.02,0.49,0.01,0.99,0.01,1.48c0,24.61,0,49.23,0,73.84 c0,0.48,0,0.97,0,1.45C71.8,82.95,71.9,83,72,83.05z'/%3E%3Cpath d='M28.11,16.54c-0.65,0.09-0.87,0.52-1.18,0.82c-1.84,1.82-3.65,3.67-5.5,5.48c-1.79,1.74-4.36,1.81-5.97,0.21 c-1.61-1.6-1.58-4.2,0.17-5.97c4.45-4.5,8.93-8.97,13.42-13.42c1.88-1.86,4.27-1.89,6.15-0.04c4.53,4.48,9.03,8.98,13.51,13.51 c1.7,1.72,1.72,4.28,0.16,5.88c-1.59,1.62-4.19,1.59-5.97-0.13c-1.86-1.8-3.67-3.65-5.5-5.48c-0.31-0.31-0.65-0.61-1-0.94 c-0.38,0.53-0.21,1.03-0.21,1.5c-0.01,24.86-0.01,49.72,0,74.58c0,1.52-0.28,2.85-1.56,3.82c-1.3,0.98-2.73,1.14-4.18,0.46 c-1.44-0.68-2.29-1.83-2.33-3.49c-0.01-0.49-0.01-0.99-0.01-1.48c0-24.61,0-49.22,0-73.84C28.11,17.53,28.11,17.05,28.11,16.54z'/%3E%3C/g%3E%3C/svg%3E");
	display: inline-block;
	font-weight: 700;
	/*position: absolute;*/
	right: 5px;
	height: 1.25rem;
	font-size: 1.25rem;
	line-height: 1;
	width: 0.9375rem;
	background-size: contain;
	filter: invert(1);
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
	margin-left: 10px;
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
}

.vt-sort.vt-asc:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg%3E%3Cpath d='M72.75,20.72c-3.23,3.22-6.2,6.18-9.18,9.14c-1.58,1.57-1.25,1.55-2.83-0.01c-1.13-1.12-2.25-2.24-3.37-3.37 c-1.21-1.21-1.21-1.22-0.04-2.39c4.72-4.75,9.44-9.49,14.17-14.23c1.54-1.55,3.13-3.06,4.66-4.62c0.58-0.59,1.01-0.59,1.6,0 c6.42,6.45,12.85,12.88,19.29,19.3c0.56,0.56,0.51,0.97-0.03,1.5c-1.45,1.41-2.9,2.81-4.27,4.29c-0.72,0.77-1.2,0.8-1.95,0.02 c-2.75-2.84-5.56-5.61-8.35-8.4c-0.33-0.33-0.67-0.64-1.08-1.03c-0.31,0.55-0.18,1.07-0.18,1.55c-0.01,24.33-0.01,48.66-0.01,73 c0,2.04,0,2.04-2.02,2.04c-1.76,0-3.52-0.03-5.28,0.01c-0.83,0.02-1.19-0.31-1.13-1.13c0.03-0.43,0-0.86,0-1.29 c0-24.16,0-48.32,0-72.48C72.75,22.09,72.75,21.58,72.75,20.72z'/%3E%3Cpath d='M27.37,10.94c-7.68,0-15.36-0.03-23.04,0.03c-1.31,0.01-1.74-0.38-1.66-1.68c0.1-1.8,0.08-3.61,0.01-5.4 C2.63,2.81,3.04,2.49,4.08,2.5c4.59,0.04,9.18,0.02,13.77,0.02c10.9,0,21.8,0,32.7,0c1.76,0,1.76,0.01,1.77,1.77 c0,1.72-0.07,3.44,0.02,5.15c0.06,1.21-0.4,1.53-1.55,1.52C42.99,10.92,35.18,10.94,27.37,10.94z'/%3E%3Cpath d='M23.25,27.43c-6.31,0-12.62-0.03-18.92,0.03c-1.3,0.01-1.74-0.36-1.67-1.67c0.1-1.8,0.08-3.6,0.01-5.4 c-0.04-1.07,0.36-1.4,1.41-1.39C10.94,19.02,17.81,19,24.67,19c5.96,0,11.93,0.03,17.89-0.02c1.18-0.01,1.59,0.35,1.54,1.54 c-0.08,1.84-0.07,3.69,0,5.53c0.04,1.07-0.36,1.4-1.41,1.39C36.21,27.41,29.73,27.43,23.25,27.43z'/%3E%3Cpath d='M19.29,35.49c4.98,0,9.95,0.04,14.93-0.03c1.34-0.02,1.71,0.42,1.65,1.69c-0.09,1.84-0.05,3.69-0.01,5.53 c0.02,0.85-0.24,1.24-1.17,1.24c-10.3-0.02-20.59-0.02-30.89,0c-0.85,0-1.12-0.35-1.11-1.15c0.03-1.97,0.06-3.95-0.01-5.92 c-0.04-1.1,0.41-1.38,1.43-1.37C9.16,35.51,14.22,35.49,19.29,35.49z'/%3E%3Cpath d='M15.14,51.98c3.69,0,7.38,0.03,11.07-0.02c1.05-0.01,1.45,0.32,1.41,1.4c-0.07,1.97-0.04,3.95-0.01,5.92 c0.01,0.83-0.31,1.14-1.13,1.13c-7.55-0.02-15.1-0.02-22.65,0c-0.82,0-1.15-0.29-1.14-1.13c0.03-2.02,0.04-4.03-0.01-6.05 c-0.02-0.95,0.32-1.28,1.27-1.27C7.67,52,11.4,51.98,15.14,51.98z'/%3E%3Cpath d='M11.02,76.88c-2.36,0-4.72-0.03-7.08,0.02c-0.94,0.02-1.3-0.31-1.27-1.26c0.05-2.01,0.04-4.03,0.01-6.05 c-0.01-0.83,0.31-1.14,1.13-1.13c4.8,0.02,9.61,0.02,14.41,0c0.82,0,1.15,0.3,1.14,1.13c-0.03,2.06-0.03,4.12,0,6.17 c0.01,0.83-0.31,1.14-1.13,1.13C15.82,76.86,13.42,76.88,11.02,76.88z'/%3E%3Cpath d='M2.69,88.83c0.16-1.07-0.58-2.72,0.32-3.6c0.84-0.82,2.46-0.22,3.73-0.27c1.07-0.04,2.14,0.02,3.21-0.01 c0.8-0.03,1.18,0.25,1.16,1.1c-0.03,2.06-0.03,4.11,0,6.17c0.01,0.8-0.25,1.18-1.1,1.16c-2.06-0.03-4.11-0.04-6.17,0 c-0.92,0.02-1.2-0.39-1.16-1.24C2.72,91.12,2.69,90.09,2.69,88.83z'/%3E%3C/g%3E%3C/svg%3E");
}

.vt-sort.vt-desc:after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg%3E%3Cpath d='M81.79,80.7c0.51-0.07,0.72-0.49,1.02-0.79c2.93-2.92,5.88-5.82,8.77-8.78c0.73-0.74,1.2-0.77,1.91,0 c1.32,1.42,2.68,2.8,4.11,4.1c0.88,0.8,0.92,1.34,0.03,2.21c-3.74,3.67-7.41,7.4-11.1,11.11c-2.73,2.74-5.38,5.57-8.21,8.21 c-0.76,0.71-1.22,0.7-1.94-0.02c-6.48-6.53-12.98-13.03-19.5-19.52c-0.63-0.63-0.72-1.08-0.03-1.73c1.53-1.46,3.03-2.95,4.48-4.48 c0.65-0.69,1.09-0.6,1.72,0.03c2.9,2.95,5.84,5.86,8.77,8.78c0.31,0.31,0.63,0.6,1.01,0.97c0.35-0.54,0.2-1.07,0.2-1.55 c0.01-24.95,0.01-49.9,0.01-74.85c0-2.07,0-2.07,2.09-2.07c1.72,0,3.43,0.05,5.15-0.02c1.12-0.05,1.52,0.39,1.41,1.46 c-0.05,0.44-0.01,0.88-0.01,1.32c0,24.69,0,49.37,0.01,74.06C81.67,79.65,81.54,80.19,81.79,80.7z'/%3E%3Cpath d='M26.77,2.32c7.87,0,15.75,0.03,23.62-0.03c1.31-0.01,1.8,0.33,1.73,1.7c-0.11,1.89-0.06,3.78-0.01,5.67 c0.03,0.97-0.32,1.32-1.3,1.31c-3.34-0.04-6.69-0.01-10.03-0.01c-12.58,0-25.16,0-37.74,0c-1.82,0-1.83-0.01-1.83-1.8 c0-1.76,0.06-3.52-0.02-5.28C1.13,2.67,1.54,2.29,2.76,2.3C10.76,2.34,18.77,2.32,26.77,2.32z'/%3E%3Cpath d='M22.56,19.22c6.47,0,12.93,0.03,19.4-0.03c1.34-0.01,1.78,0.38,1.71,1.72c-0.1,1.84-0.08,3.69-0.01,5.54 c0.04,1.11-0.38,1.43-1.45,1.43c-7.39-0.03-14.78-0.02-22.17-0.02c-5.76,0-11.52-0.03-17.28,0.02c-1.21,0.01-1.62-0.37-1.57-1.58 c0.08-1.89,0.07-3.78,0-5.67c-0.04-1.11,0.38-1.43,1.45-1.43C9.28,19.24,15.92,19.22,22.56,19.22z'/%3E%3Cpath d='M18.06,44.75c-5.1,0-10.2-0.03-15.3,0.02c-1.21,0.01-1.62-0.37-1.57-1.58c0.08-1.93,0.05-3.87,0.01-5.8 c-0.01-0.85,0.21-1.29,1.18-1.29c10.55,0.02,21.11,0.02,31.66,0c0.85,0,1.17,0.32,1.16,1.16c-0.03,2.02-0.06,4.05,0.01,6.07 c0.04,1.1-0.37,1.44-1.45,1.43C28.53,44.73,23.29,44.75,18.06,44.75z'/%3E%3Cpath d='M13.98,61.65c-3.78,0-7.56-0.03-11.34,0.02c-1.08,0.01-1.48-0.33-1.45-1.43c0.07-2.02,0.04-4.04,0.01-6.07 c-0.01-0.85,0.31-1.16,1.16-1.16c7.74,0.02,15.48,0.02,23.22,0c0.84,0,1.18,0.3,1.17,1.15c-0.03,2.07-0.04,4.13,0.01,6.2 c0.02,0.97-0.33,1.31-1.3,1.3C21.63,61.63,17.81,61.65,13.98,61.65z'/%3E%3Cpath d='M9.89,69.92c2.37,0,4.75,0.03,7.12-0.02c0.97-0.02,1.32,0.33,1.3,1.3c-0.05,2.06-0.04,4.13-0.01,6.2 c0.01,0.85-0.33,1.16-1.17,1.16c-4.92-0.02-9.85-0.02-14.77,0c-0.85,0-1.17-0.32-1.16-1.16c0.03-2.11,0.03-4.22,0-6.33 c-0.01-0.85,0.33-1.17,1.17-1.16C4.88,69.94,7.38,69.92,9.89,69.92z'/%3E%3Cpath d='M5.4,95.44c-1.05,0-2.11-0.02-3.16,0.01c-0.72,0.02-1.03-0.3-1.02-1.02c0.02-2.2,0.02-4.39,0-6.59 c-0.01-0.72,0.3-1.03,1.02-1.02c2.2,0.02,4.39,0.02,6.59,0c0.72-0.01,1.03,0.3,1.02,1.02c-0.02,2.2-0.02,4.39,0,6.59 c0.01,0.72-0.3,1.04-1.02,1.02C7.68,95.43,6.54,95.44,5.4,95.44z'/%3E%3C/g%3E%3C/svg%3E");
}

.topbar-right {
	display: flex;
	align-items: center;
	gap: 1.875rem;
	margin-bottom: 0;
}

.items-per-page {
	display: flex;
	align-items: center;
	gap: 10px;
}

.items-per-page .el-select {
	max-width: 5rem;
}

.address-book-list.new-table .top-bar,
.list-wraper.new-table .top-bar {
	margin-bottom: 1.25rem;
}

.address-book-list.new-table .top-bar .email-actions,
.list-wraper.new-table .top-bar .email-actions {
	margin-bottom: 0;
}

.table-wrap {
	-webkit-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #ebf1f7;
}

.table-wrap thead {
	background-color: #2a4c94;
}

.table-wrap thead tr th {
	color: #fff;
	text-align: start;
	padding: .9375rem 1.25rem !important;
}

.table-wrap tbody tr {
	border-bottom: 1px solid #ebf1f7;
}

.table-wrap tbody tr td {
	color: #777;
	padding: 10px 1.25rem !important;
}

.table-wrap tbody tr:hover {
	background-color: #f5f7fa;
}

label.radio_count_box span.el-radio__label {
	display: none;
}

label.radio_count_box span.el-radio__input.is-checked .el-radio__inner {
	background-color: var(--color3);
	border-color: var(--color3);
}

label.radio_count_box span.el-radio__inner:hover {
	border-color: var(--color3);
}

.table-wrap,
.smart-pagination {
	margin-bottom: 1.25rem;
}

.table-wrap tbody tr td .el-button+.el-button,
.table-wrap tbody tr td .el-tooltip+.el-tooltip {
	margin-left: 5px;
}

.el-form-item .el-select input[readonly="readonly"] {
	background-color: #fff;
	cursor: pointer;
}

.delivery-log.acp-table.hor-scroll {
	overflow-x: auto;
}

.delivery-log.acp-table.hor-scroll table {
	min-width: 170%;
}

.support-panel-info-list-wrap form .radio-box .el-radio-group {
	display: inline-flex;
	gap: 10px 1.5rem;
}

.support-panel-info-list-wrap form .radio-box .el-radio-group>label {
	margin: 0;
	line-height: 1;
	display: inline-flex;
	gap: 8px;
}

.support-panel-info-list-wrap form .radio-box .el-radio-group>label>span {
	padding: 0;
}

.support-panel-info-list-wrap form .radio-box .el-radio-group>label>span.is-checked .el-radio__inner {
	background-color: var(--color3);
	border-color: var(--color3);
}

.support-panel-info-list-wrap form .radio-box .el-radio-group>label.is-checked>span {
	color: var(--color3);
}

.support-panel-info-list-wrap form h4 {
	font-size: 1.375rem;
	margin: 1.25rem 0;
	background-color: #f9f9f9;
	padding: 10px 1.25rem;
}

.cover-box img {
	width: 100%;
	height: auto;
}

.mb-banner {
	display: none;
}

.cover-box {
	margin-top: 1.875rem;
}

.cover-box picture {
	width: 100%;
}

.acp-field-box .el-radio-group,
.acp-field-box .el-checkbox-group {
	display: flex;
	gap: 1.5rem;
	margin-top: .9375rem;
}

.acp-field-box .el-radio {
	margin: 0;
}

.acp-field-box .el-radio span.el-radio__input span.el-radio__inner {
	border: 2px solid rgba(0, 0, 0, .5);
	height: 1.25rem;
	width: 1.25rem;
}

.acp-field-box .el-radio span.el-radio__input.is-checked span.el-radio__inner {
	background-color: var(--color3);
	border-color: var(--color3);
}

.acp-field-box .el-radio span.el-radio__input span.el-radio__inner:after {
	height: 7px;
	width: 7px;
}

.acp-field-box .el-radio span.el-radio__label {
	color: inherit;
	font-size: 1rem;
	white-space: normal;
}

.acp-field-box .el-radio span.el-radio__input.is-checked+span.el-radio__label {
	color: var(--color3);
}

.acp-field-box.v2 .el-radio-group {
	flex-direction: column;
	gap: 6px;
	margin: 0;
	white-space: normal;
}

.acp-field-box.v2 .el-radio-group span.el-radio__label {
	white-space: normal;
	font-weight: 400;
}

.acp-field-box.v2 .el-radio-group label.el-radio {
	align-items: flex-start;
	display: flex;
	margin-bottom: 0;
}

.acp-field-box.v2 {
	margin-top: 10px;
}

.acp-field-box.v2 .el-radio-group label.el-radio span.el-radio__input {
	margin-top: 3px;
}

.acp-qualify-info-box .el-checkbox-group .el-checkbox span.el-checkbox__input {
	vertical-align: top;
}

.house_list {
	display: none;
}

.house_list.active {
	display: block;
}

.acp-qualify-info-box .el-checkbox-group {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.acp-field-box .el-checkbox-group .el-checkbox,
.acp-qualify-info-box .el-checkbox-group .el-checkbox {
	line-height: 1.5;
	margin: 0;
}

.acp-field-box .el-checkbox-group .el-checkbox span.el-checkbox__input span.el-checkbox__inner,
.acp-qualify-info-box .el-checkbox-group .el-checkbox span.el-checkbox__input span.el-checkbox__inner {
	border: 2px solid rgba(0, 0, 0, .5);
	-webkit-border-radius: var(--curve5);
	border-radius: var(--curve5);
	height: 1.25rem;
	text-align: center;
	width: 1.25rem;
}

.acp-field-box .el-checkbox-group .el-checkbox span.el-checkbox__input.is-checked span.el-checkbox__inner,
.acp-qualify-info-box .el-checkbox-group .el-checkbox span.el-checkbox__input.is-checked span.el-checkbox__inner {
	background-color: var(--color3);
	border-color: var(--color3);
}

.acp-field-box .el-checkbox-group .el-checkbox span.el-checkbox__input span.el-checkbox__inner:after,
.acp-qualify-info-box .el-checkbox-group .el-checkbox span.el-checkbox__input span.el-checkbox__inner:after {
	border-width: 2px;
	left: 6px;
	top: 3px;
}

.acp-field-box .el-checkbox-group .el-checkbox span.el-checkbox__label,
.acp-qualify-info-box .el-checkbox-group .el-checkbox span.el-checkbox__label {
	color: #666;
	font-size: 1rem;
	white-space: normal;
	font-weight: 400;
}

.acp-field-box .el-checkbox-group .el-checkbox span.el-checkbox__input.is-checked+span.el-checkbox__label,
.acp-qualify-info-box .el-checkbox-group .el-checkbox span.el-checkbox__input.is-checked+span.el-checkbox__label {
	color: var(--color3);
}

.acp-qualify-info-box .el-checkbox-group .el-checkbox ul {
	margin: 10px 0 0;
	padding-left: 1.25rem;
}

.acp-qualify-info-box .el-checkbox-group .el-checkbox ul li {
	font-size: .9375rem;
	line-height: 1.5;
}

.errorMessageBox {
	background-color: #ffe0dd;
	padding: .9375rem;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.errorMessageBox p {
	margin: 0;
	line-height: 1.5;
}

.errorMessageBox p+p {
	margin-top: 5px;
}

.topbar-right .email-actions {
	margin: 0;
}

.inviteFowmWrap .el-dialog {
	-webkit-border-radius: var(--curve5);
	border-radius: var(--curve5);
	overflow: hidden;
}

.inviteFowmWrap .el-dialog .el-dialog__header {
	background-color: var(--color3);
	padding: 1.25rem 3.125rem 1.25rem 1.25rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.inviteFowmWrap .el-dialog .el-dialog__header .el-dialog__title {
	color: #fff;
	font-weight: 600;
	line-height: 1.5;
}

.inviteFowmWrap .el-dialog .el-dialog__header .el-dialog__headerbtn {
	color: #fff;
}

.inviteFowmWrap .el-dialog .el-dialog__header .el-dialog__headerbtn i {
	color: inherit;
}

.inviteFowmWrap form .el-form-item {
	margin-bottom: 1.875rem;
}

.inviteFowmWrap form .el-form-item label.el-form-item__label {
	line-height: 1.5;
	margin-bottom: 7px;
	font-weight: 600;
	text-align: initial;
	width: 100%;
}

.inviteFowmWrap form .el-form-item .el-input__inner:focus {
	border-color: var(--color3);
}

.el-dropdown-menu>li.el-dropdown-menu__item button *,
.el-dropdown-menu>li.el-dropdown-menu__item a * {
	margin: 0;
}

.el-dropdown-menu>li.el-dropdown-menu__item span {
	width: 100%;
	display: flex;
}

.filter-search .el-input .el-input__clear:hover {
	color: red;
}

.support-panel-info-list-wrap table.customer-detail tr th,
.support-panel-info-list-wrap table.customer-detail thead tr th {
	background-color: #73aae0 !important;
}

.support-panel-info-list-wrap table.customer-detail tr {
	background-color: #fff;
	border-bottom: 1px solid #d3d3d3;
}

.support-panel-info-list-wrap table.customer-detail tr:nth-child(2n) {
	background-color: #f6f7fb;
}

.support-panel-info-list-wrap table.customer-detail {
	border: 1px solid #d3d3d3;
}

.popup-wrapper .el-dialog {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}

.popup-wrapper .el-dialog .el-dialog__header {
	background-color: var(--color3);
	padding: 1.25rem;
	color: #fff;
}

.popup-wrapper .el-dialog .el-dialog__header .el-dialog__title {
	color: inherit;
	line-height: 1.25;
}

.popup-wrapper .el-dialog .el-dialog__header button.el-dialog__headerbtn {
	color: #fff;
}

.popup-wrapper .el-dialog .el-dialog__header button.el-dialog__headerbtn i {
	color: inherit;
}

.support-panel-info-list-wrap .acp-table table tr.highlight-row,
.support-panel-info-list-wrap .gen-table table tr.highlight-row {
	background-color: #fef4d3;
}

.support-panel-info-list-wrap .acp-table table tr.highlight-row td:nth-child(2),
.support-panel-info-list-wrap .gen-table table tr.highlight-row td:nth-child(2) {
	background-color: inherit;
}

.el-loading-mask {
	z-index: 9999999999;
}

.donation-email-inner form h4 {
	margin-bottom: 10px;
	font-size: 1.25rem;
}

.donation-email-inner form h5 {
	font-size: 1rem;
	margin-bottom: 7px;
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
	width: 100%;
}

.el-form-item>label {
	width: 100%;
	text-align: initial;
	padding: 0
}

.donation-email-inner .el-radio__input.is-checked+.el-radio__label {
	color: var(--color3);
}

.donation-email-inner .el-radio__input.is-checked .el-radio__inner {
	background-color: var(--color3);
	border-color: var(--color3);
}

.mt-50 {
	margin-top: 3.125rem;
}

.figgers-support-panel td span.pay-link>a {
	text-decoration: underline;
}

.hide_label span.el-radio__label {
	display: none;
}

.invoices-list {
	padding: 2.5rem 0;
}

.invoices-list .top-bar {
	margin-bottom: 3.125rem;
}

.invoice-boxes {
	display: flex;
	flex-direction: column;
	gap: 3.125rem;
}

.invoice-box {
	max-width: 700px;
	margin: 0 auto;
}

.invoice-box+.invoice-box {
	margin-top: 3.125rem;
}

.msg-desc p {
	color: inherit;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
}

.msg-desc p+p {
	margin-top: 15px;
}

.search-bar .el-input__prefix {
	cursor: pointer;
}

.search-bar .el-input__icon:hover {
	color: #2a4c94;
}

.search-bar {
	display: flex;
	align-items: center;
	gap: 5px;
}

.search-bar input {
	height: 2.5rem;
}

/*===== Import Style =====*/
.steps-box .el-step.is-horizontal .el-step__head.is-success .el-step__line {
	background-color: var(--color3);
}

.steps-box .el-step.is-horizontal .el-step__head .el-step__line {
	background-color: #c8c8c8;
	height: 5px;
	top: 1.25rem;
}

.steps-box .el-step__head .el-step__icon.is-text {
	background-color: #b0b0b1;
	border: 5px solid #fff;
	-webkit-box-shadow: 0 0 12px rgb(0 0 0 / 20%);
	box-shadow: 0 0 12px rgb(0 0 0 / 20%);
	color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
	height: 2.875rem;
	width: 2.875rem;
}

.steps-box .el-step.is-horizontal .el-step__line .el-step__line-inner {
	border: 0;
}

.steps-box .el-step__head.is-process .el-step__icon {
	background-color: var(--color3);
}

.steps-box .el-step .el-step__main .el-step__title {
	color: #b0b0b1;
	font-size: 1.0625rem;
	line-height: 1.5;
}

.steps-box .el-step .el-step__main {
	margin-top: 10px;
}

.steps-box .el-step .el-step__main .el-step__title.is-process {
	color: var(--color3);
}

.steps-box .el-step .el-step__main .el-step__title.is-success {
	color: #59af59;
}

.steps-box .el-step__head.is-success .el-step__icon {
	background-color: #59af59;
}

@-webkit-keyframes progress-bar-stripes {
	0% {
		background-position-x: 1rem
	}
}

@keyframes progress-bar-stripes {
	0% {
		background-position-x: 1rem
	}
}

.batch-upload .el-upload {
	width: 100%;
}

.batch-upload .el-upload .el-upload-dragger {
	align-items: center;
	background-color: #fff;
	border-width: 3px;
	display: flex;
	flex-direction: column;
	height: 488px;
	justify-content: center;
	width: inherit;
}

.batch-upload .el-upload-dragger .el-upload__text {
	font-size: 1rem;
}

.batch-upload .el-upload .el-upload-dragger:hover,
.batch-upload .el-upload .el-upload-dragger:focus {
	border-color: var(--color3);
}

.batch-upload .el-upload-dragger .el-upload__text em,
.batch-upload .el-upload .el-upload-dragger>i {
	color: var(--color3);
}

.batch-upload .el-upload .el-upload-dragger>i {
	margin-top: 0;
}

.batch-upload .el-upload-list>li.el-upload-list__item {
	background-color: #fff;
	margin: 0;
	overflow: hidden;
	padding: 10px 2.5rem 10px 10px;
}

.batch-upload .el-upload-list>li.el-upload-list__item .el-upload-list__item-name {
	font-weight: 700;
}

.batch-upload .el-upload-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: 1.25rem;
}

.batch-upload .el-upload-list>li.el-upload-list__item label.el-upload-list__item-status-label {
	align-items: center;
	background-color: var(--color3);
	bottom: 0;
	color: #fff;
	display: inline-flex;
	justify-content: center;
	padding: 10px;
	right: 0;
}

.batch-upload .el-upload-list>li.el-upload-list__item label.el-upload-list__item-status-label i {
	color: inherit;
}

.batch-upload .el-upload-list>li.el-upload-list__item.is-success:hover label.el-upload-list__item-status-label {
	opacity: 0;
	visibility: hidden;
}

.batch-upload .el-upload-list>li.el-upload-list__item i.el-icon-close {
	align-items: center;
	background-color: #f31616;
	bottom: 0;
	color: #fff;
	display: flex;
	justify-content: center;
	opacity: 0;
	padding: 10px;
	right: 0;
	top: 0;
	visibility: hidden;
}

.batch-upload .el-upload-list>li.el-upload-list__item i.el-icon-close:after {
	display: none;
}

.batch-upload .el-upload-list>li.el-upload-list__item:hover>i.el-icon-close {
	opacity: 1;
	visibility: visible;
}

.batch-step-title {
	color: var(--color3);
	font-size: 1.875rem;
	margin-bottom: 1.875rem;
	text-align: center;
}

.batch-step-title+p {
	margin: -.9375rem 0 1.875rem;
	text-align: center;
}

.progress-wrapper {
	gap: 1.25rem;
}

.progress-wrapper .el-progress {
	padding-top: 1.875rem;
	position: relative;
}

.progress-wrapper .el-progress .el-progress-bar {
	margin: 0;
	padding: 0;
}

.progress-wrapper .el-progress .el-progress-bar .el-progress-bar__outer {
	background-color: #c8c8c8;
}

.progress-wrapper .el-progress .el-progress-bar .el-progress-bar__inner {
	-webkit-animation: .5s linear infinite progress-bar-stripes;
	animation: .5s linear infinite progress-bar-stripes;
	background-color: #59af59;
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem;
}

.progress-wrapper .el-progress .el-progress__text {
	color: var(--color3);
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.batch-summary-inner>h4,
.batch-summary-inner>span {
	font-size: 1.5rem;
	font-weight: 700;
}

.batch-steps-review-wrap {
	background-color: #fff;
	-webkit-border-radius: var(--curve10);
	border-radius: var(--curve10);
	gap: 1.25rem;
	padding: 1.875rem;
	word-break: break-word;
	text-align: center;
	margin: 0 auto;
	max-width: 850px;
}

.batch-complete {
	background-color: #fff;
	-webkit-border-radius: var(--curve10);
	border-radius: var(--curve10);
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	max-width: 50%;
	min-height: 40vh;
	padding: 1.25rem;
}

.batch-complete>p {
	text-align: center;
}

.batch-summary-inner+.batch-summary-inner {
	margin-top: 1.25rem;
}

.batch-summary ul {
	display: flex;
	flex-direction: column;
	gap: 1.875rem;
	list-style: none;
	margin: 0 auto;
	max-width: 50%;
	padding-left: 0;
}

.batch-summary ul li {
	align-items: center;
	display: flex;
	gap: 1.25rem;
	justify-content: space-between;
}

.batch-summary ul li>* {
	flex: 1 0 0;
}

.batch-summary ul li h4,
.batch-summary ul li p {
	font-size: 1.375rem;
	font-weight: 700;
}

.batch-summary ul li p {
	align-items: center;
	display: inline-flex;
	gap: 1.25rem;
}

.list-wraper.create-form .support-panel-info-list-wrap>form h3 {
	margin-bottom: 25px;
}

.el-form-item.btns-group {
	text-align: end;
}

.batch-steps-review-wrap p {
	margin: 0;
	line-height: 1.5;
}

.batch-steps-review-wrap>span svg {
	max-width: 3.75rem;
}

.support-panel-info-list-wrap.icon-big table tr td button {
	font-size: 16px;
}

.errorMessageBox>div.row-col {
	width: auto;
	display: inline-block;
}


.upload-field .el-upload {
	width: 100%;
}

.upload-field .el-upload .el-upload-dragger {
	width: inherit;
	border: 1px dashed var(--color3);
}

.upload-field .el-upload .el-upload-dragger .el-upload__text em {
	color: var(--color3);
}

.upload-field ul.el-upload-list>li {
	background-color: #fff;
}

.upload-field ul.el-upload-list>li a {
	display: block;
	padding: 12px !important;
}

.upload-field ul.el-upload-list>li i.el-icon-close {
	z-index: 1;
	opacity: 1;
	top: 0;
	height: 47.5px;
	width: 1.875rem;
	line-height: 47.5px;
	text-align: center;
}

.upload-field ul.el-upload-list>li a:hover,
.upload-field ul.el-upload-list>li a:focus {
	color: var(--color3);
}

.upload-field ul.el-upload-list>li label.el-upload-list__item-status-label {
	bottom: 0;
	right: 0;
	width: 1.875rem;
	line-height: 47.5px;
	color: #fff;
	text-align: center;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.upload-field ul.el-upload-list>li label.el-upload-list__item-status-label i {
	color: inherit;
}

.upload-field ul.el-upload-list>li i.el-icon-close:after {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	width: initial;
	inset: 0;
	height: initial;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}

.upload-field ul.el-upload-list>li i.el-icon-close-tip {
	display: none;
}

.upload-field ul.el-upload-list>li.is-uploading {
	margin-bottom: 2.5rem;
}

@-webkit-keyframes progress-bar-stripes {
	0% {
		background-position-x: 1rem
	}
}

@keyframes progress-bar-stripes {
	0% {
		background-position-x: 1rem
	}
}

.upload-field ul.el-upload-list>li .el-progress {
	margin-top: 1.25rem;
	top: 100%;
	left: 0;
}

.upload-field ul.el-upload-list>li .el-progress .el-progress-bar {
	margin: 0;
	padding: 0;
}

.upload-field ul.el-upload-list>li .el-progress .el-progress-bar .el-progress-bar__outer {
	background-color: #fff;
	height: 1.25rem !important;
}

.upload-field ul.el-upload-list>li .el-progress .el-progress-bar .el-progress-bar__inner {
	-webkit-animation: .5s linear infinite progress-bar-stripes;
	animation: .5s linear infinite progress-bar-stripes;
	background-color: #59af59;
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem;
	font-size: 0;
}

.upload-field ul.el-upload-list>li .el-progress .el-progress__text {
	color: var(--color1);
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px !important;
	top: 3px;
	right: 10px;
}


.repeater-group .el-form-item label.el-checkbox {
	min-height: 5rem;
	display: flex;
	align-items: flex-end;
	padding-bottom: 13px;
}

.repeater-group .el-form-item label.el-checkbox span.el-checkbox__inner {
	height: 1.25rem;
	width: 1.25rem;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.repeater-group .el-form-item label.el-checkbox.is-checked span.el-checkbox__inner {
	border-color: var(--color3);
	background-color: var(--color3);
}

.repeater-group .el-form-item label.el-checkbox.is-checked span.el-checkbox__inner:after {
	border-width: 2px;
	height: 10px;
	width: 5px;
	left: 5px;
}


/*===== Order Detail Style =====*/
.order-detail-content .top-bar,
.order-info-boxes {
	margin-bottom: 1.875rem;
}

.order-detail-content .order-detail-data table {
	margin: 0;
}
.order-detail-content .order-detail-data bdi {
	font-weight: bolder;
}
.order-detail-content .order-detail-data  td {
	font-weight: bolder;
}

.order-detail-data h3 {
	margin: 0 0 1.5rem;
	font-size: 1.5rem;
}

.order-info-boxes {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: .9375rem;
}

.order-info-boxes.column-3 {
	grid-template-columns: 1fr 1fr 1fr;
}

.order-info-box {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #fff;
	padding: 0 1.25rem 1.25rem;
	display: flex;
	flex-direction: column;
	gap: .9375rem;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.order-info-box>p {
	margin: 0;
	font-size: 0.97rem;
	max-width: 100%;
}

.order-info-box:not(.user-info-box)>h4 {
	font-size: 1.25rem;
	margin: 0 -1.25rem .9375rem;
	background-color: var(--color3);
	color: #fff;
	display: flex;
	align-items: center;
	gap: 1.25rem;
	padding: 10px 1.25rem;
}

.order-info-box:not(.user-info-box):nth-child(2)>h4 {
	background-color: #ff535c;
}

.order-info-box:not(.user-info-box):last-child>h4 {
	background-color: #40c2d6;
}

.order-info-box>h4 span {
	height: 5rem;
	width: 5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: inherit;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	margin-bottom: -2.5rem;
}

.order-info-box>h4 span svg {
	fill: #fff;
	height: 3.125rem;
}

.order-info-box p a,
.order-info-box p a:hover,
.order-info-box p a:focus {
	color: var(--color3);
	opacity: 1;
}

.order-info-box address {
	font-style: normal;
	line-height: 1.5;
	font-size: 0.97rem;
}

.user-info-box {
	align-items: center;
	text-align: center;
	padding: 1.25rem;
	justify-content: center;
	background-color: #f5e8e9;
}

.user-info-box>h4 {
	font-size: 1.875rem;
	font-weight: 600;
}

.user-info-box>h4 a {
	color: inherit;
}

.user-info-box>h4 a:hover,
.user-info-box>h4 a:focus,
.user-info-box>a,
.user-info-box>a:hover,
.user-info-box>a:focus {
	color: var(--color3);
	opacity: 1;
}

.order-info-box>img {
	right: 1.25rem;
	bottom: 1.25rem;
	position: absolute;
	width: 5rem;
	z-index: -1;
	opacity: .3;
}

.user-info-box>span.badge {
	padding: 6px 12px;
	display: inline-block;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 13px;
	font-weight: 600;
}

.user-info-box>span {
	font-size: 1.125rem;
}

.badge-danger {
	background-color: #f8d7da;
	color: #58151c;
}

.badge-warning {
	background-color: #fff3cd;
	color: #664d03;
}

.badge-info {
	background-color: #cff4fc;
	color: #055160;
}

.badge-success {
	background-color: #d1e7dd;
	color: #0a3622;
}

.order-info-box>strong.stat {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	height: 80px;
	width: 80px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: #00a37b;
	color: #fff;
	font-size: 15px;
	position: absolute;
	right: 0.5rem;
	top: 80%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.order-info-box:not(.user-info-box):nth-child(2)>strong.stat {
	background-color: #6cbb3c;
}

.el-form-item .el-form-item__content a.info-dialog-trigger {
	color: inherit;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
}

.el-form-item .el-form-item__content a.info-dialog-trigger:hover {
	color: var(--color3);
}

.card-info-popup .el-dialog__header {
	background-color: var(--color3);
	padding: 20px;
	color: #fff;
}

.card-info-popup .el-dialog__header>span {
	color: inherit;
}

.card-info-popup .el-dialog__body {
	text-align: center;
}

fieldset.payment-fieldset {
	border-style: dashed;
	background-color: #fbfbfb;
}

.form-btn {
	text-align: end;
	margin: 1.25rem 0 0;
}

button.same_address_trigger {
	float: right;
	margin-top: -9px;
	font-weight: 700;
	padding: 12px 1rem;
	background-color: #838383;
	color: #fff;
	border-radius: 7px;
	border-color: #838383;
}

button.same_address_trigger:hover,
button.same_address_trigger:focus {
	background-color: var(--color1);
	color: #fff;
	border-color: var(--color1);
}

.el-form-item.amount_paid {
	display: flex;
	align-items: center;
}

.el-form-item.amount_paid label.el-form-item__label {
	width: auto;
	padding-right: 10px;
}

.el-form-item.amount_paid .el-form-item__content {
	flex: 1 0 0;
}

.el-form-item.amount_paid .el-form-item__content input.el-input__inner {
	font-size: 25px;
}

.el-form-item.amount_paid .el-form-item__content .el-input-group__prepend {
	padding: 10px 15px;
	background-color: var(--color3) !important;
	color: #fff;
}

.el-form-item.spacer-box {
	height: 40px;
}