:root {
  --color-black: #000000;
  --color-grey: #d5d5d5;
  --color-white: #ffffff;
  --color-red: #E31F26;
}

.jsPlayFinderSelectDropdown .chosen-container {
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: left;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.jsPlayFinderSelectDropdown .chosen-container-single .chosen-single {
  width: 81px;
  height: 30px;
  padding-top: 4px;
  position: relative;
  overflow: hidden;
  margin: 0;
  border-bottom: 1px solid var(--color-black);
  border-top: 1px solid var(--color-black);
  border-right: 1px solid var(--color-black);
  border-left: none;
  border-radius: 0;
  background-color: #efefef;
  color: var(--color-black);
  font-size: 12px;
  font-style: normal;
  background-clip: padding-box;
  text-decoration: none;
  white-space: nowrap;
  background-image: none;
}

#PlayFinder .chosen-container-single .chosen-single span {
  color: var(--color-black);
}

.jsPlayFinderSelectDropdown .chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/chosen-sprite.png") no-repeat 1px 9px;
}

.jsPlayFinderSelectDropdown
  .chosen-container-active.chosen-with-drop
  .chosen-single {
  border-top: 1px solid var(--color-black);
  border-bottom: 1px solid var(--color-black);
  border-right: 1px solid var(--color-black);
  border-left: none;
}

.jsPlayFinderSelectDropdown .chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
  top: 38px;
  padding-top: 5px;
  width: 92px;
}

.jsPlayFinderSelectDropdown .chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 40;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid var(--color-black);
  border-top: 0;
  background: var(--color-white);
}

.jsPlayFinderSelectDropdown .chosen-container-active .chosen-single {
  border-left: none;
}

.jsPlayFinderSelectDropdown .chosen-container-single .chosen-drop {
  margin: 0;
  background-clip: padding-box;
}

.jsPlayFinderSelectDropdown .chosen-container-single .chosen-single:hover {
  background-color: #eee;
}

.jsrefKEYDropdown .chosen-container {
  position: absolute;
  top: 0px;
  left: 0px;
  text-align: left;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.jsrefKEYDropdown .chosen-container-single .chosen-single {
  width: 111px;
  height: 30px;
  padding-top: 4px;
  position: relative;
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--color-black);
  border-radius: 0;
  background-color: #efefef;
  color: var(--color-black);
  font-size: 12px;
  font-style: normal;
  background-clip: padding-box;
  text-decoration: none;
  white-space: nowrap;
}

.jsrefKEYDropdown .chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/chosen-sprite.png") no-repeat 0px 9px;
}

.jsrefKEYDropdown .chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid var(--color-black);
}

.jsrefKEYDropdown .chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
  top: 38px;
  padding-top: 5px;
  width: 123px;
}

.jsrefKEYDropdown .chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 40;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid var(--color-black);
  border-top: 0;
  background: var(--color-white);
}

.jsrefKEYDropdown .chosen-container-single .chosen-drop {
  margin: 0;
  background-clip: padding-box;
}

.jsPlayFinderAllDropdown .chosen-container {
  position: absolute;
  left: 0px;
  top: 0px;
}

.jsPlayFinderAllDropdown .chosen-container-single .chosen-single {
  position: relative;
  border: 1px solid var(--color-black);
  border-radius: 0;
  background: rgba(245, 245, 245, 0.8);
  font-size: 12px;
  font-style: normal;
  height: 32px;
  width: 207px;
  background-color: var(--color-white);
  padding: 0 0 0 7px;
  margin: 0;
  background-clip: padding-box;
  text-decoration: none;
  white-space: nowrap;
  line-height: 32px;
}

.jsPlayFinderAllDropdown
  .chosen-container-active.chosen-with-drop
  .chosen-single {
  border: 1px solid var(--color-black);
  margin: 0;
}

.jsPlayFinderAllDropdown .chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
  top: 33px;
  padding-top: 5px;
  width: 216px;
  border: 1px solid var(--color-black);
}

.jsPlayFinderAllDropdown .chosen-container .chosen-drop {
  z-index: 41;
}

.jsPlayFinderAllDropdown .chosen-container-single .chosen-drop {
  margin: 0;
  background-clip: padding-box;
}

.jsPlayFinderAllDropdown1 .chosen-container {
  position: absolute;
  left: 0px;
  top: 0px;
}

.jsPlayFinderAllDropdown1 .chosen-container-single .chosen-single {
  position: relative;
  border: 1px solid var(--color-black);
  border-radius: 0;
  background: rgba(245, 245, 245, 0.8);
  font-size: 12px;
  font-style: normal;
  height: 32px;
  width: 207px;
  background-color: var(--color-white);
  padding: 0 0 0 7px;
  margin: 0;
  background-clip: padding-box;
  text-decoration: none;
  white-space: nowrap;
  line-height: 32px;
}

.jsPlayFinderAllDropdown1
  .chosen-container-active.chosen-with-drop
  .chosen-single {
  border: 1px solid var(--color-black);
  margin: 0;
}

.jsPlayFinderAllDropdown1 .chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
  top: 33px;
  padding-top: 5px;
  width: 216px;
  border: 1px solid var(--color-black);
}

.jsPlayFinderAllDropdown1 .chosen-container .chosen-drop {
  z-index: 40;
}

.jsPlayFinderAllDropdown1 .chosen-container-single .chosen-drop {
  margin: 0;
  background-clip: padding-box;
}

.jsPlayFinderTotalDropdown .chosen-container {
  height: 36px;
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: middle;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-border-radius: 0;
}

.jsPlayFinderTotalDropdown .chosen-container-single .chosen-single {
  position: relative;
  display: block;
  border: 1px solid var(--color-black);
  border-radius: 0;
  background: rgba(245, 245, 245, 0.8);
  font-size: 12px;
  font-style: normal;
  height: 32px;
  width: 63px;
  background-color: var(--color-white);
  padding: 0 0 0 7px;
  margin: 0;
  background-clip: padding-box;
  text-decoration: none;
  white-space: nowrap;
  line-height: 32px;
}

.jsPlayFinderTotalDropdown
  .chosen-container-active.chosen-with-drop
  .chosen-single {
  border: 1px solid var(--color-black);
  margin: 0;
}

.jsPlayFinderTotalDropdown .chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
  top: 33px;
  padding-top: 5px;
  width: 72px;
  border: 1px solid var(--color-black);
}

.jsPlayFinderTotalDropdown .chosen-container .chosen-drop {
  z-index: 40;
}

.jsPlayFinderTotalDropdown .chosen-container-single .chosen-drop {
  margin: 0;
  background-clip: padding-box;
}

.jsPlayFinderMaleDropdown .chosen-container {
  height: 36px;
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: middle;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-border-radius: 0;
}

.jsPlayFinderMaleDropdown .chosen-container-single .chosen-single {
  position: relative;
  display: block;
  border: 1px solid var(--color-black);
  border-radius: 0;
  background: rgba(245, 245, 245, 0.8);
  font-size: 12px;
  font-style: normal;
  height: 32px;
  width: 51px;
  background-color: var(--color-white);
  padding: 0 0 0 7px;
  margin: 0;
  background-clip: padding-box;
  text-decoration: none;
  white-space: nowrap;
  line-height: 32px;
}

.jsPlayFinderMaleDropdown
  .chosen-container-active.chosen-with-drop
  .chosen-single {
  border: 1px solid var(--color-black);
  margin: 0;
}

.jsPlayFinderMaleDropdown .chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
  top: 33px;
  padding-top: 5px;
  width: 60px;
  border: 1px solid var(--color-black);
}

.jsPlayFinderMaleDropdown .chosen-container .chosen-drop {
  z-index: 40;
}

.jsPlayFinderMaleDropdown .chosen-container-single .chosen-drop {
  margin: 0;
  background-clip: padding-box;
}

.jsPlayFinderFemaleDropdown .chosen-container {
  height: 36px;
  position: absolute;
  top: 0;
  left: 0;
  vertical-align: middle;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-border-radius: 0;
}

.jsPlayFinderFemaleDropdown .chosen-container-single .chosen-single {
  position: relative;
  display: block;
  border: 1px solid var(--color-black);
  border-radius: 0;
  background: rgba(245, 245, 245, 0.8);
  font-size: 12px;
  font-style: normal;
  height: 32px;
  width: 51px;
  background-color: var(--color-white);
  padding: 0 0 0 7px;
  margin: 0;
  background-clip: padding-box;
  text-decoration: none;
  white-space: nowrap;
  line-height: 32px;
}

.jsPlayFinderFemaleDropdown
  .chosen-container-active.chosen-with-drop
  .chosen-single {
  border: 1px solid var(--color-black);
  margin: 0;
}

.jsPlayFinderFemaleDropdown .chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
  top: 33px;
  padding-top: 5px;
  width: 60px;
  border: 1px solid var(--color-black);
}

.jsPlayFinderFemaleDropdown .chosen-container .chosen-drop {
  z-index: 40;
}

.jsPlayFinderFemaleDropdown .chosen-container-single .chosen-drop {
  margin: 0;
  background-clip: padding-box;
}

/*playfinder*/
input.PFsquarebuttons {
  position: relative;
  top: 0;
  font-size: 18px;
  border: none;
  padding: 12px 30px;
  background-color: var(--color-red);
  color: var(--color-white);
  cursor: pointer;
}

input.PFsquarebuttons:hover {
  background-color: var(--color-black);
}

#PlayFinder {
  position: relative;
  float: left;
  margin-top: 25px;
  left: 15px;
  border: 1px solid var(--color-black);
  width: 245px;
  height: 460px;
  white-space: nowrap;
  text-align: center;
}

.playfinderhead {
  position: relative;
  left: 0;
  top: 20px;
  color: var(--color-black);
  font-size: 23px;
  line-height: 22px;
  white-space: nowrap;
  padding-bottom: 40px;
}

.playfindersub {
  text-align: left;
  color: var(--color-black);
  font-size: 12px;
  padding: 0 20px 0 7px;
  overflow: hidden;
}

#PlayFinderInput {
  -webkit-border-radius: 0;
}

.PlayFinderInput::-ms-clear {
  display: none;
}

input::-webkit-input-placeholder {
  color: #444;
}

input:focus::-webkit-input-placeholder {
  color: var(--color-black);
}

input:-moz-placeholder {
  color: #444;
}
input:focus:-moz-placeholder {
  color: var(--color-black);
}

input::-moz-placeholder {
  color: #444;
}

input:focus::-moz-placeholder {
  color: var(--color-black);
}

input:-ms-input-placeholder {
  color: #444;
}
input:focus:-ms-input-placeholder {
  color: var(--color-black);
}

#PlayFinderInput {
  position: absolute;
  top: 73px;
  left: 15px;
  width: 123px;
  height: 36px;
  border-left: 1px solid var(--color-black);
  border-top: 1px solid var(--color-black);
  border-bottom: 1px solid var(--color-black);
  border-right: none;
}

.PlayFinderInput {
  float: left;
  background-color: transparent;
  width: 107px;
  text-align: left;
  padding: 12px 12px 8px 8px;
  color: #777;
  border: none;
  font-size: 12px;
}

.jsPlayFinderSelectDropdown {
  position: absolute;
  top: 73px;
  left: 139px;
  text-align: left;
  z-index: 15;
}

.jsPlayFinderSelectDropdown select {
  display: none;
}

.jsrefKEYDropdown {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  z-index: 15;
}

.jsrefKEYDropdown select {
  display: none;
}

.jsPlayFinderAllDropdown {
  position: absolute;
  top: 157px;
  left: 15px;
  text-align: left;
  z-index: 10;
  border: 0px;
}

.jsPlayFinderAllDropdown select {
  display: none;
}

.jsPlayFinderAllDropdown1 {
  position: absolute;
  top: 233px;
  left: 15px;
  text-align: left;
  z-index: 9;
  border: 0px;
}

.jsPlayFinderAllDropdown1 select {
  display: none;
}

.jsPlayFinderTotalDropdown {
  position: absolute;
  top: 311px;
  left: 159px;
  text-align: left;
  z-index: 5;
}

.jsPlayFinderTotalDropdown select {
  display: none;
}

.jsPlayFinderMaleDropdown {
  position: absolute;
  top: 311px;
  left: 15px;
  text-align: left;
  z-index: 5;
}

.jsPlayFinderMaleDropdown select {
  display: none;
}

.jsPlayFinderFemaleDropdown {
  position: absolute;
  top: 311px;
  left: 87px;
  text-align: left;
  z-index: 5;
}

.jsPlayFinderFemaleDropdown select {
  display: none;
}

.type {
  position: relative;
  left: 15px;
  display: block;
  text-align: left;
  margin-top: 73px;
  font-weight: bold;
  color: var(--color-black);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
}

.genre {
  position: relative;
  left: 15px;
  display: block;
  text-align: left;
  margin-top: 59px;
  font-weight: bold;
  color: var(--color-black);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
}

.castbreakdown {
  position: relative;
  left: 15px;
  display: block;
  text-align: left;
  padding: 61px 0 77px 1px;
  font-weight: bold;
  color: var(--color-black);
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
}

.men {
  padding-left: 0;
  padding-bottom: 57px;
  overflow: hidden;
}

.women {
  padding-left: 50px;
  padding-bottom: 57px;
  overflow: hidden;
}

.totalcast {
  padding-left: 28px;
  padding-bottom: 57px;
  overflow: hidden;
}

#indexpage .jsPlayFinderSelectDropdown .chosen-container {
  top: -1px;
}

#indexpage .jsPlayFinderSelectDropdown {
  height: 36px;
  width: 91px;
  border-right: 1px solid var(--color-black);
  border-top: 1px solid var(--color-black);
  border-bottom: 1px solid var(--color-black);
  border-left: none;
}

#indexpage .jsPlayFinderAllDropdown .chosen-container {
  left: 0;
  top: -1px;
}

#indexpage .jsPlayFinderAllDropdown {
  height: 32px;
  width: 214px;
}

#indexpage .jsPlayFinderAllDropdown1 .chosen-container {
  left: 0;
  top: -1px;
}

#indexpage .jsPlayFinderAllDropdown1 {
  height: 32px;
  width: 214px;
}

#indexpage .jsPlayFinderTotalDropdown .chosen-container {
  top: -1px;
  left: -1px;
}

#indexpage .jsPlayFinderTotalDropdown {
  border: 1px solid var(--color-black);
  height: 32px;
  width: 70px;
}

#indexpage .jsPlayFinderMaleDropdown .chosen-container {
  top: -1px;
  left: -1px;
}

#indexpage .jsPlayFinderMaleDropdown {
  border: 1px solid var(--color-black);
  height: 32px;
  width: 58px;
}

#indexpage .jsPlayFinderFemaleDropdown .chosen-container {
  top: -1px;
  left: -1px;
}

#indexpage .jsPlayFinderFemaleDropdown {
  border: 1px solid var(--color-black);
  height: 32px;
  width: 58px;
}

/*single*/
.jsPlayFinderSelectDropdown .chosen-container {
  top: -1px;
}

.jsPlayFinderSelectDropdown {
  height: 36px;
  width: 91px;
  border-right: 1px solid var(--color-black);
  border-top: 1px solid var(--color-black);
  border-bottom: 1px solid var(--color-black);
  border-left: none;
}
.jsPlayFinderAllDropdown .chosen-container {
  left: 0;
  top: -1px;
}

.jsPlayFinderAllDropdown {
  height: 32px;
  width: 214px;
}

.jsPlayFinderAllDropdown1 .chosen-container {
  left: 0;
  top: -1px;
}

.jsPlayFinderAllDropdown1 {
  height: 32px;
  width: 214px;
}

.jsPlayFinderTotalDropdown .chosen-container {
  top: -1px;
  left: -1px;
}

.jsPlayFinderTotalDropdown {
  border: 1px solid var(--color-black);
  height: 32px;
  width: 70px;
}

.jsPlayFinderMaleDropdown .chosen-container {
  top: -1px;
  left: -1px;
}

.jsPlayFinderMaleDropdown {
  border: 1px solid var(--color-black);
  height: 32px;
  width: 58px;
}

.jsPlayFinderFemaleDropdown .chosen-container {
  top: -1px;
  left: -1px;
}

.jsPlayFinderFemaleDropdown {
  border: 1px solid var(--color-black);
  height: 32px;
  width: 58px;
}

#PlayFinder .chosen-container .chosen-results li.highlighted {
  background-color: var(--color-black);
  background-image: none;
  color: #fff;
}