.section-content-center{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-content: center;
}

#content > .container-fluid {padding-bottom:80px;}

table thead {background-color: rgba(65, 40, 91, 0.2);}
table.dataTable tr.selected td:first-of-type::after {
		content: "✔";
		top: 0 !important;
		left: 0px !important;
		margin-top:0px !important;
		margin-left:-13px !important;
		text-align: center;
		text-shadow: rgb(176, 190, 217) 1px 1px, rgb(176, 190, 217) -1px -1px, rgb(176, 190, 217) 1px -1px, rgb(176, 190, 217) -1px 1px;
	}

.primary-text {color:#36b9cc;}
.green-text {color:green;}
.red-text {color:#e74a3b;}

.modal-xl {max-width:90%;}

td .select2-container--default:first-of-type{width:100% !important;}
td .select2-container--default:not(:first-of-type){display:none !important;}

input.danger, select.danger {
	border-width: 1px 1px 1px 5px !important;
	border-color: #e4b9b9 !important;
}

.img-responsive {max-width:100%;max-height:100%;}
.form-ok { width:100%;border:2px solid green;margin:10px 0;padding:10px;display:none; }
.form-error { width:100%;border:2px solid red;margin:10px 0;padding:10px;display:none; }
.form-ok p, .form-error p { font-weight:400;margin:0; }
#changePwd ul {list-style:none;text-align:left;}
/* Add a green text color and a checkmark when the requirements are right */
.valid {
  color: green;
}
#newPwd2-txt {display:none;font-weight:normal;width:100%;color:red;text-align:center;}
.valid:before {
  position: relative;
  left: -35px;
  content: "\2713";
}
/* Add a red text color and an "x" icon when the requirements are wrong */
.invalid {
  color: red;
}
.invalid:before {
  position: relative;
  left: -35px;
  content: "\2718";
}