/* table#LawyerForm,  table#RecipientForm{
	margin-top:3em;

}


table#LawyerForm td, table#RecipientForm td{
	padding:0.2em;
}

table#sg  input{
	width:50px;
	}

td.helpNote{
padding:1em;
}

table#RecipientForm .radio,table#RecipientForm .check{
width:auto;
	}


.errorP{
	color: #f00;
	font-weight:bold;
	}

.td_error{
	border: 3px dotted #f00;
	}


form {
font-size:1em;
}

form input {
font-size:1em;
}



form div input {
clear:both;
}

form div input.text {
width:350px;
}

form div textarea {
margin-top:1em;
clear:both;
width:350px

}

form fieldset {
border:none;
border-top:1px solid #ccc;
margin-bottom:10px;
position:relative;
}

form fieldset div {
width:100%;
height:100%;
border:none;
margin:5px 0 5px 0;
}

form div p.help, form fieldset p.help {
position:absolute;
top:0; right:0;
background:#ff9;
padding:10px 5px 10px 5px;
margin:0;
width:200px;
} */

/*--------------- New UI CSS -----------------*/

#mergeFieldsTable{
	min-width: 1260px;
    max-width: max-content;
}

.form{
	min-width: 1260px;
    max-width: max-content;
}

div.error {
	color: #f00;
	margin: 15px 0;
	border: solid 1px #f00;
	padding: 5px;
	border-radius: 3px;
	background-color: #ff00001c;
  }
span.error{
	color: #f00;
	margin-left: 15px;
}

span.jsError{
	color: #f00;
	/* margin-left: 15px; */
	display:none;
}
.forms-group{
	border:1px solid #ccc;
	border-radius:3px;
	padding: 10px 20px 20px 20px;
	margin-bottom:20px;
	clear:both;
}
.form-section-title{
	font-size:1.3em;
	display: inline-block;
}
.form-header{
	margin-bottom: 20px;
}
.form-table{
	--bs-gutter-x: 0;
}
.form-table-header{
	background-color: rgb(40, 40, 40);
	color:#fff;
	font-weight:700;
}
.form-table-header th{
	padding: 10px 0 10px 10px;
}
.form-table-header>.bi{
	float:none;
}

.btn-link{
	text-decoration: none;
	background-color:unset;
}

 .btn-link:hover{
	text-decoration: underline;
}


.distribute-horizontal{
	display: flex;
	justify-content: space-between;
}

.form-title{
	font-size:1.45em;
	display:inline;
}
.form-header{
	margin-bottom: 20px;
}

.form-header div.form-check.form-switch{
	float:right;
}

.notesTextarea{
	height:100px;
}

.form-floating {
	position: relative;
	margin-bottom: 20px;
	/* width: 590px; */
  }

  #recip_note textarea{
	height: 200px;
  }

  .btn:focus {
	color: white;
	background-color: rgb(90,183,185);
	border: none;
	display: inline-block;
  }


  .bi::before, [class^="bi-"]::before, [class*=" bi-"]::before {
	vertical-align:0;
}

input[type=number] {
    width: 80px;
}

/*--------------------- START: Alerts -----------------*/
.alert-warning {
color: #664d03;
background-color: #fff3cd;
border-color: #ffbe00;
}

.alert-danger{
	display: block;
  }

.ErrorHelp{
display:none;
}
/*--------------------- END: Alerts -----------------*/


.switch-group{
	padding-top: 0.9em;
	display: inline-block;
	padding-right: 20px;
}


/*---------- START: 2way Switches ----------*/
.form-check.form-switch.switch-group-2way .form-check-input{
	margin: 0;
  }

  .form-switch.switch-group-2way{
	padding-left:0;
  }

  .switch-group-2way-left{
	display: inline-block;
	text-align: right;
	width: 180px;
  }
  .switch-group-2way-right{
	display: inline-block;
  }

  .switch-group-2way-input{
	display: inline-block;
	margin: -3px 5px;
  }
.greyedOut{
	color:#ccc;
}
/*---------- END: 2way Switches ----------*/

.disc{
	list-style-type: disc;
}
.circle{
	list-style-type: circle;
}

/*---------- START: Buttons --------------*/

.submit-btn{
	text-align:center;
	margin:15px;
}

/*------------ START: Date picker ------------*/
.datepicker-cell.selected, .datepicker-cell.selected:hover {
	background-color: rgb(90,183,185);
}



/*------------ START: Dropdown Selection Search ------------*/
.custom-select-container {
    cursor: pointer;
    position: relative;
}

.custom-dropdown {
    display: none;
    position: absolute;
    width: 100%;
   left: 0; /* Add this line to align the custom dropdown to the left */
    background-color: #fff;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    padding: 5px 0;
    border: 1px solid #ced4da;
}

/* .search-input {
    margin-bottom: 5px;
} */

.custom-option {
    padding: 5px 10px;
    cursor: pointer;
}

.custom-option:hover {
    background-color: #f1f1f1;
}
.dropdown-arrow {
    font-size: 18px;
    padding-left: 5px;
}

.custom-bucket-select-container {
    cursor: pointer;
    position: relative;
}

.custom-bucket-dropdown {
    display: none;
    position: absolute;
    width: 100%;
   left: 0; /* Add this line to align the custom dropdown to the left */
    background-color: #fff;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    padding: 5px 0;
    border: 1px solid #ced4da;
}

/* .search-input {
    margin-bottom: 5px;
} */

.custom-bucket-option {
    padding: 5px 10px;
    cursor: pointer;
}

.custom-bucket-option:hover {
    background-color: #f1f1f1;
}

/*------------------ ICONS ---------------------*/
.bi-x-circle {
    color: rgb(40,183,185);
    font-size: 1.3rem !important;
    /* float: right; */
}
.bi-file-earmark-text-fill{
	color: rgb(40,183,185);
	font-size: 1.3rem !important;
	/* float: right; */
}

.bi-send-x-fill{
	font-size: 1.3rem !important;
    color: rgb(255,0,0) !important;

}
/*---------- Draggable Select Options ----------------*/
.remove-icon{
	float: right;
}
#conatinerDiv.bi-x-circle, .individual-item .bi-x-circle {
    float: right;
}
 #searchDivDynamic {
display: inline-block;
vertical-align: top;
width: 200px;
padding: 10px;
border: 1px solid #ccc;
}
/*#searchDivDynamic input[type="text"] {
width: 100%;
padding: 5px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 3px;
}*/
#searchDivDynamic ul {
list-style: none;
margin: 0;
padding: 0;
max-height: 300px;
overflow-y: auto;
border: 1px solid #ccc;
border-radius: 3px;
}
#searchDivDynamic li {
padding: 5px;
cursor: pointer;
transition: background-color 0.2s ease;
}
#searchDivDynamic li:hover {
background-color: #f5f5f5;
}
/* #selectedDivDynamic {
display: inline-block;
vertical-align: top;
width: 400px;
height: 300px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 3px;
} */
#selectedDivDynamic div {
padding: 5px;
margin-bottom: 5px;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 3px;
}
/* .search-input{
border:none;
} */