.mb-big {
  margin-bottom: 4.5rem !important; }

.mb-med {
  margin-bottom: 3rem !important; }

.mb-sml {
  margin-bottom: 1.5rem !important; }

.mb-mini {
  margin-bottom: .5rem !important; }

.mt-sml {
  margin-top: 1.5rem !important; }

.mt-med {
  margin-top: 3rem !important; }

.mt-big {
  margin-top: 4.5rem !important; }

.ml-sml {
  margin-left: 1rem !important; }

.ml-mini {
  margin-left: .5rem !important; }

.mr-sml {
  margin-right: 1rem !important; }

.mr-mini {
  margin-right: .5rem !important; }

.fillwidth {
  width: 100%; }

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: inherit; }

html {
  box-sizing: border-box;
  font-size: 62.5%;
  height: 100%;
  min-width: 850px;
  /*
    @media screen and (max-width: $bp-largest) {
        font-size: 50%; // 1 rem = 8px
    }
    
    @media screen and (max-width: $bp-large) {
        font-size: 37.5%; // 1 rem = 8px
    }
    */ }

body {
  font-family: "Montserrat", sans-serif;
  background-color: #ede5ef;
  color: #291231; }

.container {
  display: grid;
  grid-template-rows: 5.3rem auto 5.3rem;
  grid-template-columns: [sidenav-start] 15rem [sidenav-end full-start] 6rem [main-start] repeat(8, [col-start] minmax(min-content, 1fr) [col-end]) [main-end] 6rem [full-end]; }

.header {
  grid-column: sidenav-start / full-end;
  grid-row: 1 / 2;
  background-color: #1b0c21;
  display: grid;
  grid-template-columns: 20rem 1fr;
  align-items: stretch; }
  .header__logo {
    padding-top: 3px;
    padding-left: 3px;
    width: 15rem; }

.headernav {
  list-style: none;
  display: grid;
  grid-template-rows: max-content;
  grid-template-columns: repeat(4, 12.08rem);
  align-items: center;
  justify-content: end; }
  .headernav__link:link, .headernav__link:visited {
    font-size: 1.2rem;
    color: #fff;
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    text-align: center;
    padding: 1.8rem;
    display: block;
    transition: all .2s; }
  .headernav__link:hover, .headernav__link:active {
    transform: translateY(-2px);
    background-color: #441e51; }

.footer {
  grid-column: sidenav-start / full-end;
  background-color: #1b0c21;
  z-index: 100;
  display: grid;
  grid-template-columns: repeat(3, auto);
  align-items: center;
  justify-content: center; }
  .footer__text {
    font-family: "Open Sans", sans-serif;
    text-align: center;
    padding: 1.8rem;
    display: block;
    font-size: 1.2rem;
    color: #fff; }

.nav-main-wrapper {
  grid-column: sidenav-start / full-end;
  grid-row: 2 / 3;
  height: calc(100vh - 10.6rem);
  display: grid;
  grid-template-columns: 15rem 1fr;
  grid-gap: 1rem;
  background-color: #ede5ef; }

.sidenav {
  grid-column: 1 / 2;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #c8b1d0;
  height: 100%; }
  .sidenav__item {
    display: flex;
    flex-direction: column;
    width: 15rem;
    height: 7rem;
    justify-content: center; }
  .sidenav__link:link, .sidenav__link:visited {
    font-size: 1.4rem;
    font-weight: 700;
    color: #0e0610;
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    text-align: center;
    display: block;
    transition: all .2s; }
  .sidenav__link:hover, .sidenav__link:active {
    background-color: #ede5ef;
    transform: translateY(-3px);
    box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.4);
    z-index: 10; }
  .sidenav__icon {
    width: 2.2rem;
    height: 2.2rem;
    margin-bottom: .75rem;
    fill: #ede5ef;
    align-self: center; }
  .sidenav .selected {
    background-color: #ede5ef; }

.btn {
  background-color: #1b0c21;
  color: #fff;
  border: none;
  border-radius: 7px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.5rem;
  text-transform: uppercase;
  padding: 1.2rem 6rem;
  cursor: pointer;
  transition: all .2s;
  text-decoration: none; }
  .btn:hover {
    background-color: #441e51;
    transform: translateY(-3px);
    box-shadow: 0 1.5rem 2rem rgba(0, 0, 0, 0.6); }
  .btn:focus {
    outline: none; }

.minibtn {
  background-color: #1b0c21;
  color: #fff;
  border: none;
  border-radius: 7px;
  font-family: "Open Sans", sans-serif;
  font-size: 1.2rem;
  text-transform: uppercase;
  padding: .5rem 2rem;
  cursor: pointer;
  transition: all .2s;
  text-decoration: none;
  align-self: flex-start;
  margin-top: 2px; }
  .minibtn__convbtn {
    width: 8rem; }
  .minibtn__addrem {
    width: 10.5rem; }
  .minibtn:hover {
    background-color: #441e51;
    transform: translateY(-2px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.6); }
  .minibtn:focus {
    outline: none; }

/* Scrollbar Formatting */
::-webkit-scrollbar {
  width: 12px; }

/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px; }

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #c8b1d0;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); }

::-webkit-scrollbar-thumb:window-inactive {
  background: #dacbe0; }

.heading-1, .heading-2, .heading-3, .heading-3-l, .heading-4 {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  display: block; }

.heading-1 {
  font-size: 4.5rem;
  line-height: 1;
  text-transform: capitalize;
  display: block; }
  .heading-1__light {
    color: #dacbe0; }
  .heading-1__dark {
    color: #1b0c21; }
  .heading-1__about {
    margin-top: 2rem;
    margin-bottom: 2rem; }

.heading-2 {
  font-size: 3.5rem;
  align-self: center; }
  .heading-2__light {
    color: #dacbe0; }
  .heading-2__dark {
    color: #1b0c21; }
  .heading-2__contact {
    width: 40rem;
    margin-bottom: 4rem; }
  .heading-2__hidden {
    visibility: hidden; }

.heading-3 {
  font-size: 1.6rem;
  text-transform: uppercase; }
  .heading-3__light {
    color: #dacbe0; }
  .heading-3__dark {
    color: #1b0c21; }
  .heading-3__hero {
    margin-left: 3rem;
    margin-top: 2rem; }

.heading-3-l {
  font-size: 1.6rem; }
  .heading-3-l__light {
    color: #dacbe0; }
  .heading-3-l__dark {
    color: #1b0c21; }
  .heading-3-l__hero {
    margin-left: 3rem;
    margin-top: 2rem; }

.heading-4 {
  font-size: 2rem; }
  .heading-4__light {
    color: #dacbe0; }
  .heading-4__dark {
    color: #1b0c21; }
  .heading-4-i {
    font-style: italic; }
  .heading-4__about {
    text-align: justify;
    margin-left: 10rem;
    margin-right: 10rem;
    margin-bottom: 2rem; }

.dbform {
  align-self: center;
  justify-content: center; }
  .dbform__group {
    border-radius: 7px;
    background-color: #c8b1d0;
    padding: .5rem; }
    .dbform__group-checkbox {
      height: 3.5rem; }
    .dbform__group-flexrow {
      display: flex;
      flex-direction: row; }
  .dbform .half-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem; }
  .dbform .citystatezip-split {
    display: grid;
    grid-template-columns: 1fr 100px 150px;
    grid-gap: .5rem; }
  .dbform .cellfaxwork-split {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: .5rem; }
  .dbform__input {
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    color: #000;
    padding: .5rem 1rem;
    border-radius: 7px;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.2);
    border: none;
    border-bottom: 3px solid transparent;
    width: 100%;
    display: block;
    transition: all .3s; }
    .dbform__input-date {
      width: 10rem;
      text-align: center; }
    .dbform__input:focus {
      outline: none;
      border-bottom: 3px solid #6c3082; }
    .dbform__input:focus:invalid {
      border-bottom: 3px solid #red; }
    .dbform__input::-webkit-input-placeholder {
      color: #dacbe0; }
  .dbform__textarea {
    resize: none; }
  .dbform__label {
    font-size: 1.1rem;
    font-weight: 600;
    margin-left: 1rem;
    margin-top: .1rem;
    display: block;
    transition: all .3s;
    text-transform: uppercase; }
  .dbform__checklabel {
    font-size: 1.1rem;
    font-weight: 500;
    transition: all .3s; }
  .dbform__input:placeholder-shown + .dbform__label {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4rem); }
  .dbform__select {
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.2);
    background: url(../img/drop-down.png) no-repeat 95% 50%;
    padding: .5rem 3.5rem .5rem .9rem;
    background-color: rgba(255, 255, 255, 0.9);
    color: #1b0c21;
    border-radius: 7px;
    border-width: 0;
    width: 100%; }
    .dbform__select:focus {
      outline: none; }
  .dbform__select-long {
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .5rem 3.5rem .5rem .9rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.9);
    color: #1b0c21;
    border-radius: 7px;
    border-width: 0;
    width: 25rem; }
    .dbform__select-long:focus {
      outline: none; }
  .dbform__select-pop {
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.2);
    padding: .5rem 3.5rem .5rem .6rem;
    background-color: rgba(255, 255, 255, 0.9);
    color: #1b0c21;
    border-radius: 7px;
    border-width: 0;
    width: 100%; }
    .dbform__select-pop:focus {
      outline: none; }
  .dbform__headertext {
    font-size: 1.4rem;
    font-family: "Open Sans", sans-serif;
    color: #1b0c21;
    border-radius: 7px;
    padding: .5rem 1rem;
    border: none; }
  .dbform__hidden {
    display: none; }
  .dbform__ccontainer {
    display: block;
    position: relative;
    padding-left: 3rem;
    cursor: pointer;
    user-select: none;
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: .5rem;
    margin-bottom: .5rem;
    margin-right: .5rem; }
  .dbform__ccontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .dbform__checkmark {
    position: absolute;
    top: -.5rem;
    left: 0;
    height: 25px;
    width: 25px;
    border-radius: 7px;
    background-color: #fff; }
  .dbform__ccontainer:hover input ~ .dbform__checkmark {
    background-color: #6c3082; }
  .dbform__ccontainer input:checked ~ .dbform__checkmark {
    background-color: #6c3082; }
  .dbform__checkmark:after {
    content: "";
    position: absolute;
    display: none; }
  .dbform__ccontainer input:checked ~ .dbform__checkmark:after {
    display: block; }
  .dbform__ccontainer .dbform__checkmark:after {
    left: 9px;
    top: 5px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg); }

.home-wrapper {
  grid-column: sidenav-start / full-end;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: repeat(2, auto) calc(100vh - 6rem); }

.hero {
  grid-column: sidenav-start / full-end;
  height: calc(100vh - 13.5rem);
  background-image: linear-gradient(to right bottom, rgba(237, 229, 239, 0.8), rgba(181, 151, 193, 0.8)), url(../img/hero.jpg);
  background-size: cover;
  background-position: top;
  position: relative; }

.about {
  grid-column: sidenav-start / full-end;
  background-color: #291231;
  display: grid;
  text-align: center; }

.contact {
  grid-column: sidenav-start / full-end;
  grid-template-columns: 80%;
  display: grid;
  justify-content: center;
  justify-items: center;
  position: relative; }

.formcontainer {
  align-self: center;
  justify-content: center;
  margin-top: 6rem;
  margin-bottom: 6rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5rem; }

.bottomright {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  width: 10rem; }

.form {
  align-self: center;
  justify-content: center;
  width: 100%; }
  .form__group:not(:last-child) {
    margin-bottom: 1rem; }
  .form__input {
    font-size: 1.5rem;
    font-family: inherit;
    color: inherit;
    padding: 1rem 1rem;
    border-radius: 7px;
    background-color: rgba(255, 255, 255, 0.9);
    border: none;
    border-bottom: 3px solid transparent;
    width: 100%;
    display: block;
    transition: all .3s; }
    .form__input:focus {
      outline: none;
      box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);
      border-bottom: 3px solid #6c3082; }
    .form__input:focus:invalid {
      border-bottom: 3px solid #826c30; }
    .form__input::-webkit-input-placeholder {
      color: #dacbe0; }
  .form__textarea {
    resize: none; }
  .form__label {
    font-size: 1.2rem;
    font-weight: 700;
    margin-left: 1rem;
    margin-top: .1rem;
    display: block;
    transition: all .3s; }
  .form__input:placeholder-shown + .form__label {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-4rem); }

.contact {
  background-color: #9164a1; }

.contact-hero {
  align-self: center;
  justify-content: center; }
  .contact-hero__image {
    width: 100%;
    border-radius: 7px;
    overflow: hidden; }

.login-wrapper {
  grid-column: sidenav-start / full-end;
  height: calc(100vh - 10.3rem);
  overflow: auto;
  display: grid;
  grid-template-columns: 1fr 34rem 1fr;
  grid-template-rows: repeat(3, 1fr);
  background-image: linear-gradient(to right bottom, rgba(14, 6, 16, 0.8), rgba(54, 24, 65, 0.8)), url(../img/hero.jpg);
  background-size: cover;
  background-position: top; }

.login-center {
  grid-column: 2 / 3;
  grid-row: 2 / 3; }

.login-panel {
  display: grid;
  grid-template-rows: repeat(5, auto);
  justify-content: center;
  background-image: linear-gradient(to right bottom, rgba(237, 229, 239, 0.5), rgba(237, 229, 239, 0.5));
  border-radius: 7px; }
  .login-panel__img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center; }
  .login-panel__image {
    height: 8rem; }
  .login-panel__header {
    text-align: center; }
  .login-panel__input {
    width: 30rem; }
  .login-panel__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; }
  .login-panel__h3 {
    text-align: center;
    margin-bottom: 1rem; }
  .login-panel__sign-up {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
  .login-panel__link {
    font-size: 1rem;
    padding: 1rem 1rem; }
    .login-panel__link:link, .login-panel__link:visited {
      color: #ede5ef;
      background-color: #361841;
      text-decoration: none;
      text-transform: uppercase;
      display: inline-block;
      transition: all .2s; }
    .login-panel__link:hover, .login-panel__link:active {
      color: #9164a1;
      background-color: #0e0610;
      box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
      transform: rotate(-2deg) scale(1.1); }

.create-wrapper {
  grid-column: sidenav-start / full-end;
  height: calc(100vh - 10.3rem);
  overflow: auto;
  display: grid;
  grid-template-columns: 1fr 40rem 1fr;
  grid-template-rows: repeat(3, 1fr);
  background-image: linear-gradient(to right bottom, rgba(14, 6, 16, 0.8), rgba(54, 24, 65, 0.8)), url(../img/hero.jpg);
  background-size: cover;
  background-position: top; }

.create-center {
  grid-column: 2 / 3;
  grid-row: 2 / 3; }

.create-panel {
  display: grid;
  grid-template-rows: repeat(5, auto);
  justify-content: center;
  background-image: linear-gradient(to right bottom, rgba(237, 229, 239, 0.5), rgba(237, 229, 239, 0.5));
  border-radius: 7px; }
  .create-panel__img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center; }
  .create-panel__image {
    height: 8rem; }
  .create-panel__header {
    text-align: center; }
  .create-panel__input {
    width: 36rem; }
  .create-panel__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
    flex-direction: column; }
  .create-panel__h3 {
    text-align: center;
    margin-bottom: 1rem; }
  .create-panel__create {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem; }
  .create-panel__link {
    font-size: 1rem;
    padding: 1rem 1rem; }
    .create-panel__link:link, .create-panel__link:visited {
      color: #ede5ef;
      background-color: #361841;
      text-decoration: none;
      text-transform: uppercase;
      display: inline-block;
      transition: all .2s; }
    .create-panel__link:hover, .create-panel__link:active {
      color: #9164a1;
      background-color: #0e0610;
      box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
      transform: rotate(-2deg) scale(1.1); }

.settings-wrapper {
  display: grid;
  grid-template-columns: 2rem repeat(6, 1fr) 3rem;
  grid-template-rows: 4rem 1fr;
  overflow-y: auto;
  padding-right: 4rem;
  padding-left: 1rem; }

.settings-nav {
  grid-column: 2 / 10;
  grid-row: 1 / 2;
  list-style: none;
  background-color: #c8b1d0;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px; }
  .settings-nav__ul {
    display: flex;
    text-align: center;
    flex-direction: row;
    justify-content: flex-start; }
  .settings-nav__item {
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
    text-transform: capitalize;
    background-color: #c8b1d0;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px; }
  .settings-nav__link:link, .settings-nav__link:visited {
    font-size: 1.4rem;
    font-weight: 700;
    color: #0e0610;
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    padding: 1rem 1rem;
    text-align: center;
    display: block;
    transition: all .2s; }
  .settings-nav__link:hover, .settings-nav__link:active {
    background-color: rgba(255, 255, 255, 0.05);
    transform: translateY(-3px);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.4); }

.profile-top {
  grid-column: 1 / -1;
  margin-left: 2rem; }

.settings-body2 {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(8, 1fr); }

.settings-header {
  grid-column: 1 / -1;
  font-size: 3.5rem;
  color: #fff;
  padding: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 7px;
  background-color: #441e51;
  display: flex;
  justify-content: space-between; }
  .settings-header__h2 {
    font-size: 3.5rem; }

.user-profile {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 1rem; }
  .user-profile__fn {
    grid-column: 1 / 3;
    grid-row: 1 / 2; }
  .user-profile__ln {
    grid-column: 3 / 5;
    grid-row: 1 / 2; }
  .user-profile__email {
    grid-column: 1 / 3;
    grid-row: 2 / 3; }
  .user-profile__pwd {
    grid-column: 3 / 5;
    grid-row: 2 / 3; }
  .user-profile__tel {
    grid-column: 1 / 3;
    grid-row: 3 / 4; }
  .user-profile__button {
    grid-column: 4 / 5;
    grid-row: 3 / 4; }

.membership {
  grid-column: 2 / -1;
  grid-row: 2 / 3; }

.businesses {
  grid-column: 2 / -1;
  grid-row: 2 / 3; }

.business-listing {
  display: grid;
  grid-template-columns: 1fr 15rem;
  grid-gap: 1rem;
  justify-content: center;
  font: "Open Sans", sans-serif;
  background-color: #dacbe0;
  border-radius: 7px;
  padding: 1rem;
  margin-bottom: 1rem; }
  .business-listing__name {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    font-size: 2rem; }
  .business-listing__tel {
    grid-column: 1 / 2;
    font-size: 1.5rem; }
  .business-listing__edit {
    grid-column: 2 / 3;
    grid-row: 1 / 3;
    margin: 1rem;
    text-align: center; }

.talents {
  grid-column: 2 / -1;
  grid-row: 2 / 3; }

.gigtypes {
  grid-column: 2 / -1;
  grid-row: 2 / 3; }

.contracts {
  grid-column: 2 / -1;
  grid-row: 2 / 3; }

.managers {
  grid-column: 2 / -1;
  grid-row: 2 / 3; }

.dashboard {
  display: grid;
  grid-template-columns: 0rem repeat(5, 1fr) 1rem;
  grid-template-rows: 7rem repeat(3, 1fr) 0.5rem;
  grid-gap: 2rem;
  align-content: center;
  justify-content: center; }
  .dashboard__largeblock {
    background-color: #c8b1d0;
    border-radius: 7px;
    text-align: center;
    display: grid; }
  .dashboard__smallblock {
    background-image: linear-gradient(180deg, rgba(81, 36, 98, 0.9) 25%, rgba(126, 74, 146, 0.9) 50%, transparent 55%);
    border-radius: 7px;
    margin: 1.5rem;
    box-shadow: 0 2rem 4rem rgba(27, 12, 33, 0.7);
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
  .dashboard__top {
    color: #dacbe0;
    font-size: 1.6rem; }
  .dashboard__bottom {
    color: #6c3082;
    font-size: 4rem; }
    .dashboard__bottom a {
      text-decoration: none; }
  .dashboard__num-fut-gigs {
    grid-column: 2 / 3;
    grid-row: 2 / 3; }
  .dashboard__amt-fut-gigs {
    grid-column: 3 / 4;
    grid-row: 2 / 3; }
  .dashboard__avg-fut-gigs {
    grid-column: 4 / 5;
    grid-row: 2 / 3; }
  .dashboard__num-30d-gigs {
    grid-column: 2 / 3;
    grid-row: 3 / 4; }
  .dashboard__amt-30d-gigs {
    grid-column: 3 / 4;
    grid-row: 3 / 4; }
  .dashboard__avg-30d-gigs {
    grid-column: 4 / 5;
    grid-row: 3 / 4; }
  .dashboard__inquiry-only {
    grid-column: 2 / 3;
    grid-row: 4 / 5; }
  .dashboard__con-await-sig {
    grid-column: 3 / 4;
    grid-row: 4 / 5; }
  .dashboard__dep-not-recd {
    grid-column: 4 / 5;
    grid-row: 4 / 5; }
  .dashboard__dep-late {
    grid-column: 5 / 6;
    grid-row: 4 / 5; }
  .dashboard__fut-dep-recd {
    grid-column: 5 / 6;
    grid-row: 2 / 3; }

.dashboard-header {
  grid-column: 2 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  padding-top: 2rem; }
  .dashboard-header__group {
    align-items: center; }

.artists {
  font-family: "Open Sans", sans-serif;
  font-size: 2rem;
  overflow-y: scroll; }

.artists-header {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  padding: 2rem 3rem 2rem 2rem; }
  .artists-header__group {
    align-items: center; }

.artists-main {
  padding-right: 2rem;
  padding-left: 2rem; }

.artist-table {
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  color: #361841;
  border-collapse: separate;
  width: calc(100% - 1rem);
  transition: all .2s;
  border-spacing: 0 .5rem; }
  .artist-table tr {
    background-color: #7e4a92;
    color: #fff; }
    .artist-table tr:nth-child(even) {
      background-color: #7e4a92; }
    .artist-table tr:hover {
      color: #fff;
      background-color: #361841;
      box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.4);
      cursor: pointer; }
  .artist-table th {
    text-align: left;
    background-color: #1b0c21;
    color: white; }
  .artist-table td, .artist-table th {
    border: 0px solid #fff;
    padding: .8rem; }
    .artist-table tdnth-of-type(1), .artist-table thnth-of-type(1) {
      display: none; }
  .artist-table th:nth-child(2), .artist-table td:nth-child(2) {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px; }
  .artist-table th:last-child, .artist-table td:last-child {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px; }
  .artist-table a {
    color: #fff; }

.artist-form {
  display: grid;
  grid-template-columns: 2rem repeat(9, 1fr) 2rem;
  grid-gap: 1rem;
  justify-content: center; }

.artist-det-title {
  grid-column: 2 / -2;
  grid-row: 1 / 2;
  background-color: #441e51;
  border-radius: 7px;
  padding-left: 2rem;
  margin-top: 3rem; }

.form-group-active {
  grid-column: 2 / 4;
  grid-row: 2 / 3;
  display: flex;
  align-items: center;
  justify-content: center; }

.form-group-firstcall {
  grid-column: 4 / 6;
  grid-row: 2 / 3;
  display: flex;
  align-items: center;
  justify-content: center; }

.form-group-fname {
  grid-column: 2 / 4;
  grid-row: 3 / 4; }

.form-group-lname {
  grid-column: 4 / 6;
  grid-row: 3 / 4; }

.form-group-email {
  grid-column: 2 / 6;
  grid-row: 4 / 5; }

.form-group-tcell {
  grid-column: 2 / 4;
  grid-row: 5 / 6; }

.form-group-thome {
  grid-column: 4 / 6;
  grid-row: 5 / 6; }

.form-group-add1 {
  grid-column: 2 / 6;
  grid-row: 6 / 7; }

.form-group-add2 {
  grid-column: 2 / 6;
  grid-row: 7 / 8; }

.form-group-city {
  grid-column: 2 / 4;
  grid-row: 8 / 9; }

.form-group-st {
  grid-column: 4 / 5;
  grid-row: 8 / 9; }

.form-group-zip {
  grid-column: 5 / 6;
  grid-row: 8 / 9; }

.form-group-country {
  grid-column: 2 / 4;
  grid-row: 9 / 10; }

.form-group-dob {
  grid-column: 4 / 6;
  grid-row: 9 / 10; }

.form-bgroup-bus {
  grid-column: 6 / -2;
  grid-row: 2 / 4;
  display: grid;
  grid-template-columns: repeat(3, max-content);
  grid-gap: .5rem;
  align-content: center;
  justify-content: center;
  align-items: center; }

.form-group-bus-add-rem {
  display: flex;
  flex-direction: column;
  align-content: stretch;
  justify-content: center;
  text-align: center; }

.form-bgroup-tal {
  grid-column: 6 / -2;
  grid-row: 4 / 6;
  display: grid;
  grid-template-columns: repeat(3, max-content);
  grid-gap: .5rem;
  align-content: center;
  justify-content: center;
  align-items: center; }

.form-group-tal-add-rem {
  display: flex;
  flex-direction: column;
  align-content: stretch;
  justify-content: center;
  text-align: center; }

.form-group-notes {
  grid-column: 6 / -2;
  grid-row: 6 / 10; }

.form-group-buttons {
  grid-column: 2 / -2;
  grid-row: 10 / 11;
  display: flex;
  align-items: center;
  justify-content: center; }

.clients {
  font-family: "Open Sans", sans-serif;
  font-size: 2rem;
  overflow-y: scroll; }

.clients-header {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  padding: 2rem 3rem 2rem 2rem; }
  .clients-header__group {
    align-items: center; }

.clients-main {
  padding-right: 2rem;
  padding-left: 2rem; }

.client-table {
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  color: #361841;
  border-collapse: separate;
  width: calc(100% - 1rem);
  transition: all .2s;
  border-spacing: 0 .5rem; }
  .client-table tr {
    background-color: #7e4a92;
    color: #fff; }
    .client-table tr:nth-child(even) {
      background-color: #7e4a92; }
    .client-table tr:hover {
      color: #fff;
      background-color: #361841;
      box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.4);
      cursor: pointer; }
  .client-table th {
    text-align: left;
    background-color: #1b0c21;
    color: white; }
  .client-table td, .client-table th {
    border: 0px solid #fff;
    padding: .8rem; }
    .client-table tdnth-of-type(1), .client-table thnth-of-type(1) {
      display: none; }
  .client-table th:nth-child(2), .client-table td:nth-child(2) {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px; }
  .client-table th:last-child, .client-table td:last-child {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px; }
  .client-table a {
    color: #fff; }

.client-main-det {
  grid-column: 2 / 3;
  margin-right: 3rem;
  margin-left: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.client-header-det {
  grid-column: 1 / -1;
  grid-row: 1 / 2;
  background-color: #441e51;
  border-radius: 7px;
  padding-left: 2rem;
  margin-top: 3rem; }

.client-buttons {
  grid-column: 2 / 3; }

.gigs {
  font-family: "Open Sans", sans-serif;
  font-size: 2rem;
  overflow-y: scroll; }

.gigs-header {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  padding: 2rem 3rem 3rem 2rem; }
  .gigs-header__group {
    align-items: center; }

.gigs-main {
  padding-right: 2rem;
  padding-left: 2rem; }

.gigs-table {
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  border-collapse: collapse;
  width: calc(100% - 1rem);
  transition: all .5s;
  border-radius: 7px;
  border-style: hidden; }
  .gigs-table th {
    text-align: left;
    background-color: #1b0c21;
    color: #fff; }
  .gigs-table td, .gigs-table th {
    padding: 8px; }
    .gigs-table tdnth-of-type(1), .gigs-table thnth-of-type(1) {
      display: none; }
  .gigs-table tr {
    margin-bottom: 1rem; }
    .gigs-table tr:nth-child(even) {
      background-color: #7e4a92; }
    .gigs-table tr:hover {
      color: #fff;
      background-color: #361841;
      box-shadow: 0 0.75rem 1rem rgba(0, 0, 0, 0.5);
      cursor: pointer; }
  .gigs-table a {
    color: #fff; }

.gigs-detail-wrapper {
  display: grid;
  grid-template-columns: 2rem 1fr 2rem;
  grid-template-rows: 4rem 7rem 1fr;
  overflow-y: auto;
  padding-right: 2rem;
  padding-left: 1rem; }

.gigs-detail-nav {
  grid-column: 2 / -2;
  grid-row: 1 / 2;
  list-style: none;
  background-color: #c8b1d0;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px; }
  .gigs-detail-nav__ul {
    display: flex;
    text-align: center;
    flex-direction: row;
    justify-content: flex-start; }
  .gigs-detail-nav__item {
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
    font-family: "Open Sans", sans-serif;
    text-transform: capitalize;
    background-color: #c8b1d0;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px; }
  .gigs-detail-nav__link:link, .gigs-detail-nav__link:visited {
    font-size: 1.4rem;
    font-weight: 700;
    color: #0e0610;
    text-decoration: none;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    padding: 1rem 1rem;
    text-align: center;
    display: block;
    transition: all .2s; }
  .gigs-detail-nav__link:hover, .gigs-detail-nav__link:active {
    background-color: rgba(255, 255, 255, 0.05);
    transform: translateY(-3px);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.4); }

.tabcontent {
  display: none; }

.gig-det-title {
  grid-column: 2 / -2;
  grid-row: 2 / 3;
  padding-left: 1.3rem;
  padding-right: .5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  background-color: #512462;
  border-radius: 7px; }
  .gig-det-title__artist-status {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    font-size: 2rem;
    padding-right: 1rem; }

.gig-det-title2 {
  grid-column: 2 / -2;
  grid-row: 2 / 3;
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 26rem)) repeat(2, 16rem) 20rem;
  align-content: center;
  background-color: #7e4a92;
  border-radius: 7px; }
  .gig-det-title2__artist-status {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    font-size: 2rem;
    padding-right: 1rem; }

.title {
  align-self: center;
  font: "Montserrat", sans-serif;
  color: #ede5ef; }
  .title__large {
    font-size: 2rem;
    font-weight: 500; }
    .title__large-detail {
      padding-left: 1rem;
      padding-right: 1rem; }
  .title__small {
    font-size: 1.25rem;
    font-weight: 400; }
  .title__status {
    font-size: 1rem;
    text-align: center;
    color: #ede5ef;
    text-transform: uppercase; }
  .title__green {
    background-color: #CEEF9C;
    border-radius: 7px;
    text-align: center;
    color: #0e0610; }
  .title__yellow {
    background-color: #F7FCA5;
    border-radius: 7px;
    text-align: center;
    color: #0e0610; }
  .title__red {
    background-color: #DD91B5;
    border-radius: 7px;
    text-align: center;
    color: #0e0610; }
  .title__white {
    background-color: #fff;
    border-radius: 7px;
    text-align: center;
    color: #0e0610;
    padding: 0rem .75rem; }
  .title__circle-green {
    font-size: 2rem;
    color: #0e0610;
    background-color: #CEEF9C;
    border-radius: 50%;
    padding: .4rem;
    width: 4rem; }
  .title__circle-yellow {
    font-size: 2rem;
    color: #0e0610;
    background-color: #F7FCA5;
    border-radius: 50%;
    padding: .4rem;
    width: 4rem;
    margin-right: .5rem; }
  .title__circle-red {
    font-size: 2rem;
    color: #0e0610;
    background-color: #DD91B5;
    border-radius: 50%;
    padding: .4rem;
    width: 4rem;
    margin-right: .5rem; }
  .title__circle-none {
    font-size: 2rem;
    border-radius: 50%;
    padding: .4rem;
    width: 4rem;
    margin-right: .5rem; }

.gig-det-main {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-column: 2 / -2;
  grid-row: 3 / 4; }

.gig-form {
  grid-row: 1 / -1;
  grid-column: 1 / -1;
  display: grid;
  grid-template-rows: 1fr min-content; }
  .gig-form__main {
    grid-row: 1 / 2; }
  .gig-form__buttons {
    grid-row: 2 / 3;
    padding-top: 2rem;
    padding-bottom: 3rem; }
  .gig-form__subarea {
    grid-row: 1 / -1;
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-row-gap: 1.5rem;
    grid-column-gap: 1.5rem; }
    .gig-form__subarea-artist-listing {
      grid-column: 1 / -1;
      display: grid;
      grid-row-gap: .6rem; }
    .gig-form__subarea-conv-listing {
      grid-column: 1 / -1;
      display: grid;
      grid-row-gap: .6rem; }
  .gig-form__heading {
    font-size: 3.5rem;
    text-transform: capitalize; }
  .gig-form h3 {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    padding-left: 1rem;
    align-self: center; }
  .gig-form .partheader {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
  .gig-form__gen-business {
    grid-column: 1 / 3;
    grid-row: 2 / 3; }
  .gig-form__gen-title {
    grid-column: 1 / 3;
    grid-row: 3 / 4; }
  .gig-form__gen-type {
    grid-column: 1 / 3;
    grid-row: 4 / 5; }
  .gig-form__gen-firstcondt {
    grid-column: 1 / 3;
    grid-row: 5 / 6; }
  .gig-form__gen-perfdt {
    grid-column: 3 / 5;
    grid-row: 3 / 4; }
  .gig-form__gen-starttm {
    grid-column: 5 / 7;
    grid-row: 3 / 4; }
  .gig-form__gen-giglngth-hrs {
    grid-column: 3 / 5;
    grid-row: 2 / 3; }
  .gig-form__gen-giglngth-min {
    grid-column: 5 / 7;
    grid-row: 2 / 3; }
  .gig-form__gen-perfdt-end {
    grid-column: 3 / 5;
    grid-row: 4 / 5; }
  .gig-form__gen-endtm {
    grid-column: 5 / 7;
    grid-row: 4 / 5; }
  .gig-form__gen-celebrant {
    grid-column: 3 / 7;
    grid-row: 5 / 6; }
  .gig-form__gen-note {
    grid-column: 7 / -1;
    grid-row: 2 / 6; }
  .gig-form__cli-first {
    grid-column: 1 / 3;
    grid-row: 2 / 3; }
  .gig-form__cli-last {
    grid-column: 3 / 5;
    grid-row: 2 / 3; }
  .gig-form__cli-bus-name {
    grid-column: 1 / 5;
    grid-row: 3 / 4; }
  .gig-form__cli-email {
    grid-column: 1 / 5;
    grid-row: 4 / 5; }
  .gig-form__cli-add1 {
    grid-column: 1 / 5;
    grid-row: 5 / 6; }
  .gig-form__cli-add2 {
    grid-column: 1 / 5;
    grid-row: 6 / 7; }
  .gig-form__cli-city {
    grid-column: 1 / 3;
    grid-row: 7 / 8; }
  .gig-form__cli-state {
    grid-column: 3 / 4;
    grid-row: 7 / 8; }
  .gig-form__cli-zip {
    grid-column: 4 / 5;
    grid-row: 7 / 8; }
  .gig-form__cli-telhome {
    grid-column: 5 / 7;
    grid-row: 2 / 3; }
  .gig-form__cli-telcell {
    grid-column: 5 / 7;
    grid-row: 3 / 4; }
  .gig-form__cli-telwork {
    grid-column: 5 / 7;
    grid-row: 4 / 5; }
  .gig-form__cli-telfax {
    grid-column: 5 / 7;
    grid-row: 5 / 6; }
  .gig-form__cli-spousename {
    grid-column: 7 / 9;
    grid-row: 2 / 3; }
  .gig-form__cli-spousetel {
    grid-column: 7 / 9;
    grid-row: 4 / 5; }
  .gig-form__cli-spouseemail {
    grid-column: 7 / 9;
    grid-row: 3 / 4; }
  .gig-form__cli-notes {
    grid-column: 5 / 9;
    grid-row: 6 / 8; }
  .gig-form .conversation-listing {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 15rem 1fr 9rem;
    grid-template-rows: repeat(2, min-content);
    grid-column-gap: 1.2rem;
    grid-row-gap: 1.4rem;
    background-color: #c8b1d0;
    border-radius: 7px;
    padding: .5rem;
    align-items: center; }
    .gig-form .conversation-listing__date {
      grid-column: 1 / 2;
      grid-row: 1 / 2;
      align-self: center; }
    .gig-form .conversation-listing__sharetype {
      grid-column: 1 / 2;
      grid-row: 2 / 3;
      align-self: center; }
    .gig-form .conversation-listing__note {
      grid-column: 2 / 3;
      grid-row: 1 / 3; }
    .gig-form .conversation-listing__savebtn {
      grid-column: 3 / 4;
      grid-row: 1 / 2; }
    .gig-form .conversation-listing__delbtn {
      grid-column: 3 / 4;
      grid-row: 2 / 3; }
  .gig-form__ven-name {
    grid-column: 1 / 3;
    grid-row: 2 / 3; }
  .gig-form__ven-stagename {
    grid-column: 3 / 5;
    grid-row: 2 / 3; }
  .gig-form__ven-add1 {
    grid-column: 1 / 5;
    grid-row: 3 / 4; }
  .gig-form__ven-add2 {
    grid-column: 1 / 5;
    grid-row: 4 / 5; }
  .gig-form__ven-city {
    grid-column: 1 / 3;
    grid-row: 5 / 6; }
  .gig-form__ven-state {
    grid-column: 3 / 4;
    grid-row: 5 / 6; }
  .gig-form__ven-zip {
    grid-column: 4 / 5;
    grid-row: 5 / 6; }
  .gig-form__ven-confirst {
    grid-column: 1 / 3;
    grid-row: 6 / 7; }
  .gig-form__ven-conlast {
    grid-column: 3 / 5;
    grid-row: 6 / 7; }
  .gig-form__ven-email {
    grid-column: 5 / 7;
    grid-row: 2 / 3; }
  .gig-form__ven-telland {
    grid-column: 5 / 7;
    grid-row: 3 / 4; }
  .gig-form__ven-telmobile {
    grid-column: 7 / 9;
    grid-row: 2 / 3; }
  .gig-form__ven-telfax {
    grid-column: 7 / 9;
    grid-row: 3 / 4; }
  .gig-form__ven-loadingnotes {
    resize: none;
    grid-column: 5 / 9;
    grid-row: 4 / 7; }
  .gig-form__con-quotedt {
    grid-column: 1 / 3;
    grid-row: 2 / 3; }
  .gig-form__con-reqdt {
    grid-column: 1 / 3;
    grid-row: 3 / 4; }
  .gig-form__con-template {
    grid-column: 1 / 3;
    grid-row: 4 / 5; }
  .gig-form__con-con-sent {
    grid-column: 1 / 3;
    grid-row: 5 / 6; }
  .gig-form__con-con-recd {
    grid-column: 1 / 3;
    grid-row: 6 / 7; }
  .gig-form__con-totfee {
    grid-column: 3 / 5;
    grid-row: 2 / 3; }
  .gig-form__con-depamt {
    grid-column: 3 / 4;
    grid-row: 3 / 4; }
  .gig-form__con-depwav {
    grid-column: 4 / 5;
    grid-row: 3 / 4;
    display: flex;
    align-items: center;
    justify-content: center; }
  .gig-form__con-baldue {
    grid-column: 3 / 5;
    grid-row: 4 / 5; }
  .gig-form__con-dep-rcd-dt {
    grid-column: 3 / 5;
    grid-row: 5 / 6; }
  .gig-form__con-dep-checknum {
    grid-column: 3 / 5;
    grid-row: 6 / 7; }
  .gig-form .g-artist-labels {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 16rem 1fr 7rem 12rem 10rem 8rem 8rem 2fr 8rem 8rem;
    grid-column-gap: 1rem;
    background-color: #c8b1d0;
    border-radius: 7px;
    padding: .5rem;
    align-items: center; }
  .gig-form .g-artist-listing {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 16rem 1fr 7rem 12rem 10rem 8rem 8rem 2fr 8rem 8rem;
    grid-column-gap: 1rem;
    grid-row-gap: .5rem;
    background-color: #c8b1d0;
    border-radius: 7px;
    padding: .5rem;
    align-items: center; }
    .gig-form .g-artist-listing__FullName {
      grid-column: 1 / 2;
      grid-row: 1 / 2; }
    .gig-form .g-artist-listing__LeaderText {
      grid-column: 3 / 4;
      grid-row: 1 / 2; }
    .gig-form .g-artist-listing__StatusDesc {
      grid-column: 4 / 5;
      grid-row: 1 / 2; }
      .gig-form .g-artist-listing__StatusDesc-red {
        background-color: #DD91B5; }
      .gig-form .g-artist-listing__StatusDesc-yellow {
        background-color: #F7FCA5; }
      .gig-form .g-artist-listing__StatusDesc-green {
        background-color: #CEEF9C; }
      .gig-form .g-artist-listing__StatusDesc-black {
        background-color: #000; }
    .gig-form .g-artist-listing__StatusDate {
      grid-column: 5 / 6;
      grid-row: 1 / 2; }
    .gig-form .g-artist-listing__PayBase {
      grid-column: 6 / 7;
      grid-row: 1 / 2; }
    .gig-form .g-artist-listing__PayExtra {
      grid-column: 7 / 8;
      grid-row: 1/ 2; }
    .gig-form .g-artist-listing__TalentList {
      grid-column: 2 / 3;
      grid-row: 1 / 2; }
    .gig-form .g-artist-listing__NoteToArtist {
      grid-column: 8 / 9;
      grid-row: 1 / 2; }
    .gig-form .g-artist-listing__EditBtn {
      grid-column: 9 / 10;
      grid-row: 1 / 2; }
    .gig-form .g-artist-listing__DelBtn {
      grid-column: 10 / 11;
      grid-row: 1 / 2; }

.venues {
  font-family: "Open Sans", sans-serif;
  font-size: 2rem;
  overflow-y: auto; }

.venues-header {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: space-between;
  padding: 2rem 3rem 2rem 2rem; }
  .venues-header__group {
    align-items: center; }

.venues-main {
  padding-right: 2rem;
  padding-left: 2rem; }

.venue-table {
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  color: #361841;
  border-collapse: separate;
  width: calc(100% - 1rem);
  transition: all .2s;
  border-spacing: 0 .5rem; }
  .venue-table tr {
    background-color: #7e4a92;
    color: #fff; }
    .venue-table tr:nth-child(even) {
      background-color: #7e4a92; }
    .venue-table tr:hover {
      color: #fff;
      background-color: #361841;
      box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.4);
      cursor: pointer; }
  .venue-table th {
    text-align: left;
    background-color: #1b0c21;
    color: white; }
  .venue-table td, .venue-table th {
    border: 0px solid #fff;
    padding: .8rem; }
    .venue-table tdnth-of-type(1), .venue-table thnth-of-type(1) {
      display: none; }
  .venue-table th:nth-child(2), .venue-table td:nth-child(2) {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px; }
  .venue-table th:last-child, .venue-table td:last-child {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px; }
  .venue-table a {
    color: #fff; }

.venue-main-det {
  grid-column: 2 / 3;
  margin-right: 3rem;
  margin-left: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

.venue-header-det {
  grid-column: 1 / -1;
  grid-row: 1 / 2;
  background-color: #441e51;
  border-radius: 7px;
  padding-left: 2rem;
  margin-top: 3rem; }

.venue-buttons {
  grid-column: 2 / 3; }

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0; }

.overlay:target {
  visibility: visible;
  opacity: 1; }

.popup {
  margin: 70px auto;
  padding: 4rem;
  background: #dacbe0;
  border-radius: 7px;
  width: 50%;
  position: relative;
  transition: all 5s ease-in-out; }

.popup h2 {
  margin-top: 0;
  margin-bottom: 1.5rem;
  color: #0e0610;
  font-family: "Open Sans", sans-serif; }

.popup .close {
  position: absolute;
  top: 2.5rem;
  right: 4rem;
  transition: all 200ms;
  font-size: 5rem;
  font-weight: bold;
  text-decoration: none;
  color: #0e0610; }

.popup .close:hover {
  color: "Montserrat", sans-serif; }

.popup .content {
  max-height: 30%;
  overflow: auto; }

.popup-gigartist {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
  align-items: center; }
  .popup-gigartist__header {
    grid-column: 1 / -1;
    grid-row: 1 / 2; }
  .popup-gigartist__addartist {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 1rem;
    background-color: #a37eb1;
    align-items: center;
    padding: 1rem;
    border-radius: 7px; }
    .popup-gigartist__addartist-active {
      grid-column: 1 / 2;
      grid-row: 1 / 2; }
    .popup-gigartist__addartist-firstcall {
      grid-column: 2 / 3;
      grid-row: 1 / 2; }
    .popup-gigartist__addartist-talent {
      grid-column: 3 / 4;
      grid-row: 1 / 2; }
    .popup-gigartist__addartist-search {
      grid-column: 4 / 6;
      grid-row: 1 / 2;
      display: flex;
      flex-direction: row;
      justify-items: center;
      align-items: center; }
    .popup-gigartist__addartist-select {
      grid-column: 1 / -1;
      grid-row: 2 / 3; }
  .popup-gigartist__name {
    grid-column: 1 / 3;
    grid-row: 2 / 3; }
  .popup-gigartist__talents {
    grid-column: 3 / 5;
    grid-row: 2 / 3; }
  .popup-gigartist__leader {
    grid-column: 1 / 2;
    grid-row: 3 / 4; }
  .popup-gigartist__status {
    grid-column: 2 / 3;
    grid-row: 3 / 4; }
  .popup-gigartist__paybase {
    grid-column: 3 / 4;
    grid-row: 3 / 4; }
  .popup-gigartist__payextra {
    grid-column: 4 / 5;
    grid-row: 3 / 4; }
  .popup-gigartist__notes {
    grid-column: 1 / -1;
    grid-row: 4 / 6; }
  .popup-gigartist__buttons {
    grid-column: 1 / -1;
    grid-row: 6 / 7;
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }

.popup-gigclient {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
  align-items: center; }
  .popup-gigclient__addclient {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 1rem;
    background-color: #a37eb1;
    align-items: center;
    padding: 1rem;
    border-radius: 7px; }
    .popup-gigclient__addclient-search {
      grid-column: 1 / -1;
      grid-row: 1 / 2;
      display: flex;
      flex-direction: row;
      justify-items: center;
      align-items: center; }
    .popup-gigclient__addclient-select {
      grid-column: 1 / -1;
      grid-row: 2 / 3; }
  .popup-gigclient__buttons {
    grid-column: 1 / -1;
    grid-row: 6 / 7;
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }

.popup-gigvenue {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
  align-items: center; }
  .popup-gigvenue__addvenue {
    grid-column: 1 / -1;
    grid-row: 1 / 2;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 1rem;
    background-color: #a37eb1;
    align-items: center;
    padding: 1rem;
    border-radius: 7px; }
    .popup-gigvenue__addvenue-search {
      grid-column: 1 / -1;
      grid-row: 1 / 2;
      display: flex;
      flex-direction: row;
      justify-items: center;
      align-items: center; }
    .popup-gigvenue__addvenue-select {
      grid-column: 1 / -1;
      grid-row: 2 / 3; }
  .popup-gigvenue__buttons {
    grid-column: 1 / -1;
    grid-row: 6 / 7;
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }

.popup-gigconv {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  align-items: center; }
  .popup-gigconv__date {
    grid-column: 1 / 2;
    grid-row: 1 / 2; }
  .popup-gigconv__share {
    grid-column: 2 / 3;
    grid-row: 1 / 2; }
  .popup-gigconv__search {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
    display: flex;
    flex-direction: row;
    justify-items: center;
    align-items: center; }
  .popup-gigconv__notes {
    grid-column: 1 / -1;
    grid-row: 2 / 3; }
  .popup-gigconv__buttons {
    grid-column: 1 / -1;
    grid-row: 3 / 4;
    display: flex;
    flex-direction: row;
    justify-content: flex-end; }

/*
    Using these classes will disable tabs.  It needs to be added
    last to overwrite any other class settings.
*/
.isDisabledWrapper {
  cursor: not-allowed;
  transition-property: none; }

.isDisabledLink {
  pointer-events: none;
  opacity: 0.5;
  text-decoration: none; }