.userCntr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.userCntr .form-control {
  height: 34px !important;
}
.userCntr .select2-container {
  width: 100% !important;
}
.userCntr .panel {
  margin-top: 5%;
  width: 600px;
}
.userCntr .panel .panel-footer {
  width: 100%;
  float: left;
  display: block;
}
.userCntr .panel .panel-footer div button {
  margin-left: 5px;
}
.form-group.required .control-label:after {
  content: " *";
  color: red;
}
.userCntr .panel .panel-heading,
.userCntr .panel .panel-footer {
  background-color: #7dbce3;
  color: #fff;
}
.saveUserBtn {
  background-color: #3e9bd5;
  color: white;
  border-color: #2d8fcd;
}
.saveUserBtn:hover {
  color: white;
  border-color: black;
}

/* CUSTOM */

.row-empty {
  background-color: rgba(255, 0, 0, 0.5) !important;
}

.row-empty td[class*=" sorting_"] {
  background-color: rgba(255, 0, 0, 0.1) !important;
}

.row-unactive {
  background-color: rgba(128, 128, 128, 0.5) !important; /* Grey color with 50% opacity */
}
.row-unactive td[class*=" sorting_"] {
  background-color: rgba(128, 128, 128, 0.1) !important; /* Lighter grey color with 10% opacity */
}
.row-unactive--red td[class*="online"] {
  color: rgb(255, 0, 0);
  font-weight: bold;
}
.row-unactive--green td[class*="online"] {
  color: darkgreen;
  font-weight: bold;
}
.row-max {
  background-color: rgb(255, 0, 0) !important;
}

.row-max td[class*=" sorting_"] {
  background-color: rgba(255, 0, 0, 0.609) !important;
}

.row-warning {
  background-color: rgb(255, 132, 0) !important;
}

.row-warning td[class*=" sorting_"] {
  background-color: rgba(255, 106, 0, 0.97) !important;
}

.about div {
	background-image: url(../img/icons/32x32/information.png) !important;
}

/* Password field eye icon positioning fix */
div.form table td:last-child {
	position: relative;
}

div.form table td:last-child input[type="password"],
div.form table td:last-child input[type="text"] {
	padding-right: 30px !important;
	display: block !important;
}

div.form table td:last-child .fa-eye,
div.form table td:last-child .fa-eye-slash {
	position: absolute !important;
	right: 8px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	margin-left: 0 !important;
	padding-right: 0 !important;
	display: inline-block !important;
	cursor: pointer;
	z-index: 10;
	width: auto !important;
	height: auto !important;
}