.lightblue {
	background: #1a94de0f !important;
}

.tag-list {
  list-style: none;
  padding: 0;
  margin: 15px 0 0 0;
}

.tag {
  padding: 0px 5px;
  margin: 3px;
  font-size: 11px;
  color: white;
  border-radius: 4px;
}

/* Silent on Camera (SOC) */
.tag.\31 {
  background: #F244A1
}
/* Principal */
.tag.\32 {
  background: #8235FC
}
/* Actor */
.tag.\33 {
  background: #3C8BE6
}
/* Stunt Performer */
.tag.\34 {
  background: #F5302A
}
/* Stand-in */
.tag.\37 {
  background: #47D18A
}
/* Background Performer */
.tag.\38 {
  background: #F79525
}
/* Photo Double */
.tag.\39 {
  background: #83C3D0
}
/* Hand Model */
.tag.\31 0 {
  background: #3D2AD1
}
/* Special Skills Background */
.tag.\31 1 {
  background: #5CD184
}
/* Model */
.tag.\31 2 {
  background: #000000;
}

.text-center { text-align: center; }
.text-right { text-align: right; }

.input-icon {
	right: 2px !important;
	padding: 9px;
	border-radius: 50%;
	color: #fff !important;
	background-color: #1a94de;
	pointer-events: unset !important;
}
.input-icon:hover {
	cursor: pointer !important;
}

.image-container, .image-container img, .error-container, .loading-image {
	justify-content: center;
	align-content: center;
}
#uploadedFile, .hover {
	cursor: pointer !important;
}
.remove-avatar {
  position: absolute;
  color: #f6f6f6;
  font-size: 1.5rem;
  right: 0px;
}
.remove-avatar {
  text-shadow: 1px 1px #666;
}
.remove-avatar:hover {
  transition: 0.25s;
  scale: 1.2;
}

.blue-headline { background-color: #1a94de !important; }
.red-headline { background-color: #e03547 !important; }
.blue-headline, .red-headline {
	border-radius: 4px 4px 0 0;
	padding: 15px 30px !important;
	height: auto;
}
.blue-headline h3, .blue-headline h3 i,
.red-headline h3, .red-headline h3 i {
	color: #fff !important;
}

input.table-input {
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}

.button.btn-red { background-color: #e03547; }
.button.btn-green { background-color: #1aad75; }
.button.btn-grey { background-color: #8a8a8a; }

button.remove-user {
  color: red;
  margin: 0 !important;
}

button.edit-user {
  color: #1a94de;
}

button.add-user {
  color: green;
	margin: 0 0 0 -1.2px !important;
}

textarea.with-focus:hover,
input.with-focus:hover,
textarea.with-focus:focus,
input.with-focus:focus {
	transition: 0.3s !important;
	-webkit-box-shadow: 0px 0px 2px 2px rgba(26, 148, 222, 0.4) !important;
	box-shadow: 0px 0px 2px 2px rgba(26, 148, 222, 0.4) !important;
}

.error {
  color: red;
}
.success {
	color: green;
}
.green {
	background-color: #3AC772 !important;
}

.classic-bg { background: url(/static-3.2.3/images/layout/main-background-tile.png) repeat center; }

.headline h3, .blue-headline h3 { margin-bottom: 0; }

table.basic-table th:first-child { border-radius: 4px 0 0 0; }
table.basic-table th:last-child { border-radius: 0 4px 0 0; }

button,
input[type="button"],
input[type="file"],
.btn {
	cursor: pointer;
}

img {
	height: auto;
}

#sign-in-dialog {
	max-width: 540px !important;
}

.popup-tabs-container {
	overflow: auto;
}

.popup-tab-content {
	padding: 50px 35px 25px;
}

.avatar-wrapper .image-container {
	display: flex;
}

.bootstrap-select.open .dropdown-menu { display: block; }
.bootstrap-select:not(.open) .dropdown-menu { display: none; }

.formValError {
	color: red;
	font-size: 0.9em;
	line-height: 1.2em;
}
.formValError.raised {
	margin-top: -10px;
}

.formLabel {
	font-weight: bold;
	margin-bottom: 0;
}

.reqLabel:after {
	color: #f00;
	content: ' *';
	display: inline;
}

.logo-carousel.agency-logo-promo img {
	background-color: white;
	filter: grayscale(100%) opacity(60%);
}

.basic-table { position: relative; }
.basic-table th {
	top: 0;
	position: sticky;
	z-index: 1005;
}

.casting-table {
	max-height: 50vh !important;
	overflow: auto;
}
.user-table {
	max-height: 45vh !important;
	overflow: auto;
}

.burger-widget {
	height: 100%;
	line-height: 1.15;
}

.padding-15 { padding: 15px; }
.padding-20 { padding: 20px; }

/* Custom flex selectors, keep at bottom */
.flex-row, .flex-column {
	display: flex !important;
	box-sizing: border-box;
}
.flex-row { width: 100%; }
.flex-column { height: 100%; }

.flex-gap-4 { gap: 4px; }
.flex-gap-6 { gap: 6px; }
.flex-gap-8 { gap: 8px; }
.flex-gap-10 { gap: 10px; }
.flex-gap-12 { gap: 12px; }
.flex-gap-15 { gap: 15px; }
.flex-gap-20 { gap: 20px; }

.flex-gap-5p { gap: 5%; }
.flex-gap-10p { gap: 10%; }

.flex-row > .flex-item {
	box-sizing: border-box;
	width: 0 !important;
}
.flex-column > .flex-item {
	box-sizing: border-box;
	height: 0 !important;
}

.flex-1 { flex-grow: 1; }
.flex-2 { flex-grow: 2; }
.flex-3 { flex-grow: 3; }
.flex-4 { flex-grow: 4; }
.flex-5 { flex-grow: 5; }
/* End custom flex selectors */