*, *:before, *:after{
  box-sizing:content-box;
  box-sizing:initial; }

html,
body{
  height:auto !important;
  min-height:100%; }

.ui.dimmer{
  box-sizing:border-box; }

.ui.error{
  height:auto;
  margin:0 !important;
  flex-direction:initial;
  justify-content:initial; }

.japps-debug{
  padding:1em;
  margin:.2em 0;
  font-size:.9em;
  line-height:1.3;
  border:1px solid var(--border);
  border-radius:var(--rounded);
  background-color:var(--bg-secondary); }
  .japps-debug:before{
    content:'DEBUG';
    display:block;
    margin:-1em -1em 1em;
    font-size:10px;
    font-weight:bold;
    color:var(--subtitle);
    line-height:1; }

.japps{
  font-size:16px;
  box-sizing:border-box; }

@-ms-viewport{
  .japps{
    width:device-width; } }

@-o-viewport{
  .japps{
    width:device-width; } }

@viewport{
  .japps{
    width:device-width; } }
  .japps [hidden]{
    display:none !important; }
  .japps p{
    font-size:1em;
    line-height:1.3em;
    margin-bottom:.75em; }
  .japps small, .japps .small{
    font-size:0.86em; }
  .japps h1, .japps h2, .japps h3, .japps h4, .japps h5, .japps h6{
    padding:0; }
  .japps form{
    margin:0;
    padding:0; }
  .japps input[type="text"],
  .japps input[type="password"],
  .japps input[type="datetime"],
  .japps input[type="datetime-local"],
  .japps input[type="date"],
  .japps input[type="month"],
  .japps input[type="time"],
  .japps input[type="week"],
  .japps input[type="number"],
  .japps input[type="email"],
  .japps input[type="url"],
  .japps input[type="search"],
  .japps input[type="tel"],
  .japps input[type="color"],
  .japps textarea:not([class*="span"]),
  .japps select{
    height:auto; }
  .japps iframe{
    max-width:100%;
    border:none; }
  .japps *, .japps *:before, .japps *:after{
    box-sizing:inherit; }
  .japps .ui.button{
    border:1px solid transparent; }
    .japps .ui.button:hover{
      opacity:1 !important; }
  .japps .ui.buttons.block{
    display:flex !important; }
  .japps .ui.form .fields{
    margin-bottom:0 !important; }
  .japps .ui.form .row{
    margin-left:-0.5em;
    margin-right:-0.5em; }
    .japps .ui.form .row > .field,
    .japps .ui.form .row > [class*="col"]{
      padding-left:0.5em;
      padding-right:0.5em; }
  .japps .ui.form .field{
    margin-bottom:1em; }
    .japps .ui.form .field > label:not(.button){
      line-height:1.3 !important; }
  .japps .ui.form .prompt.label{
    display:none !important;
    position:absolute !important;
    visibility:hidden !important; }
  .japps .ui.form .hasError .prompt.label{
    display:inline-block !important;
    position:static !important;
    visibility:visible !important;
    color:var(--danger) !important;
    padding:.5em 0 0;
    font-size:.76rem;
    font-weight:500;
    letter-spacing:.04em;
    background:transparent !important;
    border:none !important; }
  .japps .ui.form .hasError input:not(.button),
  .japps .ui.form .hasError select,
  .japps .ui.form .hasError textarea,
  .japps .ui.form .hasError .ui.dropdown,
  .japps .ui.form .hasError .ui.dropdown .item,
  .japps .ui.form .hasError .ui.dropdown .text{
    background:var(--danger-inverse); }
  .japps .ui.checkbox:not(.button){
    padding:0 !important; }
  .japps .ui.checkbox > input,
  .japps .ui.checkbox > label{
    margin:0 !important; }
  .japps .ui.checkbox.toggle > label:empty{
    padding-left:3.5rem !important; }
  .japps .ui.checkbox.toggle.green input:checked ~ label:before{
    background-color:var(--success) !important; }
  .japps .ui.checkbox.toggle.red input:checked ~ label:before{
    background-color:var(--danger) !important; }
  .japps .ui.checkbox.toggle.red.attention input:checked ~ label{
    font-weight:bold;
    font-size:1.3em !important;
    color:var(--danger) !important; }
  .japps .ui.checkbox.button{
    margin:0 !important;
    min-height:auto !important;
    line-height:1; }
    .japps .ui.checkbox.button:hover, .japps .ui.checkbox.button.focus{
      box-shadow:inset 0 0 0 50px rgba(0, 0, 0, 0.2) !important; }
    .japps .ui.checkbox.button > label{
      display:none !important; }
  .japps .ui.error.message:not(.icon){
    display:block; }
  .japps.ui.modal{
    left:auto !important; }
    .japps.ui.modal.active:not(.front){
      opacity:.7; }
      .japps.ui.modal.active:not(.front) .close.icon{
        display:none; }
    .japps.ui.modal > .content{
      position:relative; }
    .japps.ui.modal > .actions .field{
      margin-bottom:0 !important; }
    @media only screen and (max-width: 768px){
      .japps.ui.modal > .actions > .row{
        margin-bottom:1rem; } }
  @media only screen and (max-width: 992px){
    .japps.ui.modal > .close{
      right:0 !important; } }
  .japps .ui.table{
    display:table;
    padding:0; }
  .japps .ui.table th, .japps .ui.table td{
    line-height:1.3; }
  .japps .active.left, .japps .active.right{
    overflow:visible !important;
    position:relative !important;
    width:auto !important;
    animation:none; }
  .japps .hasPopup.visible,
  .japps [data-popup].visible,
  .japps .hastooltip.visible,
  .japps [data-tooltip].visible{
    display:inline-block !important; }
  .japps .ui.toast.error{
    display:block !important;
    height:auto !important;
    margin:0 !important; }
  .japps .ui.toast-container{
    font-size:14px; }
  .japps .icon.toast > .icon:not(.close){
    font-size:1.25em; }
  .japps .icon.toast .content{
    padding-left:2em; }
  .japps .icon.toast .content > div.header + div{
    line-height:1.5; }
  .japps .japps-header{
    align-items:center;
    margin-bottom:.5rem; }
    .japps .japps-header h4{
      margin:0;
      line-height:1; }
  .japps .japps-toolbar{
    text-align:right; }
  @media only screen and (max-width: 576px){
    .japps .japps-header > *,
    .japps .japps-header > * > *{
      text-align:center !important; } }
  .japps .japps-filter-footer{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    padding-top:1em;
    line-height:1;
    border-top:1px solid var(--border); }
    .japps .japps-filter-footer > .ui.checkbox.toggle{
      margin-right:auto; }
    .japps .japps-filter-footer > .footer-addons{
      margin-right:1em;
      padding-right:1em;
      border-right:1px solid var(--border); }
    .japps .japps-filter-footer > .ui.buttons.small{
      margin-right:-3px; }
  .japps .japps-filter-search-results{
    font-weight:500;
    color:var(--accent); }
  .japps .japps-list-content{
    position:relative; }
    .japps .japps-list-content .list-col-action,
    .japps .japps-list-content .list-col-icon{
      width:45px; }
  .japps .custom-list-view .pagination-view{
    margin-top:1em;
    padding-top:1em;
    border-top:1px solid var(--border); }
  .japps.list-modal .header{
    padding:1rem; }
  .japps.list-modal .content{
    padding:0 !important; }
    .japps.list-modal .content .ui.table{
      border:none !important; }
  .japps.list-modal .japps-toolbar{
    position:absolute;
    right:1rem;
    transform:translateY(calc((0.75rem + 100%) * -1)); }
  @media only screen and (max-width: 992px){
    .japps.list-modal .japps-toolbar{
      right:2.5rem;
      transform:translateY(calc((.5rem + 100%) * -1)); } }
  .japps.list-modal .japps-filter{
    border-width:0 0 1px !important;
    border-radius:0 !important; }
  .japps.list-modal .list-message{
    border:none;
    border-radius:0;
    box-shadow:none; }
  .japps.app-confirm.modal{
    position:-webkit-sticky !important;
    position:sticky !important;
    margin-bottom:auto; }
  .japps .japps-form{
    position:relative; }
    .japps .japps-form.item-edit .only-reset,
    .japps .japps-form:not(.item-edit) .only-edit{
      display:none !important; }
  .japps.form-modal .formToolbar{
    position:absolute;
    top:1rem;
    right:1rem;
    display:flex;
    align-items:center; }
    .japps.form-modal .formToolbar input[name="displayId"]{
      width:70px !important;
      max-width:100%;
      margin-right:0.25em !important;
      padding-left:7px;
      padding-right:0; }
  @media only screen and (max-width: 992px){
    .japps.form-modal .formToolbar{
      right:2.5rem; } }
  @media only screen and (max-width: 768px){
    .japps.form-modal .formToolbar{
      top:.6rem; } }
  .japps.form-modal .formPaginator{
    display:inline-flex; }
  .japps.form-modal.tiny .formPaginator > button{
    display:none !important; }
  @media only screen and (max-width: 576px){
    .japps.form-modal .formPaginator{
      display:none; } }
  .japps label span.label-tag{
    float:right;
    padding:2px 4px;
    font-weight:normal;
    color:var(--subtitle);
    font-size:12px;
    line-height:1;
    border-radius:2px; }
  .japps .checkbox.toggle-off{
    margin:0 !important; }
  .japps .form-actions{
    margin-top:1.5em;
    padding-top:1.5em;
    border-top:1px solid var(--border); }
  .japps .japps-item-content{
    position:relative; }
    .japps .japps-item-content .itemNavigation{
      position:relative;
      margin-top:30px;
      padding-top:15px;
      border-top:1px solid var(--border);
      z-index:1000; }
  .japps:not(.modal) .japps-item{
    padding-top:1em;
    border-top:1px solid var(--border); }
  .japps .load-progress{
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:2px;
    margin:0;
    overflow:hidden;
    opacity:0;
    transition:opacity .5s; }
    .japps .load-progress.active{
      opacity:1; }
      .japps .load-progress.active > div{
        background-color:var(--primary); }
        .japps .load-progress.active > div:before, .japps .load-progress.active > div:after{
          content:'';
          position:absolute;
          background-color:inherit;
          top:0;
          left:0;
          bottom:0;
          will-change:left, right; }
        .japps .load-progress.active > div:before{
          animation:indeterminate 1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; }
        .japps .load-progress.active > div:after{
          animation:indeterminate-short 1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
          animation-delay:0.12s; }
  .japps.modal .load-progress{
    top:-1px; }

@keyframes indeterminate{
  0%{
    left:-35%;
    right:100%; }
  60%{
    left:100%;
    right:-90%; }
  100%{
    left:100%;
    right:-90%; } }

@keyframes indeterminate-short{
  0%{
    left:-200%;
    right:100%; }
  60%{
    left:107%;
    right:-8%; }
  100%{
    left:107%;
    right:-8%; } }
  .japps .field-plainText{
    padding-top:.5em;
    font-size:1em;
    line-height:1.0; }
  .japps .field-price{
    text-align:right; }
  .japps .field-file-container .field-file-list{
    border-radius:.25rem;
    overflow:hidden; }
    .japps .field-file-container .field-file-list.single .file-list-item + .file-list-item{
      text-decoration:line-through; }
    .japps .field-file-container .field-file-list .file-list-message{
      padding:.4rem .5rem;
      font-size:13px;
      color:var(--danger-inverse);
      background-color:var(--danger); }
    .japps .field-file-container .field-file-list .file-list-item{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:.5rem;
      background-color:var(--bg-secondary);
      margin:0;
      font-size:.9rem; }
      .japps .field-file-container .field-file-list .file-list-item + .file-list-item{
        margin-top:1px; }
      .japps .field-file-container .field-file-list .file-list-item .file-list-image{
        width:36px;
        height:36px;
        margin-right:.5rem;
        background-position:center;
        background-repeat:no-repeat;
        background-size:cover;
        background-color:#fff;
        border:1px solid #fff; }
      .japps .field-file-container .field-file-list .file-list-item .file-list-info{
        flex-grow:1;
        white-space:nowrap;
        text-overflow:ellipsis;
        overflow:hidden; }
      .japps .field-file-container .field-file-list .file-list-item .file-list-actions{
        display:flex;
        margin-left:.5rem; }
        .japps .field-file-container .field-file-list .file-list-item .file-list-actions a > i{
          margin:0 0 0 0.5rem !important; }
    .japps .field-file-container .field-file-list.mini .file-list-image{
      width:24px;
      height:24px; }
    .japps .field-file-container .field-file-list.small .file-list-image{
      width:36px;
      height:36px; }
    .japps .field-file-container .field-file-list.medium .file-list-image{
      width:48px;
      height:48px; }
    .japps .field-file-container .field-file-list.large .file-list-image{
      width:64px;
      height:64px; }
    .japps .field-file-container .field-file-list.big .file-list-image{
      width:100px;
      height:100px; }
  .japps .field-file-container.image.single{
    width:100%;
    position:relative;
    border:2px dashed var(--border); }
    .japps .field-file-container.image.single a.trigger-field-file{
      position:absolute;
      top:0;
      left:0;
      bottom:0;
      right:0; }
      .japps .field-file-container.image.single a.trigger-field-file > i{
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
        margin:0;
        padding:16px;
        color:#fff;
        line-height:1;
        border-radius:100%;
        background:rgba(0, 0, 0, 0.4); }
      .japps .field-file-container.image.single a.trigger-field-file:hover{
        background:rgba(0, 0, 0, 0.2); }
        .japps .field-file-container.image.single a.trigger-field-file:hover > i{
          background:rgba(0, 0, 0, 0.6); }
    .japps .field-file-container.image.single .field-file-list{
      margin:2px;
      padding-top:100%;
      background-color:var(--bg-secondary);
      background-position:center;
      background-repeat:no-repeat;
      background-size:contain; }
      .japps .field-file-container.image.single .field-file-list .file-list-message{
        position:absolute;
        top:2px;
        right:2px;
        left:2px; }
      .japps .field-file-container.image.single .field-file-list .file-list-actions{
        position:absolute;
        right:0;
        bottom:0px;
        display:inline-flex;
        justify-content:space-evenly;
        min-width:100px;
        padding:.4rem .2rem;
        text-align:center;
        border-radius:.25rem 0 0 0;
        background-color:rgba(255, 255, 255, 0.9); }
        .japps .field-file-container.image.single .field-file-list .file-list-actions i.icon{
          margin:0 !important; }
    .japps .field-file-container.image.single.cover > .field-file-list{
      background-size:cover; }
  .japps .hasError .field-file-container.image.single{
    border-color:var(--danger);
    background-color:var(--danger-inverse); }
  .japps .trumbowyg-box:not(.trumbowyg-editor-hidden) .trumbowyg-textarea{
    position:absolute; }
  .japps .trumbowyg-box.trumbowyg-editor-hidden{
    display:flex;
    flex-direction:column; }
    .japps .trumbowyg-box.trumbowyg-editor-hidden textarea{
      flex:1 1;
      max-height:100% !important;
      border:none; }

@media print{
  .japps-list-content table{
    border-collapse:collapse; }
  .japps-list-content thead{
    display:table-row-group !important; }
  .japps-list-content tr td{
    page-break-inside:avoid !important; }
  .japps-list-content .list-col-action{
    display:none; } }