/* search form css */
.searchForm {
	border-bottom: 1px solid #BFBFBF;
	padding-bottom: 10px;
	padding-top: 10px;
}
.searchForm .multiple-checkbox {
	display: inline-block;
	margin-right:10px;
}
.searchForm .checkbox-badge {
	position:relative;
}
.searchForm .checkbox-badge input {
	position: absolute;
	top: 6px;
	left: 5px;
}
.searchForm .checkbox-badge span.badge {
	padding-left:25px;
}
.loadning-indicator {
	position: absolute;
	width:100%;
	min-height:30px;
	height:100%;
	background:url("../img/loading-indicator.gif") no-repeat;
	background-position:50% 25%;
}
.submit-indicator {
	width:20px;
	height:20px;
	background:url("../img/loading-circle.gif") no-repeat;
	display: inline-block;
	vertical-align: middle;
}


/* form css */
form .required:after {/*ok*/
	color: #EE3322;
	content: "*";
	display: inline;
}
.error-message, .editFieldForm .error-message {/*ok*/
	color: #9E2424;
	font-size: 13px;
}
.form-error {
	border-color: #F64E60;
	padding-right: calc(1.5em + 1.3rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23F64E60' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23F64E60' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.325rem) center;
	background-size: calc(0.75em + 0.65rem) calc(0.75em + 0.65rem);
}
.help-text {
	color: #9c9fa6;
	font-size:14px;
	font-style:italic;
}
.select2-selection--multiple.is-invalid {/*ok*/
	border-color: #dc3545;
}
select.is-invalid {/*ok*/
	outline: 1px solid #dc3545;
}
.um-button-row {/*ok*/
	border-top: 1px solid #d3d3d3;
	padding: 20px 0 10px 0;
	margin-top: 30px;
	display:flex;
	gap:20px;
}
.um-button-row .btn {/*ok*/
	min-width:70px;
}


/*  form-control css */
.form-control {
	border: 1px solid #959599;
}
.form-control.datepicker {
	padding: 0.65rem 1rem;
	border-radius: 0.42rem;
}
.form-control.datetimepicker {
	padding:0.65rem 1rem;
}
.datetimepicker th.switch {
	display: table-cell;
}
.form-control:disabled, .form-control[readonly] {
	background-color: #F3F6F9;
	opacity: 1;
	cursor: not-allowed;
}
.col-form-input .text {
	padding: 10px 0 0 5px;
}
.password_eye_wrapper {
	position: relative;
}
.password_eye_icon {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
textarea {
	resize: vertical;
	min-height:50px;
}


/* select2 css */
.select2-container--default .select2-results__option.select2-results__option--highlighted {
	background: #E5DA81;
	font-weight:bold;
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {/*ok*/
	border: 1px solid #959599;
}
.col-form-input .select2-container, .col-form-input .select2-container .select2-search__field {/*ok*/
	width:100% !important;
	min-height: auto;
}
.col-form-input .select2-container--default .select2-selection--multiple {/*ok*/
	min-height:38px;
}
.col-form-input .select2-container--open {/*ok*/
	z-index: 1100;
}
.col-form-input .input-group > .select2-container {/*ok*/
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1% !important;
	min-width: 0;
	margin-bottom: 0;
}
.input-group > .select2-container {
	position: relative;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1% !important;
	min-width: 0;
	margin-bottom: 0;
}
.input-group .select2-container--default .select2-selection--single, .input-group .select2-container--default .select2-selection--multiple {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}



@media (max-width: 767.98px) {/*ok*/
	.form .form-group-h2, .form .form-group-h4, .form .form-group-h4 .col-form-input, .form .form-group-v2 > div, .form .form-group-v3 > div, .form .form-group-v4 > div {
		margin-bottom:20px;
	}
	.form .form-group-v1 {
		margin-bottom:20px;
	}
	.form .form-group-checkbox {
		display: flex;
		margin-bottom:20px;
	}
	.form .form-group-checkbox .col-form-input {
		padding: 2px 0 0 10px;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {/*ok*/
	.form .form-group-h2, .form .form-group-h4 {
		display: grid;
		gap: 2rem;
		margin-bottom:20px;
		grid-template-columns: repeat(12,minmax(0,1fr));
	}
	.form .form-group-h2 .col-form-label, .form .form-group-h4 .col-form-label {
		grid-column: span 4/span 4;
	}
	.form .form-group-h2 .col-form-input, .form .form-group-h4 .col-form-input {
		grid-column: span 8/span 8;
	}
	.form .form-group-v1 {
		margin-bottom:20px;
	}
	.form .form-group-v2 > div, .form .form-group-v3 > div, .form .form-group-v4 > div {
		display: grid;
		gap: 2rem;
		grid-template-columns: repeat(12,minmax(0,1fr));
		margin-bottom:20px;
	}
	.form .form-group-v2 .col-form-label, .form .form-group-v3 .col-form-label, .form .form-group-v4 .col-form-label {
		grid-column: span 4/span 4;
	}
	.form .form-group-v2 .col-form-input, .form .form-group-v3 .col-form-input, .form .form-group-v4 .col-form-input {
		grid-column: span 8/span 8;
	}
	.form .form-group-checkbox {
		display: flex;
		margin-bottom:20px;
	}
	.form .form-group-checkbox .col-form-input {
		padding: 2px 0 0 10px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {/*ok*/
	.form .form-group-h2, .form .form-group-h4 {
		display: grid;
		gap: 2rem;
		margin-bottom:20px;
		grid-template-columns: repeat(12,minmax(0,1fr));
	}
	.form .form-group-h2 .col-form-label, .form .form-group-h4 .col-form-label {
		grid-column: span 2/span 2;
	}
	.form .form-group-h2 .col-form-label.col-auto, .form .form-group-h4 .col-form-label.col-auto {
		grid-column: span 3/1;
	}
	.form .form-group-h2 .col-form-input {
		grid-column: span 8/span 8;
	}
	.form .form-group-h4 .col-form-input {
		grid-column: span 4/span 4;
	}
	.form .form-group-h2 .col-form-input.full-width {
		grid-column: span 9/span 9;
	}
	.form .form-group-v1 {
		margin-bottom:20px;
	}
	.form .form-group-v2 {
		display: grid;
		gap: 2rem;
		margin-bottom:20px;
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
	.form .form-group-v3 {
		display: grid;
		gap: 2rem;
		margin-bottom:20px;
		grid-template-columns: repeat(3,minmax(0,1fr));
	}
	.form .form-group-v4 {
		display: grid;
		gap: 2rem;
		margin-bottom:20px;
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
	.modal .modal-lg .form .form-group-h2 .col-form-input {
		grid-column: span 9/span 9;
	}
	.modal .modal-md .form .form-group-v4 {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
	.modal .modal-md .form .form-group-h2 .col-form-label, .modal .modal-md .form .form-group-h4 .col-form-label, .modal .modal-sm .form .form-group-h2 .col-form-label, .modal .modal-sm .form .form-group-h4 .col-form-label {
		grid-column: span 3/span 3;
	}
	.modal .modal-md .form .form-group-h2 .col-form-input, .modal .modal-md .form .form-group-h4 .col-form-input, .modal .modal-sm .form .form-group-h2 .col-form-input, .modal .modal-sm .form .form-group-h4 .col-form-input {
		grid-column: span 9/span 9;
	}
	.modal .modal-sm .form .form-group-v2, .modal .modal-sm .form .form-group-v3, .modal .modal-sm .form .form-group-v4 {
		display: grid;
		gap: 2rem;
		margin-bottom:20px;
		grid-template-columns: repeat(1,minmax(0,1fr));
	}
	.modal .modal-sm .form .form-group-v2 > div, .modal .modal-sm .form .form-group-v3 > div, .modal .modal-sm .form .form-group-v4 > div {
		display: grid;
		gap: 2rem;
		grid-template-columns: repeat(12,minmax(0,1fr));
	}
	.modal .modal-sm .form .form-group-v2 .col-form-label, .modal .modal-sm .form .form-group-v3 .col-form-label, .modal .modal-sm .form .form-group-v4 .col-form-label {
		grid-column: span 3/span 3;
	}
	.modal .modal-sm .form .form-group-v2 .col-form-input, .modal .modal-sm .form .form-group-v3 .col-form-input, .modal .modal-sm .form .form-group-v4 .col-form-input {
		grid-column: span 9/span 9;
	}
	.form .form-group-checkbox {
		display: flex;
		margin-bottom:20px;
	}
	.form .form-group-checkbox .col-form-input {
		padding: 2px 0 0 10px;
	}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {/*ok*/
	.form .form-group-h2, .form .form-group-h4 {
		display: grid;
		gap: 2rem;
		margin-bottom:20px;
		grid-template-columns: repeat(12,minmax(0,1fr));
	}
	.form .form-group-h2 .col-form-label, .form .form-group-h4 .col-form-label {
		grid-column: span 2/span 2;
	}
	.form .form-group-h2 .col-form-label.col-auto, .form .form-group-h4 .col-form-label.col-auto {
		grid-column: span 3/1;
	}
	.form .form-group-h2 .col-form-input {
		grid-column: span 6/span 6;
	}
	.form .form-group-h4 .col-form-input {
		grid-column: span 4/span 4;
	}
	.form .form-group-h2 .col-form-input.full-width {
		grid-column: span 9/span 9;
	}
	.form .form-group-v1 {
		margin-bottom:20px;
	}
	.form .form-group-v2 {
		display: grid;
		gap: 2rem;
		margin-bottom:20px;
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
	.form .form-group-v3 {
		display: grid;
		gap: 2rem;
		margin-bottom:20px;
		grid-template-columns: repeat(3,minmax(0,1fr));
	}
	.form .form-group-v4 {
		display: grid;
		gap: 2rem;
		margin-bottom:20px;
		grid-template-columns: repeat(4,minmax(0,1fr));
	}
	.modal .modal-md .form .form-group-v4 {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
	.modal .modal-md .form .form-group-h2 .col-form-label, .modal .modal-md .form .form-group-h4 .col-form-label, .modal .modal-sm .form .form-group-h2 .col-form-label, .modal .modal-sm .form .form-group-h4 .col-form-label {
		grid-column: span 3/span 3;
	}
	.modal .modal-md .form .form-group-h2 .col-form-input, .modal .modal-md .form .form-group-h4 .col-form-input, .modal .modal-sm .form .form-group-h2 .col-form-input, .modal .modal-sm .form .form-group-h4 .col-form-input {
		grid-column: span 9/span 9;
	}
	.modal .modal-sm .form .form-group-v2, .modal .modal-sm .form .form-group-v3, .modal .modal-sm .form .form-group-v4 {
		display: grid;
		gap: 2rem;
		margin-bottom:20px;
		grid-template-columns: repeat(1,minmax(0,1fr));
	}
	.modal .modal-sm .form .form-group-v2 > div, .modal .modal-sm .form .form-group-v3 > div, .modal .modal-sm .form .form-group-v4 > div {
		display: grid;
		gap: 2rem;
		grid-template-columns: repeat(12,minmax(0,1fr));
	}
	.modal .modal-sm .form .form-group-v2 .col-form-label, .modal .modal-sm .form .form-group-v3 .col-form-label, .modal .modal-sm .form .form-group-v4 .col-form-label {
		grid-column: span 3/span 3;
	}
	.modal .modal-sm .form .form-group-v2 .col-form-input, .modal .modal-sm .form .form-group-v3 .col-form-input, .modal .modal-sm .form .form-group-v4 .col-form-input {
		grid-column: span 9/span 9;
	}
	.form .form-group-checkbox {
		display: flex;
		margin-bottom:20px;
	}
	.form .form-group-checkbox .col-form-input {
		padding: 2px 0 0 10px;
	}
}
@media (min-width: 1400px) {/*ok*/
	.form .form-group-h2, .form .form-group-h4 {
		display: grid;
		gap: 2rem;
		margin-bottom:20px;
		grid-template-columns: repeat(12,minmax(0,1fr));
	}
	.form .form-group-h2 .col-form-label, .form .form-group-h4 .col-form-label {
		grid-column: span 2/span 2;
	}
	.form .form-group-h2 .col-form-label.col-auto, .form .form-group-h4 .col-form-label.col-auto {
		grid-column: span 3/1;
	}
	.form .form-group-h2 .col-form-input {
		grid-column: span 6/span 6;
	}
	.form .form-group-h4 .col-form-input {
		grid-column: span 4/span 4;
	}
	.form .form-group-h2 .col-form-input.full-width {
		grid-column: span 10/span 10;
	}
	.form .form-group-v1 {
		margin-bottom:20px;
	}
	.form .form-group-v2 {
		display: grid;
		gap: 2rem;
		margin-bottom:20px;
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
	.form .form-group-v3 {
		display: grid;
		gap: 2rem;
		margin-bottom:20px;
		grid-template-columns: repeat(3,minmax(0,1fr));
	}
	.form .form-group-v4 {
		display: grid;
		gap: 2rem;
		margin-bottom:20px;
		grid-template-columns: repeat(4,minmax(0,1fr));
	}
	.modal .modal-md .form .form-group-v4, .modal .modal-sm .form .form-group-v4 {
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
	.modal .modal-md .form .form-group-h2 .col-form-label, .modal .modal-md .form .form-group-h4 .col-form-label, .modal .modal-sm .form .form-group-h2 .col-form-label, .modal .modal-sm .form .form-group-h4 .col-form-label {
		grid-column: span 3/span 3;
	}
	.modal .modal-md .form .form-group-h2 .col-form-input, .modal .modal-md .form .form-group-h4 .col-form-input, .modal .modal-sm .form .form-group-h2 .col-form-input, .modal .modal-sm .form .form-group-h4 .col-form-input {
		grid-column: span 9/span 9;
	}
	.modal .modal-sm .form .form-group-v2, .modal .modal-sm .form .form-group-v3, .modal .modal-sm .form .form-group-v4 {
		display: grid;
		gap: 2rem;
		margin-bottom:20px;
		grid-template-columns: repeat(1,minmax(0,1fr));
	}
	.modal .modal-sm .form .form-group-v2 > div, .modal .modal-sm .form .form-group-v3 > div, .modal .modal-sm .form .form-group-v4 > div {
		display: grid;
		gap: 2rem;
		grid-template-columns: repeat(12,minmax(0,1fr));
	}
	.modal .modal-sm .form .form-group-v2 .col-form-label, .modal .modal-sm .form .form-group-v3 .col-form-label, .modal .modal-sm .form .form-group-v4 .col-form-label {
		grid-column: span 3/span 3;
	}
	.modal .modal-sm .form .form-group-v2 .col-form-input, .modal .modal-sm .form .form-group-v3 .col-form-input, .modal .modal-sm .form .form-group-v4 .col-form-input {
		grid-column: span 9/span 9;
	}
	.form .form-group-checkbox {
		display: flex;
		margin-bottom:20px;
	}
	.form .form-group-checkbox .col-form-input {
		padding: 2px 0 0 10px;
	}
}

/* radio checkbox css */
.col-form-input .form-check {
	padding-top:12px;
}
.form-check-input, .form-check-input:focus {
	border: 2px solid #3699FF;
}
.radio-inline, .checkbox-inline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left:0;
}
.radio-list, .checkbox-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left:0;
}
.radio-inline .form-check-label, .radio-list .form-check-label, .checkbox-inline .form-check-label, .checkbox-list .form-check-label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	text-align: left;
	cursor: pointer;
	color: var(--bs-gray-800);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin: 0 1rem 0.35rem 0;
}
.radio-list .form-check-label, .checkbox-list .form-check-label {
	margin-bottom: 1rem;
}
.radio-inline .form-check-input, .radio-list .form-check-input, .checkbox-inline .form-check-input, .checkbox-list .form-check-input {
	margin: 0 10px 0 0;
}
/*.checkbox > span, .radio > span {
	background-color: #ffffff;
	border: 2px solid #3699FF;
}
.checkbox > input:focus + span {
	border: 2px solid #3699FF;
}
.checkbox.checkbox-danger > span, .radio.radio-danger > span {
	background-color: #ffffff;
	border: 2px solid #F64E60;
}
.checkbox.checkbox-danger > input:focus + span {
	border: 2px solid #F64E60;
}
.checkbox input[type="checkbox"][disabled] + span, .radio input[type="radio"][disabled] + span {
	background-color: #D4D4D5;
	cursor: not-allowed;
}
.checkbox.checkbox-success > span {
	border: 1px solid #1BC5BD;
}
input.form-control[type="checkbox"] {
	width:auto;
}
.radio-inline, .checkbox-inline {
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 10px;
}
.radio-inline:last-child, .checkbox-inline:last-child {
	margin-right: 0;
}
.radio-list, .checkbox-list {
	margin-bottom: 10px;
	width: max-content;
	display:block;
}
.form-check {
	padding-left: 0;
}
.form-check-input {
	border-color: #3b3f5c;
}
.radio-inline .form-check-input, .radio-list .form-check-input{
	margin-left: 0;
	margin-right: 5px;
}
.checkbox-inline .form-check-input, .checkbox-list .form-check-input{
	margin-right: 10px;
	margin-top: 0;
}
.radio.radio-md > span {
	height: 21px;
	width: 21px;
}
.form-checkbox {
	padding-top:10px;
}
.form-checkbox2 {
	padding-top:7px;
}
*/

.relationship_details textarea {
	height:50px;
}