{% load static %}
{% block ui_library_include %}
{% 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;
}
{% include DYNAMICFORMS.template_root|add:'rtf_field_style.html' %}
{% with primary_color='#007bff' secondary_color='#6c757d' success_color='#28a745' danger_color='#dc3545' warning_color='#ffc107' info_color='#17a2b8' %}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem;
}
.text-primary {
color: {{ primary_color }};
}
.bg-primary {
background-color: {{ primary_color }} !important;
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff;
}
.text-secondary {
color: {{ secondary_color }};
}
.bg-secondary {
background-color: {{ secondary_color }} !important;
}
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db;
}
.text-success {
color: {{ success_color }};
}
.bg-success {
background-color: {{ success_color }} !important;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.text-danger {
color: {{ danger_color }};
}
.bg-danger {
background-color: {{ danger_color }} !important;
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.text-warning {
color: {{ warning_color }};
}
.bg-warning {
background-color: {{ warning_color }} !important;
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
.text-info {
color: {{ info_color }};
}
.bg-info {
background-color: {{ info_color }} !important;
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb;
}
{% endwith %}
{% endblock %}