/*--------------------------------------------------------------
//! Common Styles
--------------------------------------------------------------*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* html .clearfix {
  zoom: 1; }

/* IE6 */
*:first-child + html .clearfix {
  zoom: 1; }

/* IE7 */
/*
.ui-selectable-helper {
  position: absolute;
  z-index: 1000;
  border: 1px dotted #923944; }
*/

.jm-field-repeat input.xshort {
  width: 5em; }
.jm-field-repeat input.short {
  width: 10em; }
.jm-field-repeat input.medium {
  width: 15em; }
.jm-field-repeat input.long {
  width: 20em; }
.jm-field-repeat input.xlong {
  width: 25em; }

.jmhp-modal {
  background: rgba(0, 0, 0, 0.85);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 800;
  white-space: nowrap;
  display: none; }
  .jmhp-modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; }
  .jmhp-modal__content {
    display: inline-block;
    vertical-align: middle;
    padding: 1em .75em;
    position: relative;
    margin: 1em auto;
    width: 90%;
    color: #fff; }
    .jmhp-modal__content img {
      width: 50%; }
    .jmhp-modal__content-title {
      margin-top: 20px;
      font-size: 22px;
      color: #757575; }

.jmhp-grid {
  max-height: 300px !important;
  overflow-y: scroll;
  font-size: 0; }
  .jmhp-grid--icons input[type="radio"],
  .jmhp-grid--icons input[type="checkbox"] {
    display: none; }
  .jmhp-grid--icons__item {
    position: relative;
    width: 69px;
    margin: 5px 0 15px 0;
    display: inline-block;
    vertical-align: top;
    clear: inherit;
    cursor: pointer; }
  .jmhp-grid--icons__icon {
    width: 100%;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 90%;
    border-bottom: 5px solid #d3d3d3;
    padding-bottom: 3px;
    transition: border .2s ease-in-out;
    -webkit-transition: border .2s ease-in-out;
    -moz-transition: border .2s ease-in-out; }
    input[type="radio"]:checked + .jmhp-grid--icons__icon, input[type="checkbox"]:checked + .jmhp-grid--icons__icon {
      border-bottom-color: #923944; }
  .jmhp-grid--colors input[type="radio"],
  .jmhp-grid--colors input[type="checkbox"] {
    display: none; }
  input[type="radio"]:checked + .jmhp-grid--colors__item .jmhp-grid--colors__box--selected, input[type="checkbox"]:checked + .jmhp-grid--colors__item .jmhp-grid--colors__box--selected {
    visibility: visible; }
  .jmhp-grid--colors__item {
    position: relative;
    width: 68px;
    margin: 0 1px 3px 0;
    display: inline-block;
    vertical-align: top;
    clear: inherit;
    cursor: pointer; }
  .jmhp-grid--colors__box {
    width: 100%;
    height: 90px; }
    .jmhp-grid--colors__box--selected {
      visibility: hidden;
      position: absolute;
      top: 30px;
      left: 19px;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.5);
      color: #fff;
      text-align: center; }
      .jmhp-grid--colors__box--selected i {
        position: absolute;
        font-size: 14px;
        top: 8px;
        left: 8px; }
  .jmhp-grid--colors__title {
    margin-top: 2px;
    font-size: 9px;
    line-height: 12px;
    text-transform: uppercase;
    text-align: center;
    font-weight: normal; }

/*--------------------------------------------------------------
//! Hall Planner
--------------------------------------------------------------*/
.jmhp-planner {
  position: relative;
  background: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
  outline: 0;
  font-family: 'Open Sans';
  /*--------------------------------------------------------------
  //! > jQuery UI
  --------------------------------------------------------------*/ }
  .jmhp-planner--preview .jmhp-planner__field input, .jmhp-planner--preview .jmhp-planner__field textarea, .jmhp-planner--preview .jmhp-planner__field select {
    pointer-events: none;
    tab-index: -1;
    background-color: #fafafa;
    color: rgba(0, 0, 0, 0.75);
    border-color: #dddddd; }
  .jmhp-planner--preview .draggable {
    cursor: default; }
  .jmhp-planner--preview .jmhp-planner__trash, .jmhp-planner--preview .jmhp-planner__icon-add, .jmhp-planner--preview .jmhp-planner__color-add {
    visibility: hidden; }
  .jmhp-planner--frontend .button {
    font-size: 12px; }
  .jmhp-planner--frontend .jmhp-planner__backup-selector {
    height: 34px;
    line-height: 18px;
    font-size: 13px;
    background: white;
    border-color: #888; }
  .jmhp-planner--backend ul {
    margin: 0 0 0 20px;
    padding: 0;
    list-style: circle; }
    .jmhp-planner--backend ul li {
      margin: 0; }
  .jmhp-planner--backend h4 {
    font-size: 20px;
    font-weight: normal; }
  .jmhp-planner .ui-selecting {
    background-color: rgba(146, 57, 68, 0.15);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(146, 57, 68, 0.4);
    -moz-box-shadow: 0px 0px 3px 1px rgba(146, 57, 68, 0.4);
    box-shadow: 0px 0px 3px 1px rgba(146, 57, 68, 0.4); }
  .jmhp-planner .ui-selected {
    background-color: rgba(146, 57, 68, 0.2);
    -webkit-box-shadow: 0px 0px 3px 1px rgba(146, 57, 68, 0.5);
    -moz-box-shadow: 0px 0px 3px 1px rgba(146, 57, 68, 0.5);
    box-shadow: 0px 0px 3px 1px rgba(146, 57, 68, 0.5); }
  .jmhp-planner .bold {
    color: #444; }
  .jmhp-planner .description {
    padding: 1px 0 !important;
    font-size: 13px;
    font-style: italic;
    color: #666; }
  .jmhp-planner h4 {
    margin: 3px 0 6px 0; }
  .jmhp-planner .button {
    margin: 0 3px 0 0; }
    .jmhp-planner .button.right {
      margin: 0 0 0 3px; }
  .jmhp-planner .ui-dialog {
    position: relative;
    padding: 0;
    border-radius: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: inherit;
    border: 1px solid #d3d3d3;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    background: #fff;
    z-index: 9999; }
    .jmhp-planner .ui-dialog .ui-dialog-titlebar {
      border: 0;
      border-bottom: 1px solid #d3d3d3;
      border-radius: 0;
      padding: 0;
      background: none;
      color: black;
      font-weight: normal;
      text-align: right;
      display: table;
      width: 100%; }
      .jmhp-planner .ui-dialog .ui-dialog-titlebar:before, .jmhp-planner .ui-dialog .ui-dialog-titlebar:after {
        content: "";
        display: inherit; }
      .jmhp-planner .ui-dialog .ui-dialog-titlebar .ui-button {
        border: 0;
        color: #923944;
        font-size: 11px;
        background: none;
        display: table-cell;
        cursor: pointer;
        min-width: 30px; }
        .jmhp-planner .ui-dialog .ui-dialog-titlebar .ui-button .ui-button-text {
          padding: 0;
          text-indent: inherit; }
        .jmhp-planner .ui-dialog .ui-dialog-titlebar .ui-button .ui-icon {
          display: none; }
    .jmhp-planner .ui-dialog .ui-dialog-titlebar-close {
      padding: 0; }
    .jmhp-planner .ui-dialog .ui-dialog-title {
      display: table-cell;
      text-align: left;
      padding: 5px 5px 5px 10px;
      text-transform: uppercase;
      font-size: 11px;
      color: #606A70; }
    .jmhp-planner .ui-dialog .ui-dialog-content {
      padding: 5px 10px; }
    .jmhp-planner .ui-dialog .ui-dialog-buttonpane {
      border: 0;
      margin: 0;
      background: none;
      color: black;
      padding: 5px 10px;
      text-align: center; }
      .jmhp-planner .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: inherit; }
      .jmhp-planner .ui-dialog .ui-dialog-buttonpane .ui-button {
        border: 1px solid #923944;
        border-radius: 3px;
        color: black;
        background: none;
        font-family: 'Open Sans', sans-serif;
        font-weight: normal;
        color: #923944;
        text-transform: uppercase;
        font-size: 11px;
        padding: 4px 10px;
        cursor: pointer;
        outline: none;
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out; }
        .jmhp-planner .ui-dialog .ui-dialog-buttonpane .ui-button .ui-button-text {
          padding: 0; }
        .jmhp-planner .ui-dialog .ui-dialog-buttonpane .ui-button:hover {
          background-color: #923944;
          color: #fff; }
  .jmhp-planner .ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000 repeat scroll;
    opacity: 0.6; }
  .jmhp-planner__icon--draggable {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: center center; }
  .draggable#banquets-small .jmhp-planner__icon--draggable {
    background-size: auto 90%; }
  .draggable#rounds-0 .jmhp-planner__icon--draggable {
    background-size: auto 40%; }
  .draggable#rounds-small .jmhp-planner__icon--draggable {
    background-size: auto 60%; }
  .jmhp-planner__icon--cake {
    background-image: url(../images/icon-cake.svg); }
  .jmhp-planner__icon--gift {
    background-image: url(../images/icon-gift.svg); }
  .jmhp-planner__icon--food {
    background-image: url(../images/icon-food.svg); }
  .jmhp-planner__icon--bar {
    background-image: url(../images/icon-bar.svg); }
  .jmhp-planner__icon--couple {
    background-image: url(../images/icon-couple.svg); }
  .jmhp-planner__icon--dj {
    background-image: url(../images/icon-dj.svg); }
  .jmhp-planner__color--draggable {
    position: absolute;
    bottom: -7px;
    left: -7px;
    width: 15px;
    height: 15px;
    border: 1px solid rgba(96, 106, 112, 0.7);
    border-radius: 50%;
    z-index: 999; }
    #rounds-8 .jmhp-planner__color--draggable, #rounds-9 .jmhp-planner__color--draggable, #rounds-10 .jmhp-planner__color--draggable {
      bottom: 20%;
      left: 20%; }
    #rounds-0 .jmhp-planner__color--draggable {
      bottom: 0;
      left: 0; }
    #rounds-small .jmhp-planner__color--draggable {
      bottom: -10%;
      left: -10%; }
    #banquets-8 .jmhp-planner__color--draggable {
      bottom: 15%;
      left: 8%; }
  .jmhp-planner__header, .jmhp-planner__footer, .jmhp-planner__content {
    position: relative;
    font-size: 14px;
    padding: 8px 12px;
    margin: 0;
    line-height: 1.4;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .jmhp-planner__header {
    border-bottom: 1px solid #eee; }
  .jmhp-planner__footer {
    border-top: 1px solid #eee; }
  .jmhp-planner__content#planner {
    overflow-x: auto;
    overflow-y: hidden;
    background-color: #fff; }
  .jmhp-planner__separator {
    margin: 10px 0;
    border-bottom: 1px solid #eee; }
  .jmhp-planner__title {
    float: left;
    margin: 3px;
    padding: .5em 0;
    line-height: 16px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
    color: #282828; }
  .jmhp-planner__background {
    position: relative;
    width: 8.1514in;
    height: 5.984in;
    background-image: url(../images/planner-bg.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat; }
  .jmhp-planner__guests {
    position: absolute;
    bottom: -7%;
    left: 48%;
    font-size: 12px; }
  .jmhp-planner__instructions {
    font-size: 13px; }
    .jmhp-planner__instructions ul {
      list-style: circle; }
  .jmhp-planner__additional textarea {
    height: auto; }
  .jmhp-planner__icon-add {
    position: absolute;
    left: 3.2%;
    bottom: 22.5%;
    width: 4.9%;
    height: 9%;
    background-image: url(../images/icons.svg);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 9;
    cursor: pointer;
    transition: all .2s ease; }
    .jmhp-planner__icon-add:hover {
      opacity: 0.85;
      bottom: 25%; }
  .jmhp-planner__color-add {
    position: absolute;
    left: 3.5%;
    bottom: 13%;
    width: 4.3%;
    height: 8.5%;
    background-image: url(../images/colors.svg);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 9;
    cursor: pointer;
    transition: all .2s ease; }
    .jmhp-planner__color-add:hover {
      opacity: 0.85;
      bottom: 14.5%; }
  .jmhp-planner__trash {
    position: absolute;
    bottom: 0;
    left: 1.82%;
    width: 7.92%;
    height: 13%;
    transition: box-shadow .2s ease; }
    .jmhp-planner__trash--open .jmhp-planner__trash-lid, .jmhp-planner__trash--open .jmhp-planner__trash-lidcap {
      transform: rotate(-15deg);
      margin-bottom: 15%; }
    .jmhp-planner__trash-lid, .jmhp-planner__trash-lidcap, .jmhp-planner__trash-bin {
      position: absolute; }
    .jmhp-planner__trash-lid, .jmhp-planner__trash-lidcap {
      border-top-left-radius: 100%;
      border-top-right-radius: 100%;
      background: #923944;
      transition: transform .2s linear, margin .2s linear; }
    .jmhp-planner__trash-lid {
      bottom: 66.666%;
      left: 11.111%;
      height: 11%;
      width: 77.777%; }
    .jmhp-planner__trash-lidcap {
      bottom: 76.666%;
      left: 44.444%;
      height: 5.555%;
      width: 11%; }
    .jmhp-planner__trash-bin {
      bottom: 0;
      left: 19.5%;
      width: 60%;
      height: 65%;
      background: #923944;
      border-bottom-left-radius: 10%;
      border-bottom-right-radius: 10%; }
  .jmhp-planner__field {
    margin-top: 5px;
    text-align: left; }
    .jmhp-planner__field--label {
      margin-bottom: 1px;
      font-size: 15px; }
    .jmhp-planner__field select {
      font-size: 14px;
      height: 30px;
      border-color: #999;
      background: white; }
  .jmhp-planner__items {
    position: relative;
    width: 8.1514in;
    font-size: 0;
    margin-top: 20px; }
    .jmhp-planner__items-cell {
      display: inline-block;
      width: 1.63028in;
      margin-top: 10px; }
  .jmhp-planner__item {
    position: relative;
    margin: 3px 0; }
    .jmhp-planner__item-title {
      line-height: 16px;
      font-size: 11px; }
    .jmhp-planner__item-meta {
      line-height: 14px;
      font-size: 9px; }
    .jmhp-planner__item-placeholder {
      background-image: repeating-linear-gradient(45deg, transparent, transparent 3px, rgba(96, 106, 112, 0.1) 3px, rgba(96, 106, 112, 0.1) 6px);
      background-size: contain; }
    .jmhp-planner__item--circular {
      border-radius: 50%; }
    .jmhp-planner__item .draggable {
      position: absolute;
      width: 100%;
      height: 100%;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      box-sizing: border-box;
      cursor: move; }
    .jmhp-planner__item .ui-rotatable-handle {
      position: absolute;
      width: 12px;
      height: 12px;
      cursor: pointer;
      background-image: url(../images/rotation-handle.svg);
      background-size: 100%;
      left: -5px;
      top: -5px;
      transform: rotate(-45deg); }
    .jmhp-planner__item#rounds-8 {
      width: 0.7722in;
      height: 0.7722in; }
      .jmhp-planner__item#rounds-8 .draggable {
        background-image: url(../images/rounds-8.svg); }
    .jmhp-planner__item#rounds-9 {
      width: 0.7792in;
      height: 0.7792in; }
      .jmhp-planner__item#rounds-9 .draggable {
        background-image: url(../images/rounds-9.svg); }
    .jmhp-planner__item#rounds-10 {
      width: 0.775in;
      height: 0.775in; }
      .jmhp-planner__item#rounds-10 .draggable {
        background-image: url(../images/rounds-10.svg); }
    .jmhp-planner__item#rounds-0 {
      width: 0.4917in;
      height: 0.4917in; }
      .jmhp-planner__item#rounds-0 .draggable {
        background-image: url(../images/rounds-0.svg); }
    .jmhp-planner__item#rounds-small {
      width: 0.25in;
      height: 0.25in; }
      .jmhp-planner__item#rounds-small .draggable {
        background-image: url(../images/rounds-small.svg); }
    .jmhp-planner__item#banquets-6 {
      width: 0.6in;
      height: 0.5333in; }
      .jmhp-planner__item#banquets-6 .draggable {
        background-image: url(../images/banquets-6.svg); }
    .jmhp-planner__item#banquets-7 {
      width: 0.7417in;
      height: 0.5333in; }
      .jmhp-planner__item#banquets-7 .draggable {
        background-image: url(../images/banquets-7.svg); }
    .jmhp-planner__item#banquets-8 {
      width: 0.8833in;
      height: 0.5333in; }
      .jmhp-planner__item#banquets-8 .draggable {
        background-image: url(../images/banquets-8.svg); }
    .jmhp-planner__item#banquets-0 {
      width: 0.6in;
      height: 0.25in; }
      .jmhp-planner__item#banquets-0 .draggable {
        background-image: url(../images/banquets-0.svg); }
    .jmhp-planner__item#banquets-medium {
      width: 0.5in;
      height: 0.25in; }
      .jmhp-planner__item#banquets-medium .draggable {
        background-image: url(../images/banquets-medium.svg); }
    .jmhp-planner__item#banquets-small {
      width: 0.6in;
      height: 0.16in; }
      .jmhp-planner__item#banquets-small .draggable {
        background-image: url(../images/banquets-small.svg); }
    .jmhp-planner__item#coatrack {
      width: 0.6in;
      height: 0.16in; }
      .jmhp-planner__item#coatrack .draggable {
        background-image: url(../images/coatrack.svg); }
    .jmhp-planner__item#drinkstand {
      width: 0.4708in;
      height: 0.1917in; }
      .jmhp-planner__item#drinkstand .draggable {
        background-image: url(../images/drinkstand.svg); }
    .jmhp-planner__item#half-rounds {
      width: 0.4917in;
      height: 0.2459in; }
      .jmhp-planner__item#half-rounds .draggable {
        background-image: url(../images/half-rounds.svg); }
    .jmhp-planner__item#guestbook {
      width: 0.25in;
      height: 0.18in; }
      .jmhp-planner__item#guestbook .draggable {
        background-image: url(../images/guestbook.svg); }
    .jmhp-planner__item#chairs {
      width: 0.1292in;
      height: 0.1417in; }
      .jmhp-planner__item#chairs .draggable {
        background-image: url(../images/chair.svg); }
  .jmhp-planner__restraint {
    position: absolute;
    top: 0%;
    right: -3.5%;
    bottom: 6.3%;
    left: 2.2%; }
  .jmhp-planner__obstacle {
    position: absolute; }
    .jmhp-planner__obstacle--circular {
      border-radius: 50%; }
    .jmhp-planner__obstacle#top-left {
      top: 0%;
      left: 0;
      width: 3.9%;
      height: 39.5%; }
    .jmhp-planner__obstacle#bottom-left {
      bottom: 0%;
      left: -0.9%;
      width: 12.6%;
      height: 33.3%; }
    .jmhp-planner__obstacle#wall-top {
      top: 12.2%;
      left: 12.2%;
      height: 1.4%;
      width: 87%; }
    .jmhp-planner__obstacle#wall-right {
      top: 12%;
      right: 0%;
      width: 1.1%;
      height: 89%; }
    .jmhp-planner__obstacle#wall-bottom {
      bottom: -1%;
      left: 12.2%;
      height: 1.4%;
      width: 87%;}
    .jmhp-planner__obstacle#wall-left {
      top: 12%;
      left: 12.2%;
      width: 1%;
      height: 87.8%; }
    .jmhp-planner__obstacle#wall-entry-left {
      top: 39.8%;
      left: -0.8%;
      width: 1%;
      height: 28%; }
    .jmhp-planner__obstacle#door-entry-left {
      top: 48%;
      left: 0;
      width: 3.7%;
      height: 12.2%; }
    .jmhp-planner__obstacle#door-entry-right {
      top: 47%;
      left: 8.25%;
      width: 8%;
      height: 12.2%; }
    .jmhp-planner__obstacle#door-top-left {
      top: 7.2%;
      left: 23.6%;
      width: 7.5%;
      height: 12.3%; }
    .jmhp-planner__obstacle#door-top-right {
      top: 7.2%;
      left: 77.7%;
      width: 7.5%;
      height: 12.1%; }
    .jmhp-planner__obstacle#door-bottom-left {
      bottom: -1%;
      left: 25.8%;
      width: 6.8%;
      height: 6.1%; }
    .jmhp-planner__obstacle#door-bottom-right {
      bottom: -1.1%;
      left: 76.7%;
      width: 6.8%;
      height: 6.1%; }
    .jmhp-planner__obstacle#station {
    top: 12.3%;
    right: 1%;
    width: 5.31%;
    height: 9.5%; }
    .jmhp-planner__obstacle#drinkstand {
      bottom: -1%;
      left: 70.5%;
      width: 5.5%;
      height: 4.3%; }
    .jmhp-planner__obstacle#light-top-left {
      top: 10%;
      left: 34.8%;
      width: 4.15%;
      height: 6.9%; }
    .jmhp-planner__obstacle#light-bottom-left {
      bottom: -3.2%;
      left: 38.5%;
      width: 4.1%;
      height: 6.75%; }
    .jmhp-planner__obstacle#light-top-right {
      top: 10%;
      left: 66%;
      width: 4.1%;
      height: 6.9%; }
    .jmhp-planner__obstacle#light-bottom-right {
      bottom: -3.2%;
      left: 66.4%;
      width: 4.1%;
      height: 6.75%; }
.jmhp-planner__obstacle#bench1 {
      top: 8.7%;
      right: 52%;
      width: 14.3%;
      height: 3.5%;}
.jmhp-planner__obstacle#bench2 {
      top: 8.7%;
      right: 25.2%;
      width: 13.9%;
      height: 3.5%; }
