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

/* = 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: 15%;
}

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

.hc-form-select-control.hc-select-phone .ts-control {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	padding-bottom: 6.3px;
}


/* = 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(--hc-color-text-head);
	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;
}