@charset "utf-8";

/* Form.css ALTS */
.form-content {
	--field-gap:15px;
	--line-font-size:15px;
	--label-font-size:14px;
	--field-font-size:16px;
}

@media all and (min-width: 769) and (max-width: 1100px) {
	.form-content {
		--field-gap:14px;
		--line-font-size:14px;
		--label-font-size:13px;
		--field-font-size:15px;
	}
}
@media all and (max-width: 600px) {
	.form-content {
		--field-gap:14px;
		--line-font-size:14px;
		--label-font-size:13px;
		--field-font-size:15px;
	}
}
@media all and (max-width: 400px) {
	.form-content {
		--field-gap:13px;
		--line-font-size:13px;
		--label-font-size:12px;
		--field-font-size:14px;
	}
}

/* line 47 */
.form-content hr, .details-content hr {
  width: 100%;
  border-color:#F67A06;
  height:0;
  margin:var(--field-gap) 0;
}

/* line 66 */
.form-content .form-fields {
    /*margin: 0 -10px;*/
    margin: 0;
	gap:var(--field-gap);
	padding:var(--field-gap) 0;
}

/* line 66 */
.form-fields fieldset {
  border: none;
  padding:0;
  margin: 0;
}
.form-fields .fieldset2 { width:calc(50% - ( var(--field-gap) / 2 ) ); }
.form-fields .fieldset3 { width:calc(50% - ( var(--field-gap) / 3 ) ); }
.form-fields .fieldset4 { width:calc(50% - ( var(--field-gap) / 4 ) ); }

/* line 71 */
.form-fields fieldset, 
.form-fields .form-line {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.form-fields p.form-line { margin:0; font-size:var(--line-font-size); }

/* line 92 */
.form-content fieldset .label {
	font-size:var(--label-font-size);
    padding: 0;
	margin-bottom:5px;
    color: #0F0F1E;
    font-weight: 600;
}
.form-box-v2 .form-content fieldset .label {
    display: block;
	color:#424251;
	font-weight: 500;
}
/* line 103 */
.form-content fieldset input[type="text"], .form-content fieldset input[type="password"], .form-content fieldset input[type="textbox"], .form-content fieldset input[type="number"], .form-content fieldset input[type="date"], .form-content fieldset input[type="email"], .form-content fieldset input[type="file"], .form-content fieldset .Input, .form-content fieldset .input, .form-content fieldset select, .form-content fieldset textarea, .form-content fieldset .Textarea, .form-content fieldset .textarea, .nicEdit-main, .form-content .usrDob, .form-content .txtDate {
	display: block;
	padding: 0.75em 0.9em;
	width: 100%;
	background-color: #FFF;
	border: 1px solid #CACAD9;
    border-radius: 4px;
	color: #000;
	font-size: var(--field-font-size);
	text-align: left;
}

.form-box-v2 .form-content button { float:none; }

/* Form v2 */ 

.form-btn {
	display:flex; justify-content:space-between; align-items:center; gap:var(--field-gap);
	padding:0 !important;
	margin-top:var(--field-gap);
}
.form-btn .btn-submit { order:2; }
.form-btn .security-badge { order:1; }

.form-box-v2 .btn-submit { width: 100%; }

.form-box-v2 .msg-box {
	display:block;
	color: #CC0000 !important;
	padding:0;
	margin:0;
	background:none;
	border:none;
	text-align: left;
	line-height: 1.25;
	box-shadow:none;
	font-size: 0.9em;
	font-weight: 400;
}

/* form cover */
.form-cover {
	background: rgba(255, 255, 255, 0.5); /* 50% opacity */
	backdrop-filter: blur(8px); /* Blur effect */
	-webkit-backdrop-filter: blur(8px); /* Safari support */
	border:none;
}
.form-cover .lds-roller div:after,
.form-box-v2 .form-cover .lds-roller div:after { background:#96AAC9; }

			

@media all and (max-width: 700px) {
	.form-fields .fieldset2,
	.form-fields .fieldset3,
	.form-fields .fieldset4 { width:100%; }
	
	.form-btn { flex-direction: column; }
}
