{% load static %}
{% block ui_library_include %}
  <link href="{% static 'jquery_ui/css/jquery-ui.min.css' %}" rel="stylesheet">
  <link href="{% static 'jquery_ui/css/jquery-ui.structure.min.css' %}" rel="stylesheet">
  <link href="{% static 'jquery_ui/css/jquery-ui.theme.min.css' %}" rel="stylesheet">
  <script src="{% static 'jquery_ui/js/jquery-ui.min.js' %}"></script>
{% endblock %}

{% block additional_style %}
  fieldset {
    border:  none;
    padding: 0;
  }

  form fieldset {
    border-spacing: .4em;
  }

  .ui-dialog .ui-state-error {
    padding: .3em;
  }

  .ui-error-container {
    margin-bottom: .8em;
  }

  table {
    border-collapse: collapse;
  }

  table td {
    border-top:    1px solid #ddd;
    height:        2em;
    padding-left:  .5em;
    padding-right: .5em;
  }

  table tr:nth-child(even):not(.dynamicforms-filterrow) {
    background: rgba(0, 0, 0, .1)
  }

  table tr:nth-child(odd) {
    background: rgba(255, 255, 255, .1)
  }

  .ui-widget-overlay {
    background: #aaaaaa;
    opacity:    .3;
  }

  .add-btn {
    float: right;
  }

  .dynamicforms-actioncontrol {
    padding: 0 .25rem;
    display: inline-block;
  }

  .dynamicforms-actioncontrol .btn {
    margin-top:    -.25rem;
    margin-right:  .5rem;
    padding:       .15rem .3rem;
    font-size:     .675rem;
    line-height:   1.1;
    border-radius: .13rem;
  }

  .dynamicforms-actioncontrol .btn img {
    margin: .05rem .25rem .05rem 0;
    width:  .75rem;
    height: .75rem;
  }

  .dynamicforms-inputs {
    width:      100%;
    box-sizing: border-box;
  }

  .dynamicforms-table-col {
    display: table-cell;
  }

  .dynamicforms-filterrow {
    height: 2.2em;
  }

  .df-card {
    display: inline-block;
    margin:  1em;
    clear:   both;
  }

  .help-block {
    font-size: 75%;
    opacity:   .5;
  }

  .dynamicforms-label {
    display: table-cell;
  }

  .dynamicforms-table-row {
    display: table-row;
  }

  .input-icons {
    position: relative;
  }

  .input-icons span {
    position:  absolute;
    transform: translate(-50%, -50%);
    top:       60%;
    right:     0;
  }

  .progress-bar .ui-dialog-titlebar-close {
    display: none;
  }

  .progress-bar .indeterminate .ui-progressbar-value {
    position:  relative;
    animation: progress-indeterminate 3s linear infinite;
  }

{% endblock %}
