.modal {
	margin: -325px 0 0 -280px;
}
.modal-body {
	max-height: 550px;
}

/**********************************LABEL OF TASK STATUS**********************************/
#tasks-table td{
  white-space: nowrap
}

.task-dialog.modal {
	margin: -320px 0 0 -450px;
}

.label-task-status{
    background-color: #468847;
}

.label-task-status:hover {
    background-color: #356635;
}
.label-in-progress{
    background-color: #468847;
}

.label-in-progress:hover {
    background-color: #356635;
}

.label-new{
	background-color: #b94a48;
}
.label-new:hover {
    background-color: #953b39;
}


.label-assigned {
    background-color: #b94a48;
}

.label-assigned:hover {
    background-color: #953b39;
}


.Task_status option:disabled, select[disabled] > option {
  background-color: #eeeeee;
}

.Verified{
	background-color: orange;
}

.Unverified{
	background-color: #b94a48;
}
.Active{
	background-color: #468847;
}
.brokerbtn{
	margin-left: 10px;
}

.dataTables_filter  label input{
	display: inline;
}
.dataTables_length label select{
	display: inline;
}

/******************************** Change Password **************************/

/* The message box is shown when the user clicks on the password field */
#pwd_change_message {
	display:none;
	background: #f1f1f1;
	color: #000;
	position: relative;
	padding: 20px;
	margin-top: 10px;
}

#pwd_change_message p {
	padding: 10px 35px;
	font-size: 18px;
}

/* Add a green text color and a checkmark when the requirements are right */
.valid {
	color: green;
}

.valid:before {
	position: relative;
	left: -35px;
	content: "✔";
}

/* Add a red text color and an "x" icon when the requirements are wrong */
.invalid {
	color: red;
}

.invalid:before {
	position: relative;
	left: -35px;
	content: "✖";
}