@font-face{font-display:swap;font-family:WorkSans;font-style:normal;font-weight:200;src:url(../webfonts/Work_Sans/WorkSans-ExtraLight.ttf) format("truetype")}
@font-face{font-display:swap;font-family:WorkSans;font-style:normal;font-weight:300;src:url(../webfonts/Work_Sans/WorkSans-Light.ttf) format("truetype")}
@font-face{font-display:swap;font-family:WorkSans;font-style:italic;font-weight:300;src:url(../webfonts/Work_Sans/WorkSans-LightItalic.ttf) format("truetype")}
@font-face{font-display:swap;font-family:WorkSans;font-style:normal;font-weight:400;src:url(../webfonts/Work_Sans/WorkSans-Regular.ttf) format("truetype")}
@font-face{font-display:swap;font-family:WorkSans;font-style:normal;font-weight:500;src:url(../webfonts/Work_Sans/WorkSans-Medium.ttf) format("truetype")}
@font-face{font-display:swap;font-family:WorkSans;font-style:italic;font-weight:500;src:url(../webfonts/Work_Sans/WorkSans-MediumItalic.ttf) format("truetype")}
@font-face{font-display:swap;font-family:WorkSans;font-style:normal;font-weight:600;src:url(../webfonts/Work_Sans/WorkSans-Bold.ttf) format("truetype")}
@font-face{font-display:swap;font-family:WorkSans;font-style:italic;font-weight:600;src:url(../webfonts/Work_Sans/WorkSans-BoldItalic.ttf) format("truetype")}
@font-face{font-display:swap;font-family:WorkSans;font-style:normal;font-weight:700;src:url(../webfonts/Work_Sans/WorkSans-ExtraBold.ttf) format("truetype")}

@font-face{font-display:swap;font-family:OpenSans;font-style:normal;font-weight:200;src:url(../webfonts/Open_Sans/OpenSans-ExtraLight.ttf) format("truetype")}
@font-face{font-display:swap;font-family:OpenSans;font-style:normal;font-weight:300;src:url(../webfonts/Open_Sans/OpenSans-Light.ttf) format("truetype")}
@font-face{font-display:swap;font-family:OpenSans;font-style:italic;font-weight:300;src:url(../webfonts/Open_Sans/OpenSans-LightItalic.ttf) format("truetype")}
@font-face{font-display:swap;font-family:OpenSans;font-style:normal;font-weight:400;src:url(../webfonts/Open_Sans/OpenSans-Regular.ttf) format("truetype")}
@font-face{font-display:swap;font-family:OpenSans;font-style:normal;font-weight:500;src:url(../webfonts/Open_Sans/OpenSans-Medium.ttf) format("truetype")}
@font-face{font-display:swap;font-family:OpenSans;font-style:italic;font-weight:500;src:url(../webfonts/Open_Sans/OpenSans-MediumItalic.ttf) format("truetype")}
@font-face{font-display:swap;font-family:OpenSans;font-style:normal;font-weight:600;src:url(../webfonts/Open_Sans/OpenSans-Bold.ttf) format("truetype")}
@font-face{font-display:swap;font-family:OpenSans;font-style:italic;font-weight:600;src:url(../webfonts/Open_Sans/OpenSans-BoldItalic.ttf) format("truetype")}
@font-face{font-display:swap;font-family:OpenSans;font-style:normal;font-weight:700;src:url(../webfonts/Open_Sans/OpenSans-ExtraBold.ttf) format("truetype")}

label.error {
  color: red;
  font-size: 13px;
  font-weight: 400;
}

/* -- [ loader ] start -- */
.loading-mask{
	bottom:0;
	left:0;
	margin:auto;
	position:fixed;
	right:0;
	top:0;
	z-index:100;
	background:rgba(255,255,255,.5)
}

.loading-mask .loader>img{
	bottom:0;
	left:0;
	margin:auto;
	position:fixed;
	right:0;
	top:0;
	z-index:100
}

.loading-mask .loader>p{
	display:none
}
/* -- [ loader ] end -- */

.swal2-toast h2:where(.swal2-title) {
  margin: .5em 1em;
  padding: 0;
  font-size: 0.9em!important;
  text-align: initial;
}

div:where(.swal2-container) h2:where(.swal2-title) {
  position: relative;
  max-width: 100%;
  margin: 0;
  color: inherit;
  font-size: 1.175em!important;
  font-weight: 600!important;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
  cursor: initial;
}

div:where(.swal2-container) h2:where(.swal2-title) {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: var(--swal2-title-padding);
  color: inherit;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
  cursor: initial;
}

div:where(.swal2-container) div:where(.swal2-html-container) {
  z-index: 1;
  justify-content: center;
  margin: 0;
  overflow: auto;
  color: inherit;
  font-size: .875em!important;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
  word-break: break-word;
  cursor: initial;
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.btn-inverse-danger:not(.btn-inverse-light) {
	color: #fe7c96;
}

.btn.btn-icon {
	width: 42px;
	height: 42px;
	padding: 0;
}

.btn-inverse-danger {
	background-color: rgba(254, 124, 150, 0.2);
	background-image: none;
	border-color: rgba(254, 124, 150, 0);
}

.btn-inverse-danger:hover {
	color: #ffffff;
	background-color: #fe7c96;
	border-color: #fe7c96;
}

.btn-inverse-danger.focus, .btn-inverse-danger:focus {
	-webkit-box-shadow: 0 0 0 3px rgba(254, 124, 150, 0.5);
	box-shadow: 0 0 0 3px rgba(254, 124, 150, 0.5);
}

.btn-inverse-danger.active, .btn-inverse-danger:active, .show > .btn-inverse-danger.dropdown-toggle {
	color: #ffffff;
	background-color: #fe7c96;
	border-color: #fe7c96;
}

.btn-inverse-success:not(.btn-inverse-light) {
	color: #1bcfb4;
}

.btn-inverse-success {
	background-color: rgba(27, 207, 180, 0.2);
	background-image: none;
	border-color: rgba(27, 207, 180, 0);
}

.btn-inverse-success:hover {
	color: #ffffff;
	background-color: #1bcfb4;
	border-color: #1bcfb4;
}

.btn-inverse-success.focus, .btn-inverse-success:focus {
	-webkit-box-shadow: 0 0 0 3px rgba(27, 207, 180, 0.5);
	box-shadow: 0 0 0 3px rgba(27, 207, 180, 0.5);
}

.btn-inverse-success.active, .btn-inverse-success:active, .show > .btn-inverse-success.dropdown-toggle {
	color: #ffffff;
	background-color: #1bcfb4;
	border-color: #1bcfb4;
}

.btn-s {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	color:#fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	padding: 0.875rem 2.5rem;
	font-size: 0.875rem;
	line-height: 1;
	border-radius: 0.1875rem;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.g-2, .gy-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.g-2, .gx-2 {
  margin-inline-start: -0.4375rem;
  margin-inline-end: -0.4375rem;
}
.__dashboard-card-2 {
  padding: 25px 20px 25.81px;
  background: #ffffff;
  box-shadow: 2px 2px 10px rgba(58, 58, 58, 0.1);
  border-radius: 10px;
  text-align: center;
}
.__dashboard-card-2 img {
  margin-bottom: 10.21px;
  height: 32px;
  width: 50px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center center;
  object-position: center center;
}
.order--card {
  background: rgba(110, 137, 175, 0.0509803922);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 18px 15px 15px 20px;
  min-height: 65px;
}
.order--card .card-subtitle img {
  width: 30px;
  height: 35px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-inline-end: 10px;
}
.h-100 {
  height: 100% !important;
}
.__card-1 {
  background: #f1f5f9;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  position: relative;
  border-radius: 10px;
  padding: 30px 25px;
}
.__card-1 .icon {
  width: 40px;
  height: 40px;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto;
    margin-bottom: 0px;
  margin-bottom: 14px;
}
.h-100 {
  height: 100% !important;
}
.card--bg-1 {
  /*background: #eafbff !important;*/
  box-shadow: none !important;
}
.card--bg-2 {
  background: #fff7e7 !important;
  box-shadow: none !important;
}
.bg-E6F6EE {
  background: #e6f6ee !important;
}
.bg-F1E8FA {
  background: #f1e8fa !important;
}
.__new-coba .file_upload img {
  margin: 0 !important;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.375rem;
}

.list-group .list-group-item {
  padding: 11px 16px;
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.pull-right {
  float: right;
}

.border-b, .border-t {
  border-color: rgb(226 232 240) !important;
}

.bg-slate-200 {
  background-color: rgb(226 232 240));
}

.border-slate-200 {
  border-color: 1px solid rgb(226 232 240) !important;
}

.border-gray-200 {
  border: 1px solid #cecece !important;
}

.border-slate-300\/80 {
  /*border-color: #cbd5e1cc;*/
  border-color: #cecece;
}

.-top-1 {
  top: .45rem;
}

.-right-1 {
  right: -.25rem;
}