/*!
* PT. IMAJIKU CIPTA MEDIA
* Copyright 2019-2024 IMAJIKU.
*/

/* =SELECT2 
------------------------------------------------------------ */

/*error message for form select2*/
.select-mjk-box .error {
	float: left;
}

/*global select*/
.select-mjk-box {
	background-color: var(--white);
	margin: 0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	height: 38px;
	min-width: 120px;
	border: 1px solid #ced4da;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.select-mjk-box.versi2 {
	margin: 0 0 1rem 0;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.select-mjk-group {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.select-mjk-group label {
	margin: 0 15px 0 0;
	font-size: 14px;
}

/*if add icon at left*/
.select-mjk-box-prepend {
	position: relative;
}

.select-mjk-box-prepend .input-group-text {
	padding: 0 10px 0 15px;
	height: 38px;
	background: var(--white);
	position: relative;
	z-index: 1;
	margin-right: -3px;
	border-top: 1px solid #ced4da;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #ced4da;
	border-left: 1px solid #ced4da;
	border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.select-mjk-box-prepend .input-group-text i {
	font-size: 14px;
	color: #444444;
}

.select-mjk-box .select2 {
	border: none;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding: 0;
}

.select-mjk-box .select2:focus {
	outline: none;
}

.select-mjk-box .select2-container {
	display: block !important;
	width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: var(--grey-500);
	font-size: 14px;
	font-weight: 400;
}

.select-mjk-box .select2-container--default .select2-selection--single {
	height: 100%;
	padding: 0;
	font-weight: 400;
	background-color: transparent;
	border: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	outline: none;
	-webkit-outline: none;
	-moz-outline: none;
}

.select-mjk-box .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: unset;
	color: var(--color-text-1);
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	line-height: 1.8;
	padding: .375rem 35px .375rem .75rem;
	height: 36px;
}

.select-mjk-box .select2-container--default .select2-selection--single .select2-selection__rendered span {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
}

.select-mjk-box .select2-container--default .select2-selection--single .select2-selection__rendered img {
	position: relative;
	top: unset;
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

.select-mjk-box .select2-container--default .select2-selection--single .select2-selection__rendered p {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	margin: 0;
	color: var(--color-text-2);
}

.select-mjk-box .select2-container--default.select2-container--disabled .select2-selection--single,
.select-mjk-box .select2-container--default.select2-container--disabled .select2-selection--multiple {
	background-color: #eeeeee;
}

.select-mjk-box .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b,
.select-mjk-box .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__arrow b {
	border-color: var(--grey-700) transparent transparent transparent;
}

/*caret select2*/
.select-mjk-box .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 3px;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 1px solid var(--grey-500);
}

.select-mjk-box .select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: var(--grey-700) transparent transparent transparent;
	border-width: 5px 4px 0 4px;
}

.select-mjk-box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent var(--grey-700) transparent !important;
	border-width: 0 4px 5px 4px;
}

/*select2 dropdown container global*/
.select2-dropdown {
	margin-top: 3px;
	border-radius: 8px;
	border: 1px solid #ced4da;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
	-webkit-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
	-moz-box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}

.select2-container--open .select2-dropdown--below {
	border-top: 1px solid #ced4da;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.select2-results__option {
	font-size: 14px;
	background-color: var(--white);
	padding: .375rem .7rem .375rem .7rem;
}

.select2-results__option img {
	height: 16px;
	position: relative;
	top: -3px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #f5f5f5;
	color: var(--color-text-2);
}

.select2-results__option[aria-selected] {
	color: var(--color-text-2);
}

.select2-container--default .select2-results>.select2-results__options {
	padding-top: 6px;
	padding-bottom: 6px;
}

.select2-container--default .select2-results__option--disabled {
	color: var(--grey-500);
	cursor: no-drop;
}

.select2-search--dropdown {
	padding: 8px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #ced4da;
	border-radius: 8px;
	padding: .375rem .75rem;
}

/* select2 for language on header mobile*/
.nav-language .select-mjk-box {
	border: none;
	min-width: 60px;
	height: 30px;
	background-color: var(--white);
}

.nav-language .select-mjk-box .select2-container--default .select2-selection--single {
	padding: 0;
	margin: 0;
	height: 30px;
}

.nav-language .select-mjk-box .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 5px;
	line-height: 1.4;
}

.nav-language .select-mjk-box .select2-container--default .select2-selection--single .select2-selection__rendered span {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
}

.nav-language .select-mjk-box .select2-container--default .select2-selection--single .select2-selection__rendered img {
	position: relative;
	top: unset;
	width: 18px;
	height: auto;
	margin-right: 5px;
}

.nav-language .select-mjk-box .select2-container--default .select2-selection--single .select2-selection__rendered p {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	margin: 0;
	color: var(--color-text-2);
}

.nav-language .select-mjk-box .select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none;
}

/*select2 dropdown container language*/
.select2-container--open .selectdropdown-mjk-language {
	left: -5px;
}

.selectdropdown-mjk-language {
	border-color: var(--grey-400);
	background-color: var(--grey-400);
}

.selectdropdown-mjk-language.select2-dropdown {
	border: none;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

.selectdropdown-mjk-language.select2-dropdown .select2-results__option {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	min-height: 35px;
	padding: .375rem .7rem .375rem .7rem;
}

.selectdropdown-mjk-language.select2-dropdown .select2-results__option span {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
}

.selectdropdown-mjk-language.select2-dropdown .select2-results__option img {
	position: relative;
	top: unset;
	width: 18px;
	height: auto;
}

.selectdropdown-mjk-language.select2-dropdown .select2-results__option p {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	margin: 0 0 0 3px;
	color: var(--color-text-2);
}

/*select2 dropdown container image*/
.selectdropdown-mjk-img.select2-dropdown .select2-results__option {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	min-height: 35px;
	padding: .375rem .7rem .375rem .7rem;
}

.select-color-img-box .select-mjk-box .select2-container--default .select2-selection--single .select2-selection__rendered span,
.selectdropdown-mjk-img.select2-dropdown .select2-results__option span {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
}

.select-color-img-box .select-mjk-box .select2-container--default .select2-selection--single .select2-selection__rendered img,
.selectdropdown-mjk-img.select2-dropdown .select2-results__option img {
	position: relative;
	top: unset;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	vertical-align: middle;
	padding: 1px;
	margin-right: 5px;
}

.select-color-img-box .select-mjk-box .select2-container--default .select2-selection--single .select2-selection__rendered p,
.selectdropdown-mjk-img.select2-dropdown .select2-results__option p {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	margin: 0;
	color: var(--color-text-2);
}

.select2-container--default .select2-results__option--disabled p {
	color: var(--grey-500) !important;
}

/*select2 dropdown container hex color*/
.selectdropdown-mjk-hex.select2-dropdown .select2-results__option {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	min-height: 35px;
	padding: .375rem .7rem .375rem .7rem;
}

.select-color-hex-box .select-mjk-box .select2-container--default .select2-selection--single .select2-selection__rendered span,
.selectdropdown-mjk-hex.select2-dropdown .select2-results__option span {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
}

.select-color-hex-box .select-mjk-box .select2-container--default .select2-selection--single .select2-selection__rendered img,
.selectdropdown-mjk-hex.select2-dropdown .select2-results__option img {
	position: relative;
	top: unset;
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

.select-color-hex-box .select-mjk-box .select2-container--default .select2-selection--single .select2-selection__rendered p,
.selectdropdown-mjk-hex.select2-dropdown .select2-results__option p {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1;
	margin: 0;
	color: var(--color-text-2);
}

/*box for hex color*/
.item-preview-hex {
	display: block;
	height: 16px;
	width: 16px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	margin-right: 5px;
}

/*select2 dropdown container phone code*/
.select-phonecode-box {
	min-width: 55px !important;
	background-color: var(--white);
	border-top: 1px solid #ced4da;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #ced4da;
	border-left: 1px solid #ced4da;
	position: relative;
	border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	z-index: 1;
}

.select-phonecode-box .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-right: 20px !important;
}

.select-phonecode-box .select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 20px !important;
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-color: transparent !important;
}

.selectdropdown-mjk-phonecode {
	min-width: 200px !important;
}

.selectdropdown-mjk-phonecode.select2-dropdown .select2-results__option {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	min-height: 35px;
	padding: .375rem .7rem .375rem .7rem;
}

.select-color-phonecode-box .select-mjk-box .select2-container--default .select2-selection--single .select2-selection__rendered span,
.selectdropdown-mjk-phonecode.select2-dropdown .select2-results__option span {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	height: 100%;
}

/* =DRYUPLOAD
------------------------------------------------------------ */
/*upload files for images from dropify*/
.dryupload-box {
	position: relative;
	display: flex;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 2px dashed var(--grey-300);
	padding: 5px;
	background-color: var(--white);
	margin-bottom: 5px;
}

.dryupload {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}

.dryupload-info {
	display: block;
	width: 100%;
}

.dryupload-info p {
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 0;
	padding: 2px 5px 2px;
}

.dryupload-box .dropify-wrapper {
	border: none;
	padding: 0;
	width: 100%;
	height: 330px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}

.dryupload-box .dropify-wrapper input.error,
.dryupload-box .dropify-wrapper input.success,
.dryupload-box .dropify-wrapper input {
	position: absolute;
}

.dryupload-box .dropify-wrapper .dropify-clear {
	border: none;
}

.dryupload-box .dropify-wrapper .dropify-clear i {
	color: #f2f2f2;
	font-size: 30px;
}

.dryupload-box .dropify-wrapper .dropify-clear:hover {
	background-color: transparent;
}

.dryupload-box .dropify-wrapper .dropify-clear:hover i {
	color: var(--white);
}

.dryupload-box .dropify-wrapper .dropify-message p {
	font-size: 14px;
}

.dryupload-box .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
	font-size: 14px;
}

.dryupload-box .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
	font-size: 14px;
}

.dryupload-box .dropify-wrapper.has-preview {
	background-color: #000000 !important;
}

/*change icon upload*/
.dropify-font-upload::before,
.dropify-wrapper .dropify-message span.file-icon::before {
	content: "\f030";
}

.dropify-font::before,
.dropify-wrapper .dropify-message span.file-icon::before,
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-filename span.file-icon::before,
[class*=" dropify-font-"]::before,
[class^=dropify-font-]::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 20px;
	color: var(--grey-300);
}

/*variant responsive*/
.dryupload-box .dropify-wrapper.touch-fallback {
	height: 330px !important;
}

.dryupload-box .dropify-wrapper.touch-fallback .dropify-message {
	top: 38% !important;
	padding: 0 !important;
}

.dryupload-box .dropify-wrapper.touch-fallback .dropify-clear {
	bottom: unset !important;
}

/*variant 2 more files */
.dryupload-box.variant-2 .dropify-wrapper {
	width: 90px;
	height: 90px;
	border: 1px solid var(--grey-300);
	margin: 5px;
}

.dryupload-box.variant-2 .dropify-wrapper .dropify-preview {
	padding: 0;
}

.dryupload-box.variant-2 .dropify-wrapper .dropify-clear {
	top: 5px;
	right: 5px;
}

.dryupload-box.variant-2 .dropify-wrapper .dropify-clear i {
	font-size: 16px;
}

.dryupload-box.variant-2 .dropify-wrapper .dropify-message span.file-icon {
	font-size: 24px;
}

.dryupload-box.variant-2 .dropify-wrapper .dropify-message p {
	text-align: center;
	width: 90%;
	margin: 0 auto;
	font-size: 11px;
	line-height: 1.1;
	overflow-wrap: break-word;
}

.dryupload-box.variant-2 .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
	font-size: 11px;
	text-align: center;
	overflow-wrap: break-word;
	width: 90%;
}

.dryupload-box.variant-2 .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
	font-size: 11px;
	padding-top: 0;
	margin-top: 0;
	text-align: center;
	overflow-wrap: break-word;
	width: 90%;
}

/*variant 2 responsive*/
.dryupload-box.variant-2 .dropify-wrapper.touch-fallback {
	width: 90px !important;
	height: 90px !important;
}

.dryupload-box.variant-2 .dropify-wrapper.touch-fallback .dropify-message {
	top: 13% !important;
	padding: 0 !important;
}

.dryupload-box.variant-2 .dropify-wrapper.touch-fallback .dropify-clear {
	bottom: unset !important;
}

/*variant profile */
.dryupload-box.variant-profile {
	position: relative;
	display: flex;
	width: 130px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 2px dashed var(--grey-300);
	padding: 0px;
	background-color: var(--white);
	margin-bottom: 5px;
}

.dryupload-box.variant-profile .dryupload {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
}

.dryupload-box.variant-profile .dropify-wrapper {
	width: 130px;
	height: 130px;
	border: none;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.dryupload-box.variant-profile .dropify-wrapper .dropify-preview {
	padding: 0;
}

.dryupload-box.variant-profile .dropify-wrapper .dropify-clear {
	top: 5px;
	right: 5px;
}

.dryupload-box.variant-profile .dropify-wrapper .dropify-clear i {
	font-size: 18px;
}

.dryupload-box.variant-profile .dropify-wrapper .dropify-message span.file-icon {
	font-size: 30px;
}

.dryupload-box.variant-profile .dropify-wrapper .dropify-message p {
	text-align: center;
	width: 90%;
	margin: 0 auto;
	font-size: 12px;
	line-height: 1.1;
	overflow-wrap: break-word;
}

.dryupload-box.variant-profile .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
	font-size: 12px;
	text-align: center;
	overflow-wrap: break-word;
	width: 90%;
}

.dryupload-box.variant-profile .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p.dropify-infos-message {
	font-size: 12px;
	padding-top: 0;
	margin-top: 0;
	text-align: center;
	overflow-wrap: break-word;
	width: 90%;
}

/*variant profile responsive*/
.dryupload-box.variant-profile .dropify-wrapper.touch-fallback {
	width: 130px !important;
	height: 130px !important;
}

.dryupload-box.variant-profile .dropify-wrapper.touch-fallback .dropify-message {
	top: 13% !important;
	padding: 0 !important;
}

.dryupload-box.variant-profile .dropify-wrapper.touch-fallback .dropify-clear {
	bottom: unset !important;
}

/* JASNY - UPLOAD FILES & IMAGES */
.jasnyupload-box {
	position: relative;
}

.jasnyupload {
	margin: 0;
	position: relative;
}

.jasnyupload .img-thumbnail {
	border: 2px dashed var(--grey-300);
	background-color: var(--white);
	padding: 5px;
	width: 130px;
	height: 130px;
	margin: 0;
}

.jasnyupload .img-thumbnail img {
	display: flex;
	object-fit: contain;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.jasnyupload-box .jasnyupload-info {
	display: block;
	width: 100%;
}

.jasnyupload-box .jasnyupload-info p {
	font-size: 12px;
	color: var(--grey-700);
	line-height: 1;
	margin: 0;
}

.jasnyupload .jasnyupload-action {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 5;
	transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
}

.jasnyupload .jasnyupload-action .btn-file {
	width: 100%;
	height: 100%;
}

.jasnyupload .jasnyupload-action .fileinput-new {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	padding: 0;
	border: none;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	text-align: center;
	line-height: 1;
	font-size: 20px;
}

.jasnyupload .jasnyupload-action .fileinput-new i {
	color: var(--grey-700);
	font-size: 20px;
	line-height: 1;
	transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
}

.jasnyupload .jasnyupload-action .fileinput-exists {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	padding: 0;
	border: none;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	text-align: center;
	line-height: 1;
	font-size: 20px;
	opacity: 0;
}

.jasnyupload .jasnyupload-action .fileinput-exists i {
	color: var(--white);
	font-size: 20px;
	line-height: 1;
}

.jasnyupload .jasnyupload-action .jasnyupload-action-remove {
	width: 20px !important;
	height: 20px !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 50% !important;
	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	position: absolute !important;
	top: 10px !important;
	left: unset !important;
	right: 10px !important;
	transform: none !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	opacity: 0;
}

.jasnyupload .jasnyupload-action .jasnyupload-action-remove i {
	color: var(--white);
	font-size: 20px;
	line-height: 1;
}

.jasnyupload .jasnyupload-action:hover {
	background-color: rgba(0, 0, 0, 0.5);
	transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
}

.jasnyupload .jasnyupload-action:hover .fileinput-new i {
	color: var(--white);
	transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
}

.jasnyupload .jasnyupload-action:hover .fileinput-exists,
.jasnyupload .jasnyupload-action:hover .jasnyupload-action-remove {
	opacity: 1;
	transition: 0.3s ease;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
}


/* = TOM SELECT
------------------------------------------------------------ */
/* Custom styling untuk avatar di demo custom rendering */
.avatar {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	margin-right: 8px;
	vertical-align: middle;
}

/* Styling gambar bendera */
.hc-select-phone .flag-icon {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 10px;
	border: 1px solid #dee2e6;
}

.hc-form-select-control.hc-select-phone {
	width: auto !important;
}

.hc-form-select-control.hc-select-phone .ts-dropdown {
	min-width: 120px;
	font-size: 14px;
}

.hc-form-select-control.hc-select-phone .ts-control {
	min-height: calc(1.5em + .75rem + 2px);
	padding: 8px 30px 7.2px 10px !important;
	text-align: left;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-size: 10px 12px !important;
}


/* = FILEPOND
------------------------------------------------------------ */

a.filepond--credits {
	display: none;
}

.my-pond-upload {
	position: relative;
}

.my-pond-upload .filepond--root {
	margin-bottom: 8px;
}

.my-pond-upload .filepond--drop-label {
	width: 100%;
	height: 200px;
	background-color: #F8FAFC;
	border: 1px solid var(--grey-100);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	cursor: pointer;
}

/* .filepond--drip {
    background: rgb(248 250 252);
    opacity: 1;
} */

.my-pond-upload .filepond--file .filepond--file-status {
	font-size: 14px
}

.my-pond-upload .filepond--file-info {
	display: grid;
}

.form-group .my-pond-upload .error {
	position: absolute;
	bottom: -26px;
}

.my-pond-upload label span {
	color: var(--grey-500);
}

/*.filepond--file {
    display: flex;
    flex-direction: column;
    position: relative;
    flex-wrap: wrap;
}*/

.my-pond-upload .filepond--drop-label.filepond--drop-label label {
	color: var(--grey-500);
	font-weight: 400;
	font-size: 13px;
}

.my-pond-info {
	position: relative;
	margin-top: 15px;
}

.my-pond-info p {
	font-size: 12px;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 0;
	padding: 2px 5px 2px;
	color: var(--grey-700);
}

.profile-extra-info {
	text-align: left;
	margin: 0;
}

.profile-extra-info p {
	color: var(--color-text-2);
	font-weight: 400;
	font-size: 12px;
}

.my-pond-upload.my-pond-image .filepond--drop-label {
	display: block;
	padding: .5em;
	text-indent: -99999px;
	background: #f8fafc url('../images/resources/frame-filepond.png') no-repeat center center;
	background-size: contain;
	width: 100%;
	height: 200px;
	opacity: 1;
}

.my-pond-upload.my-pond-file .filepond--drop-label {
	height: auto;
	background-color: transparent;
}

.my-pond-info-big {
	position: relative;
	border: 1px solid #ECECEC;
	background-color: #F7F7F7;
	padding: 15px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
}

.my-pond-info-big h4 {
	color: #90A1B9;
	font-size: 14px;
	font-weight: 600;
}

.my-pond-info-big ol {
	margin-bottom: 0;
}

.my-pond-info-big ol li {
	color: #90A1B9;
	font-size: 12px;
	font-weight: 400;
}

.filepond--panel-root {
	background-color: #f1f5f9;
}

/* style tambahan jika filepond circle */
.my-pond-upload.my-pond-image .filepond--assistant {
	position: relative;
	z-index: 2;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	width: 54%;
	height: 100%;
	align-items: center;
	text-align: center;
	clip: unset;
	clip-path: unset;
	white-space: unset;
	font-size: 12px !important;
	color: red;
}