.jb-post-popup-wrapper {
  display: none;
  position: fixed;
  bottom: 0;
  z-index: 100;
  background: #fff;
  left: 0;
  right: 0;
  height: 300px;
  border-top: 1px solid #dddddd;
  padding: 15px 30px;
  font-size: 16px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }
  .jb-post-popup-wrapper.jb-fullsize {
    top: 32px;
    height: auto; }
    .jb-post-popup-wrapper.jb-fullsize .jb-post-popup-action-fullsize .fa-expand-arrows-alt {
      display: none; }
    .jb-post-popup-wrapper.jb-fullsize .jb-post-popup-action-fullsize .fa-compress-arrows-alt {
      display: inline; }
  .jb-post-popup-wrapper .jb-post-popup-action-fullsize .fa-expand-arrows-alt {
    display: inline; }
  .jb-post-popup-wrapper .jb-post-popup-action-fullsize .fa-compress-arrows-alt {
    display: none; }
  .jb-post-popup-wrapper .jb-post-popup-toolbar {
    position: absolute;
    top: -16px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 0; }
    .jb-post-popup-wrapper .jb-post-popup-toolbar .jb-post-popup-action-fullsize {
      border-radius: 16px;
      border: 1px solid #000;
      background-color: #000;
      color: #fff;
      width: 32px;
      height: 32px;
      text-align: center;
      line-height: 28px;
      display: inline-block;
      cursor: pointer; }
      .jb-post-popup-wrapper .jb-post-popup-toolbar .jb-post-popup-action-fullsize:hover {
        border-color: rgba(0, 0, 0, 0.8);
        background-color: rgba(0, 0, 0, 0.8); }
  .jb-post-popup-wrapper .jb-error-field {
    border: 1px solid #d8000c; }
  .jb-post-popup-wrapper.jb-ui-xs, .jb-post-popup-wrapper.jb-ui-s {
    padding: 15px 5px;
    height: 500px; }
  .jb-post-popup-wrapper.jb-ui-m {
    padding: 15px 5px;
    height: 500px; }
    .jb-post-popup-wrapper.jb-ui-m .jb-post-popup-header > :not(:last-child) {
      max-width: 48%; }

.jb-post-popup-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin-bottom: 10px; }
  .jb-post-popup-header .jb-post-popup-header-section {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap; }
    .jb-post-popup-header .jb-post-popup-header-section.jb-post-popup-actions {
      display: flex;
      flex-direction: row;
      justify-content: flex-end;
      align-items: center;
      flex-wrap: nowrap;
      font-size: 14px; }
      .jb-post-popup-header .jb-post-popup-header-section.jb-post-popup-actions input[type="button"] ~ .jb-ajax-loading {
        display: none; }
      .jb-post-popup-header .jb-post-popup-header-section.jb-post-popup-actions label {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: nowrap; }
        .jb-post-popup-header .jb-post-popup-header-section.jb-post-popup-actions label input {
          margin: 0; }
      .jb-post-popup-header .jb-post-popup-header-section.jb-post-popup-actions > :not(:last-child) {
        margin: 0 5px 0 0; }
  .jb-post-popup-header > :not(:last-child) {
    margin: 0 5px 0 0; }

.jb-post-popup-actions-bottom {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: baseline;
  flex-wrap: nowrap; }
  .jb-post-popup-actions-bottom > :not(:last-child) {
    margin: 0 5px 0 0; }
