[data-system-captcha-refresh] {
	cursor: pointer;
	padding: 10px;
	background: rgb(255 255 255 / 70%);
}

#captchaBox {
	display: inline-flex;
	background: #cc9965;
	align-items: center;
}

/* Captcha classes for surveyjs form */

.survey-captcha[data-system-captcha] {
	padding: 0;
	background: transparent;
}

.survey-captcha[data-system-captcha] input.sd-input {
	display: block;
}

.survey-captcha-box {
	width: 100%;
	display: inline-flex;
	background: #cc9965;
	align-items: center;
	/* border-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px)); */
}

.survey-captcha-box div[data-system-captcha-image] {
	width: 100%;
	text-align: center;
}

.survey-captcha-box div[data-system-captcha-image] svg {
	width: 100%;
}

[data-system-captcha] {
	padding: 10px;
	background: #eee;
}
[data-system-captcha-token] {
	margin-top: 10px;
	border: 1px solid #0000001f;
	padding: 6px;
	min-width: 207px;
}

.container-fluid > [data-tp-col-div="true"] {
	padding-left: 0;
	padding-right: 0;
}
[data-tp-col-div="true"] {
	/* ,[data-tp-grid="true"]{ */
	padding-left: 15px;
	padding-right: 15px;
}
[data-tp-grid="true"] {
	display: grid;
}
.iti {
	display: inline !important;
}
.iti.iti--separate-dial-code {
	display: block !important;
}
.tp-ar-infinite-loading {
	width: 2em;
	overflow: visible;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.tp-ar-infinite-loading:before {
	content: "";
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.5;
}

.tp-ar-loading {
	position: fixed;
	z-index: 99999999999;
	height: 2em;
	width: 2em;
	overflow: visible;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.tp-ar-loading:before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
}
.data-ar-nofilter {
	margin-bottom: 1px;
	height: 30px;
	line-height: 30px;
	padding: 0px 15px;
}

/* .ar-repeat-min-height{
  min-height:500px;
} */

#ar-not-found {
	margin: 0;
	position: absolute;
	margin-top: 250px;
	margin-left: 500px;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

._jw-tpk-container {
	line-height: 0.4rem !important;
	height: 150px !important;
}

.ar-filter-form .select2-container--default.select2-container--focus .select2-selection--multiple {
	border: solid #ced4da 1px !important;
	outline: 0;
}

.ar-filter-form .select2-container--default .select2-selection--multiple {
	border: solid #ced4da 1px !important;
}
.ar-filter-form .select2-container--default .select2-search--inline .select2-search__field {
	height: 26px;
}

.overlay::before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1;
}

.overlay > div {
	top: 0;
	position: relative;
	z-index: 2;
}

[aria-label="lookupfield"] ~ .sd-dropdown_chevron-button {
	display: none;
}

[aria-label="multilookupfield"] ~ .sd-dropdown_chevron-button {
	display: none;
}

.sv-list .secondary-label {
	display: block;
	font-size: 0.75rem;
	color: #888;
}

/* [aria-label="lookupfield"] div input {
	background-image: url(https://www.w3schools.com/css/searchicon.png);
    background-position: 1px 2px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
}

[aria-label="multilookupfield"] div input {
	background-image: url(https://www.w3schools.com/css/searchicon.png);
    background-position: 1px 2px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
} */

[aria-label="multilookupfield"] .sd-dropdown__value {
	padding-left: 35px !important;
}

[aria-label="lookupfield"] .sd-dropdown__value {
	padding-left: 35px !important;
}

[aria-label="lookupfield"] input {
	padding-left: 25px;
}

[aria-label="lookupfield"],
[aria-label="multilookupfield"] {
	background-image: url("/public/images/search-icon-2.png");
	background-position: 14px 14px;
	background-repeat: no-repeat;
	/* padding: 12px 20px 12px 40px; */
}

/* You can add your custom css here.*/
.sv-list__empty-text {
	display: none;
}

.sv-list__empty-container {
	position: relative;
	height: 96px;
}
.sv-list__empty-container::after {
	content: " ";
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	top: calc(50% - 32px);
	left: calc(50% - 32px);
	background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_885_24957)'%3E%3Cpath opacity='0.1' d='M24 40C15.18 40 8 32.82 8 24C8 15.18 15.18 8 24 8C32.82 8 40 15.18 40 24C40 32.82 32.82 40 24 40ZM24 12C17.38 12 12 17.38 12 24C12 30.62 17.38 36 24 36C30.62 36 36 30.62 36 24C36 17.38 30.62 12 24 12Z' fill='black' fill-opacity='0.91'/%3E%3Cpath d='M10 26C8.9 26 8 25.1 8 24C8 15.18 15.18 8 24 8C25.1 8 26 8.9 26 10C26 11.1 25.1 12 24 12C17.38 12 12 17.38 12 24C12 25.1 11.1 26 10 26Z' fill='%2319B394'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_885_24957'%3E%3Crect width='32' height='32' fill='white' transform='translate(8 8)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 64px 64px;
	animation-name: rotationAnimation;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 1s;
}
.sd-file__preview .sd-file__sign a {
	pointer-events: none; /* Disables clicking */
	cursor: default; /* Changes the cursor to default (optional) */
	/* color: gray; Optional: Change the color to indicate it's disabled */
	text-decoration: none; /* Optional: Remove underline */
}

.sd-file__preview-item .sd-file__sign a[download] {
	pointer-events: none !important; /* Disables clicking */
	cursor: default !important; /* Changes the cursor to default (optional) */
	/* color: gray; Optional: Change the color to indicate it's disabled */
	text-decoration: none !important; /* Apply only to downloadable links */
}

.sd-row__question {
	overflow-wrap: break-word;
	word-wrap: break-word;
}
/* Add this to your stylesheet */
.sd-nav-save-draft {
    background-color: #6c757d !important; /* Secondary color */
    color: white !important;
    border-color: #6c757d !important;
    margin-right: 10px !important; /* Space between Save Draft and Complete */
}

.sd-nav-save-draft:hover {
    background-color: #5a6268 !important; /* Darker shade for hover */
    border-color: #545b62 !important;
}

.sd-navigation__complete-btn {
    order: 1; /* Ensures Complete button stays on the right */
}

.sd-navigation__left-btn {
    order: 0; /* Ensures Save Draft stays on the left */
}

.save-draft-feature .popup-bx {
	text-align: center;
}
.save-draft-feature .popup-bx h2 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	margin-top: 30px;
	margin-bottom: 11px;
}
.save-draft-feature .popup-bx p {
	color: #5d5d5d;
	margin-bottom: 25px;
	font-size: 16px;
}
.save-draft-feature .popup-bx p.large {
	color: #333;
	margin-bottom: 14px;
	font-size: 18px;
    line-height: 24px;
}

.text-left {
	text-align: left !important;
}

.my-swal-wrapper .swal-content {
	padding: 40px!important;
	margin: 0px auto;
	font-family: 'Roboto', sans-serif;
}
.swal-modal.my-swal-wrapper{
    border-radius: 16px !important;
    max-width: 450px;
	width: 100%;
}


#save-draft-feature-closeBtn {
	border: 0px;
	background-color: transparent;
	position: absolute;
	top: 18px;
	right: 20px;
	outline: 0px;
}
.save-draft-feature .input-wrapper {
	display: flex;
	border: 0px;
	overflow: hidden;
}

.save-draft-feature .input-wrapper input {
	color: #3a3b45;
	flex: 1;
	padding: 8px;
	border: none;
	font-size: 13px;
	border-radius: 4px 0px 0px 4px;
	border: 1px solid #d1d3e2;
}

.save-draft-feature .input-wrapper input::placeholder {
	color: #3a3b45;
	/* opacity: 0.7; */
	font-size: 13px;
}

.save-draft-feature .input-wrapper input:focus {
	outline: 0px;
}


.copy-link-btn {
	padding: 8px 12px;
	background: #075da8;
	color: white;
	border: 0px;
	cursor: pointer;
	border-radius: 0px 4px 4px 0px;
	font-size: 13px;
}

.copy-link-btn:focus {
	outline: 0px;
}

.font-weight-600 {
	font-weight: 600;
}

.radio-toggle{
    display: flex; 
    gap: 20px;
    font-size: 16px;
}
.radio-toggle { margin-bottom: 0px;}
.custom-radio-button {
	position: relative;
	padding-left: 18px;
	cursor: pointer;
	user-select: none;
	display: inline-block;
	margin-right: 4px;
	color: #5d5d5d
}

.save-draft-feature .custom-radio-button label{
    margin-bottom: 10px;
}

.save-draft-feature .custom-radio-button input[type='radio'] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.save-draft-feature .custom-radio-mark {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 16px;
	width: 16px;
	background-color: white;
	border: 1.5px solid #5d5d5d;
	border-radius: 50%;
}

.save-draft-feature .custom-radio-button input[type='radio']:checked ~ .custom-radio-mark::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	background-color: #075DA8;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}

.save-draft-feature .custom-radio-button input[type="radio"]:checked + .custom-radio-mark {
    border-color: #0057b7; /* blue border when checked */
  } 

#email-container{
    margin-bottom: 0px; 
    display: none;
}

#copy-success-wrapper {
	background: #d2f4e8;
	border: 1px solid #bff0de;
	padding: 15px 20px;
	border-radius: 8px;
	display: none;
	text-align: left;
    margin-top: 20px;
}

#email-success-wrapper {
	background: #d2f4e8;
	border: 1px solid #bff0de;
	padding: 15px 20px;
	border-radius: 8px;
	display: none;
	text-align: left;
    margin-top: 20px;
}
#copy-container {
	margin-bottom:0px;
}
.url-txt {
	color: #0f6848;
	font-size: 16px;
	margin-left: 4px;
}

#copy-success-wrapper svg {
	vertical-align: baseline;
}

#copy-success-wrapper .small {
	font-size: 14px;
	color: #0f6848;
	line-height: 20px;
}

#email-success-wrapper svg {
	vertical-align: baseline;
}

#email-success-wrapper .small {
	font-size: 14px;
	color: #0f6848;
	line-height: 20px;
}

.text-dark{color:#333!important;}

.Button-modal{
color: white;
border: 0px;
border-radius: 5px;
padding: 11px 16px;
font-size: 16px;
font-weight: 500;
cursor: pointer;
}
.Button-modal svg{vertical-align: text-bottom;}

.sd-clear-btn-link {
    font-size: 20px; /* Slightly larger font */
    color: #0066cc;
    text-decoration: underline !important; /* Force underline */
    text-underline-offset: 3px; /* Space between text and underline */
    text-decoration-thickness: 1px; /* Underline thickness */
    padding: 0;
    margin: 0;
    background: none !important;
    border: none !important;
    cursor: pointer;
    font-weight: normal;
    margin-left: 20px;
    margin-right: 20px;
}

.sd-clear-btn-link:hover {
    color: #004499;
    text-decoration-thickness: 2px;
}