@font-face {
  font-family: 'BebasNeue';
  src: url("../../fonts/BebasNeueBold.eot?#iefix") format("embedded-opentype"), url("../../fonts/BebasNeueBold.otf") format("opentype"), url("../../fonts/BebasNeueBold.woff") format("woff"), url("../../fonts/BebasNeueBold.ttf") format("truetype"), url("../../fonts/BebasNeueBold.svg#BebasNeueBold") format("svg");
  font-weight: normal;
  font-style: normal;}

@font-face {
  font-family: 'ProximaNova-Regular';
  src: url("../../fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/ProximaNova-Regular.otf") format("opentype"), url("../../fonts/ProximaNova-Regular.woff") format("woff"), url("../../fonts/ProximaNova-Regular.ttf") format("truetype"), url("../../fonts/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg");
  font-weight: normal;
  font-style: normal;}

@font-face {
  font-family: 'ProximaNova-Light';
  src: url("../../fonts/proximanova-light-webfont.eot");
  src: url("../../fonts/proximanova-light-webfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/ProximaNova-Light.otf") format("opentype"), url("../../fonts/proximanova-light-webfont.woff") format("woff"), url("../../fonts/proximanova-light-webfont.woff2") format("woff2"), url("../../fonts/proximanova-light-webfont.ttf") format("truetype"), url("../../fonts/proximanova-light-webfont.svg#proximanova-light-webfont") format("svg");
  font-weight: normal;
  font-style: normal;}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;}

body { font-family: ProximaNova-Regular, sans-serif; }


        /* !!! TO BE REMOVED!!  for testing purposes only! !!! */
        /* !! Show/hide Grids !!*/
        /*.calendarWrapper {
          display: none;}*/
        /*#appliedGrid {
          display: none;}*/
        #castingGrid {
          display: none;}
        #shortlistGrid {
          display: none;}
        #finalCastGrid {
          display: none;}
        #declinedGrid {
          display: none;}
        /* !!! end of remove after testing !!! */


/*** BEGIN SHOW TITLE/SETTINGS BUTTON ***/
.title-settingsBtn {
  display: flex;
  justify-content: space-between;}
.title {
  display: flex;
  align-items: center;}
.title a img {
  margin-right: 27px;
  vertical-align: inherit;}
.title span {
  font-family: ProximaNova-Light;
  font-size: 3.6em;
  line-height: 0.5;
  text-align: left;
  color: #000000;}
.title span:first-of-type {
  font-family: ProximaNova-Regular;
  font-weight: bold;
  margin-right: 10px;}
.title span:last-of-type {
  font-size: 3em;}
.sort-settings {
  display: flex;
  align-items: flex-end;}
.sortBy {
  display: flex;
  align-items: baseline;
  height: 16px;
  color: #000000;}
.sortBy span {
  font-family: inherit;
  font-size: 12px;
  font-weight: bold;
  margin-right: 4px;
  text-transform: uppercase;}

/* Dropdown Styles for Sort Options */
    .sortDefault {
      display: flex;
      align-items: center;
      font-family: ProximaNova-Light;
      font-size: 16px;
      margin-right: 29px;
      border: none;
      background: transparent;
    }
    .sortDefault:after {
      content: "";
      display: block;
      background: url("/images/icons/ps-web-icon-arrow-down-black-small.png") no-repeat;
      float: right;
      width: 13px;
      height: 10px;
      margin-left: 6px;
      margin-top: 4px;
    }
    .btn-group.open .dropdown-toggle {
      box-shadow: none;
    }
    .dropdown-menu > li > a {
      font-family: ProximaNova-Light;
      font-size: 16px;
      color: #000000;
  }


#settings {
  display: flex;
  justify-content: space-around;
  font-size: 1.4em;
  width: 100px;
  height: 36px;
  margin-right: 10px;
  background-color: transparent;
  border: 1px solid #000000;
  border-radius: 3px;
  color: #000000;}

      /* !!! Make Title Font Small. For testing only !!! */
      @media screen and (max-width: 700px) {
        .title span {
          font-size: 1em;}
        .title span:last-of-type {
          font-size: 1em;}
      }
      /* !! End of testing !!*/

/*** END OF SHOW TITLE/SETTINGS BUTTON ***/


/*** BEGIN CASTING CONTAINER -------***/
.castingContainer {
  width: 100%;
  margin: 0 auto;
  margin-top: 65px;
  margin-bottom: 84px;
  /*min-width: 400px;
  max-width: 1160px;
  width: 78.17vw;*/
  padding: 0 3.5em;}

/* GRID SETTINGS */
.castingWrapper {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.2em;
  margin-top: 30px;
  margin: 0 auto;
  margin-top: 29px;}

@media screen and (min-width: 768px) {
  .castingWrapper {
    grid-template-columns: 280px 1fr;}
  }
/*** END OF CASTING CONTAINER --------***/


/*** BEGIN SIDEBAR --------------------------------------------------------***/
.sidebar .categoryTitle {
  display: block;
  font-family: ProximaNova-Light;
  font-size: 2.4em;
  line-height: 54px;
  text-decoration: none;
  padding: 16px 0 17px 0;
  border-top: 2px solid #e1e1e1;
  border-bottom: 2px solid #e1e1e1;
  color: #000000;}
.sidebar .categoryTitle li {
  list-style: none;
  cursor: pointer;}

/*.sidebar .postBtn a {
  display: block;
  background-color: #ba9bc9;
  border-radius: 3px;
  color: #fff;
  font-size: 2.4em;
  font-weight: 300;
  height: 54px;
  line-height: 54px;
  text-decoration: none;
  text-align: center;}*/

/* Begin Search  */
.search {
  padding: 27px 0 35px 0;
  border-top: 2px solid #e1e1e1;}

.search p {
  color: #000000;
  font-family: ProximaNova-Regular;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 18px;
  text-transform: uppercase;}

.search input {
  background-image: url(/images/icons/ps-web-icon-search-gray.png);
  background-repeat: no-repeat;
  background-position-x: 93%;
  background-position-y: 50%;
  height: 54px;
  font-size: 1.8em;
  font-family: ProximaNova-Light;
  padding-left: 1em;
  width: 100%;
  border: 1px solid #e1e1e1;
  color: #333;}
/* End of Search */


/* Begin View */
.sidebar .view {
  padding: 27px 0 20px 0;
  border-bottom: 2px solid #e1e1e1;}

.sidebar .view p:first-of-type {
  color: #000000;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 8px;
  text-transform: uppercase;}

.sidebar .view ul li {
  list-style: none;
  padding: 3px 0;}

.sidebar .view ul li a {
  color: #000000;
  font-family: ProximaNova-Light;
  font-size: 2.4em;
  text-decoration: none;}

.sidebar .view ul li a:hover {
  text-decoration: none;
  color: #000000;}

.sidebar .view ul li:last-child {
  margin-top: 27px;}

.selected {
  color: #ba9bc9 !important;
  font-family: ProximaNova-Light;
  /*font-size: 2.4em;*/}
.selected, .selected:active, .selected:visited {
  text-decoration: none;
}
/* End of View*/


/* Begin Filter Role */
.filterRole {
  border-bottom: 2px solid #e1e1e1;}

.filterRole p {
  font-family: ProximaNova-Regular;
  font-size: 1.2em;
  font-weight: bold;
  padding-top: 27px;
  text-transform: uppercase;
  color: #000000;}

.filterRole div:last-of-type {
  padding-bottom: 26px;}

.filterRole ul li {
  list-style: none;
  cursor: pointer;}

.roleLabel {
  font-family: ProximaNova-Light;
  font-size: 1.6em;
  font-weight: 300;
  text-transform: capitalize;
  color: #000000;}

    /* Checkbox Styles */
    [type="checkbox"]:not(:checked), [type="checkbox"]:checked {
      position: absolute;
      left: -9999px;}
    .requirementsContainer input {
      width: 100%;
      padding-left: 15px;}
    [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
      position: relative;
      padding: 5px 0 6px 40px;
      cursor: pointer;}
    .filterRole [type="checkbox"]:not(:checked) + label:before, .productInfo [type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 30px;
      height: 30px;
      border: 1px solid #e1e1e1;
      background: white;
      border-radius: 50px;}
    [type="checkbox"]:not(:checked) + label:after {
      opacity: 0;
      -webkit-transform: scale(0);
      transform: scale(0);}
    .filterRole [type="checkbox"]:not(:checked) + label:after, .productInfo [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
      content: '';
      position: absolute;
      top: 7px;
      left: -2px;
      background: #ba9bc9;
      margin-left: 9px;
      width: 16px;
      height: 16px;
      transition: all .2s;
      border: none;
      border-radius: 50px;}
/* End of Filter Role */


/* Additional Filters */
.additionalFilters {
  padding: 37px 0 35px 0;
  border-bottom: 2px solid #e1e1e1;}

.additionalFilters select {
  font-family: ProximaNova-Light;
  font-size: 2.4em;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  cursor: pointer;
  background-color: transparent;}

.additionalFilters select option {
  font-size: .7em;}
/* End of Additional Filters */


/* Begin Delete Audition */
.sidebar #deleteAudition {
  margin-top: 24px;}

.sidebar #deleteAudition p {
  display: inline-block;
  font-family: ProximaNova-Light;
  font-size: 1.6em;
  margin: 0 0 16 0;
  cursor: pointer;
  color: #959595;}
/*End of Delete Audition*/


      /* !Mobile Slide Out Menu For Filters! */
      #filtersSlideMobile {
        display: flex;
        align-items: center;
        height: 88px;
        margin-left: 0;
        border-bottom: 2px solid #e1e1e1; }

      #filtersSlideMobile button {
        display: flex;
        align-items: center;
        margin: 0; }

      #filtersSlideMobile img {
        background: black;
        border: 1px solid black; }

      #filtersSlideMobile span {
        color: #000000;
        font-family: ProximaNova-Light;
        font-size: 2.4em;
        margin-left: 8px;
        text-decoration: none; }

      @media screen and (max-width: 767px) {
        .view, .filterRole {
          display: none;
        }
      }
      @media screen and (min-width: 768px) {
        #filtersSlideMobile {
          display: none;
        }
      }

      /*CODE FOR MOBILE DRAWER NAVIGATION*/
      .sidebarMobileDrawer {
        display: block;
        height: 100%;
        position: fixed;
        width: 316px;
        top: 0;
        left: -316px;
        background-color: white;
        z-index: 10;
        color: black;
        font-size: 30px;
        overflow-y: scroll; }

      .sidebarMobileDrawer ul {
        margin-top: 66px;
        padding-left: 0; }

      .sidebarMobileDrawer li {
        list-style: none;
        font-family: ProximaNova-Regular, sans-serif;
        text-transform: uppercase;
        font-size: 14px;
        border-top: 1px solid lightgrey;
        position: relative;
        cursor: pointer; }

      .sidebarMobileDrawer a img {
        height: 32px;
        width: 32px;
        margin-right: 19px; }

      .sidebarMobileDrawer li a {
        display: block;
        padding: 24px 0 24px 27px;
        text-decoration: none; }

      .sidebarMobileDrawer .notALink {
        padding: 24px 0 24px 27px; }

      .sidebarMobileDrawer .addBorder {
        border-bottom: 1px solid lightgrey; }

      .closeSidebarDrawer {
        position: absolute;
        top: 5px;
        right: 18px;
        cursor: pointer;
        font-size: 43px;
        text-align: right;
        width: 57px; }

      .sidebarDarkOverlay {
        height: 100%;
        width: 100%;
        z-index: 9;
        position: fixed;
        display: none;
        opacity: 0;
        transition: opacity .3s;
        top: 0;
        background-color: black; }

      /*.sidebarMobileDrawer .creditDropdownItem, .sidebarMobileDrawer .userDropdownItem {
        display: none; }

      .sidebarMobileDrawer .creditDropdownItem {
        padding-left: 58px; }
        @media (min-width: 786px) {
          .sidebarMobileDrawer .creditDropdownItem:hover {
            color: #ba9bc9; } }

      .sidebarMobileDrawer .userDropdownItem a {
        padding-left: 58px; }*/

      .sidebarDarkOverlay.sidebarOverlayActive {
        display: block;
        opacity: .7;
        transition: opacity .3s;
        overflow: hidden; }

      .noScroll {
        overflow: hidden; }

/*** END SIDEBAR -----------------------------------------------------------***/



/*** BEGIN MAIN CONTENT GRID -----------------------------------------------***/

/* BEGIN TIMES & AVAILABILITY */

#availableCalendar {
  min-height: 380px;
  padding: 36px 46px 35px 46px;
  background: #fff;
}

/* Full Calendar Theme Styles */
 #availableCalendar .fc-scroller.fc-time-grid-container {
   height: auto !important;
 }
#availableCalendar .fc-unthemed td.fc-today {
  background: transparent }

#availableCalendar .fc th {
  font-size: 15px;
  line-height: 30px;
  color: #000;
}
#availableCalendar .fc-ltr .fc-axis {
  font-family: Roboto, sans-serif;
  text-align: center;
}
#availableCalendar .fc .fc-axis {
  width: 50px;
  font-weight: normal;
}
#availableCalendar .fc-time-grid .fc-slats td {
  font-size: 1.24em;
  height: 2em;
  color: #333;
}
#availableCalendar .fc-event, #availableCalendar .fc-event:hover {
  border: none;
  color: #1A1A1A;
}
#availableCalendar .fc-time-grid-event .fc-time, #availableCalendar .fc-time-grid-event .fc-title,
#calendar .fc-time-grid-event.fc-short .fc-title {
  font-size: 1.62em;
  text-transform: capitalize;
}
#availableCalendar .fc-event .fc-bg {
  background: none;
  opacity: 1;
}
#availableCalendar hr.fc-divider {
  background: transparent;
  border: none;
  padding: 0;
}
#availableCalendar .fc-bgevent {
  opacity: 1;
}
#availableCalendar .fc-ltr .fc-time-grid .fc-event-container {
  margin: 0;
}

/*FOR TIME SLOTS NOT AVAILABLE */
#availableCalendar .fc-time-grid .fc-bgevent {
  display: flex;
  align-items: center;
  justify-content: center;
}


/* Center Event Text Verticle*/
#availableCalendar #availableCalendar .fc-time-grid-event.fc-short .fc-title {
  display: flex;
  align-items: center;
  height: 110%;
}
#availableCalendar .fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  line-height: 2;
}
#availableCalendar .fc-time-grid-event.fc-short .fc-content {
  padding-left: 4px;
}
/* END OF TIMES & AVAILABILITY*/



/* BEGIN USERS GRID */
.usersGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, 430px);
  grid-gap: 20px;
  max-width: 880px; }

@media screen and (max-width: 767px) {
  .usersGrid {
    grid-template-columns: 1fr; }
}

/*A Single User Box*/
.userContainer {
  display: flex;
  background-color: #ffffff;
  border: solid 1px #e1e1e1;
  /*max-width: 430px;*/
  height: 100%; }

.userContainer p {
  margin: 0; }

.userDetails {
  width: 100%; }

.headshot {
  margin: 18px 14px 18px 20px; }

.name-location {
  width: 87%;
  margin-right: 10px; }

@media screen and (max-width: 350px) {
  .name-location {
    width: 80%; }
}

@media screen and (min-width: 700px) {
  .name-location {
    width: 50%; }
}

.name-location-dateTime {
  display: flex;
  justify-content: space-between;
  margin: 20px 20px 6px 0; }

.name-location p:first-child {
  font-family: ProximaNova-Light;
  font-size: 1.76em;
  font-weight: bold;
  color: #ba9bc9; }

/*@media screen and ()
.name-location p:last-child {
  font-family: ProximaNova-Light;
  font-size: 1.37em;
  color: #959595;
}*/

.name-location-dateTime .dateTime span {
  font-family: ProximaNova-Light;
  font-size: 1.6em;
  color: #000000; }

.name-location-dateTime .dateTime span:last-child {
  font-weight: bold; }

/*Icons*/
.contact-notes {
  margin-bottom: 8px; }

.contact-notes a {
  margin-right: 7px;
  cursor: pointer; }

/*.contact-notes a:first-child {
  margin-right: 10px; }*/
/*End Icons*/

/*Resume Modal*/
#resumeModal .modal-footer {
  display: flex;
  justify-content: center;
}

/*Send Sides Modal*/
.sendSidesLabelWrapper {
  padding: 2px 0;
}
.sendSidesLabel {
  width: 11%;
  margin-left: -30px;
}
/*Buttons*/
.sides-declineBtns {
  margin-bottom: 8px; }

.sides-declineBtns button {
  font-family: ProximaNova-Light;
  font-size: 1.37em;
  background-color: #ffffff;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  width: 100px;
  height: 36px;
  color: #959595; }

.sides-declineBtns button:first-child {
  border: 1px solid #ba9bc9;
  margin-right: 10px;
  color: #ba9bc9; }

@media screen and (max-width: 368px) {
  .sides-declineBtns button {
    width: 45%; }

  .sides-declineBtns #sendSidesBtn, .sides-declineBtns button:first-child {
    margin-right: 6px;}
}

@media screen and (min-width: 369px) and (max-width: 419px) {
  .sides-declineBtns button {
    width: 80px; }
}

#castBtn {
  background: #ba9bc9;
  color: #ffffff; }

#castedBtn {
  margin-right: 10px;
  border-color: #ba9bc9;
  color: #ba9bc9; }
/* End Buttons */

.forRole p {
  font-family: ProximaNova-Light;
  font-size: 1.17em;
  color: #959595;
}
.forRole p:last-child {
  padding-bottom: 8px;
}

/* Styles for Final Cast User Grid */
#finalCastUserDetails .name-location-dateTime {
  margin-top: 36px;
}
.castAsRole {
  margin-top: 24px;
}
.castAsRole span {
  font-family: ProximaNova-Light;
  font-size: 1.76em;
  color: #000000;
}
.castAsRole span:last-child {
  font-family: ProximaNova-Regular;
  font-weight: bold;
  margin-left: 5px;
}
/* END USERS GRID */

/* Send Cast List */
.sendCastList {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 880px;
  height: 90px;
  border: solid 1px #e1e1e1;
  background: #ffffff;
}
/* Set Review/Send Cast List Width For Tablet/Mobile */
@media screen and (max-width: 1311px) {
  .sendCastList {
    width: 100%;
  }
}
/* Review/Send Cast List Mobile Styles */
@media screen and (max-width: 414px) {
  .sendCastList {
    flex-direction: column;
    height: 100%;
    padding: 10px;
  }
}
.sendCastList span {
  font-family: ProximaNova-Light;
  font-size: 1.76em;
  margin-left: 72px;
  color: #959595;
}
.sendCastList span::before {
  content: url("/images/icons/ps-web-icon-alert.png");
  position: absolute;
  top: 28px;
  left: 24px;
}
.sendCastListBtn {
  padding: 10px 0;
}

@media screen and (max-width: 414px) {
  .sendCastList span {
    align-self: center;
    margin-left: 10px;
    width: 75%;
  }
  .sendCastList span:before {
    top: 13px;
    left: 13px;
  }
}
@media screen and (max-width: 375px) {
  .sendCastList span {
    margin-left: 50px;
    width: 85%;
  }
}

/* Button Styling */
.adminBtn {
  display: flex;
  justify-content: flex-end;
  margin-right: 18px;
}
.adminBtn a {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ba9bc9;
  font-family: ProximaNova-Regular;
  font-size: 15.7px;
  width: 130px;
  height: 54px;
  border-radius: 3px;
  color: #ffffff;
}
#sendSidesBtn {
  margin-right: 10px;
  background-color: #ba9bc9;
  color: white;
}
#declinedBtn {
  background-color: #e1e1e1;
}
#reconsider {
  border: solid 1px #e1e1e1;
  color: #959595;
}
#reconsider:active {
  background: #ffffff;
}


  /* MOBILE/TABLET RESPONSIVE */

  @media screen and (max-width: 357px) {
    .castingContainer {
      padding: 0 5px;
    }
    /*.title span {
      font-size: 2.5em;
    }*/
  }
  @media screen and (max-width: 375px) {
    .castingContainer {
      margin-top: 125px;
    }
  }
  /*@media screen and (min-width: 358px) and (max-width: 367px) {
    .title span {
      font-size: 2.9em;
    }
  }
  @media screen and (min-width: 368px) and (max-width: 399px) {
    .title span {
      font-size: 3em;
    }
  }*/
  @media screen and (max-width: 400px) {
    .showName-location, .applicants-Btns {
      font-size: 2.3vw;
      padding: 0 20px 0 20px;
    }
    .applicants-Btns .del-reactivateBtns a {
      width: 29.5vw;
    }
  }
  /*@media screen and (min-width: 400px) and (max-width: 428px) {
    .title span {
      font-size: 3.3em;
    }
  }*/
  @media screen and (min-width: 429px) and (max-width: 500px) {
    .title span {
      font-size: 3.6em;
    }
  }
  @media screen and (max-width: 445px) {
    .title {
      text-align: center;
    }
  }
  @media screen and (min-width: 330px) and (max-width: 600px) {
    .castingContainer {
      padding: 0 22px;
    }
  }
  @media screen and (min-width: 525px) and (max-width: 768px) {
    .sidebar .postBtn a {
      font-size: 3em;
    }
  }
  @media screen and (min-width: 769px) {
    /* GRID SETTINGS */
    .castingWrapper {
      display: grid;
      grid-template-columns: 280px 1fr;
      grid-gap: 2em;
      margin-top: 30px;
      margin: 0 auto;
      margin-top: 30px;
      margin-bottom: 15px;
    }
    .castingContainer {
      width: 62%;
      padding: 0;
    }
  }
  @media screen and (min-width: 769px) and (max-width: 1023px) {
    .castingContainer {
      width: 85%;
    }
  }
  @media screen and (min-width: 1024px) {
    .castingContainer {
      width: 90%;
    }
  }
  @media screen and (min-width: 1250px) {
    .castingContainer {
      max-width: 1190px;
    }
  }

  /* ----------- iPhone 6, 6S, 7 and 8 ----------- */
  /* Landscape */
  @media only screen
    and (min-device-width: 375px)
    and (max-device-width: 667px)
    and (-webkit-min-device-pixel-ratio: 2)
    and (orientation: landscape) {
      .castingWrapper {
        grid-template-columns: 1fr 1.8fr;
      }
  }
  /* ----------- iPhone 6+, 7+ and 8+ ----------- */
  /* Landscape */
  @media only screen
    and (min-device-width: 414px)
    and (max-device-width: 736px)
    and (-webkit-min-device-pixel-ratio: 3)
    and (orientation: landscape) {
      .castingWrapper {
        grid-template-columns: 1fr 2fr;
      }
  }

  /* ----------- iPad 1, 2, Mini and Air ----------- */
  /* Landscape */
  @media only screen
    and (min-device-width: 768px)
    and (max-device-width: 1024px)
    and (orientation: landscape)
    and (-webkit-min-device-pixel-ratio: 1) {
      .usersGrid {
        grid-template-columns: 1fr;
      }
  }
  /* ----------- iPad 3, 4 and Pro 9.7" ----------- */
  /* Portrait */
  @media only screen
    and (min-device-width: 768px)
    and (max-device-width: 1024px)
    and (orientation: portrait)
    and (-webkit-min-device-pixel-ratio: 2) {
      .usersGrid {
        grid-template-columns: 1fr;
      }
  }