2021-06-18 09:22:04 +02:00
|
|
|
/* utils */
|
|
|
|
.mw-75 {
|
|
|
|
max-width: 75% !important;
|
|
|
|
}
|
|
|
|
.mw-50 {
|
|
|
|
max-width: 50% !important;
|
|
|
|
}
|
|
|
|
.mw-25 {
|
|
|
|
max-width: 25% !important;
|
|
|
|
}
|
|
|
|
.mh-75 {
|
2021-07-19 14:58:54 +02:00
|
|
|
max-height: 75% !important;
|
2021-06-18 09:22:04 +02:00
|
|
|
}
|
|
|
|
.mh-50 {
|
2021-07-19 14:58:54 +02:00
|
|
|
max-height: 50% !important;
|
2021-06-18 09:22:04 +02:00
|
|
|
}
|
|
|
|
.mh-25 {
|
2021-07-19 14:58:54 +02:00
|
|
|
max-height: 25% !important;
|
2021-06-18 09:22:04 +02:00
|
|
|
}
|
|
|
|
|
2020-12-07 14:15:59 +01:00
|
|
|
/* Toast */
|
|
|
|
.toast {
|
|
|
|
min-width: 250px;
|
|
|
|
}
|
|
|
|
.toast-primary {
|
|
|
|
color: #004085;
|
|
|
|
background-color: #cce5ff;
|
|
|
|
border-color: #b8daff;
|
|
|
|
}
|
|
|
|
.toast-primary strong {
|
|
|
|
color: #002752;
|
|
|
|
}
|
|
|
|
.toast-secondary {
|
|
|
|
color: #383d41;
|
|
|
|
background-color: #e2e3e5;
|
|
|
|
border-color: #d6d8db;
|
|
|
|
}
|
|
|
|
.toast-secondary strong {
|
|
|
|
color: #202326;
|
|
|
|
}
|
|
|
|
.toast-success {
|
|
|
|
color: #155724 !important;
|
|
|
|
background-color: #d4edda !important;
|
|
|
|
border-color: #c3e6cb !important;
|
|
|
|
}
|
|
|
|
.toast-success strong {
|
|
|
|
color: #0b2e13;
|
|
|
|
}
|
|
|
|
.toast-info {
|
|
|
|
color: #0c5460;
|
|
|
|
background-color: #d1ecf1;
|
|
|
|
border-color: #bee5eb;
|
|
|
|
}
|
|
|
|
.toast-info strong {
|
|
|
|
color: #062c33;
|
|
|
|
}
|
|
|
|
.toast-warning {
|
|
|
|
color: #856404;
|
|
|
|
background-color: #fff3cd;
|
|
|
|
border-color: #ffeeba;
|
|
|
|
}
|
|
|
|
.toast-warning strong {
|
|
|
|
color: #533f03;
|
|
|
|
}
|
|
|
|
.toast-danger {
|
|
|
|
color: #721c24;
|
|
|
|
background-color: #f8d7da;
|
|
|
|
border-color: #f5c6cb;
|
|
|
|
}
|
|
|
|
.toast-danger strong {
|
|
|
|
color: #491217;
|
|
|
|
}
|
|
|
|
.toast-light {
|
|
|
|
color: #818182;
|
|
|
|
background-color: #fefefe;
|
|
|
|
border-color: #fdfdfe;
|
|
|
|
}
|
|
|
|
.toast-light strong {
|
|
|
|
color: #686868;
|
|
|
|
}
|
|
|
|
.toast-dark {
|
|
|
|
color: #1b1e21;
|
|
|
|
background-color: #d6d8d9;
|
|
|
|
border-color: #c6c8ca;
|
|
|
|
}
|
|
|
|
.toast-dark strong {
|
|
|
|
color: #040505;
|
|
|
|
}
|
2021-06-12 11:57:49 +02:00
|
|
|
|
|
|
|
div.progress-timeline {
|
|
|
|
padding: 0.2em 0.2em 0.5em 0.2em;
|
|
|
|
}
|
|
|
|
div.progress-timeline ul {
|
|
|
|
position: relative;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
div.progress-timeline li {
|
|
|
|
list-style-type: none;
|
|
|
|
position: relative
|
|
|
|
}
|
|
|
|
div.progress-timeline li.progress-inactive {
|
|
|
|
opacity: 0.5;
|
|
|
|
}
|
|
|
|
div.progress-timeline .progress-line {
|
|
|
|
height: 2px;
|
|
|
|
/* background: gray; */
|
|
|
|
}
|
|
|
|
div.progress-timeline .progress-line.progress-inactive {
|
|
|
|
opacity: 0.5;
|
2021-07-19 14:58:54 +02:00
|
|
|
}
|
|
|
|
|
2021-07-20 11:54:55 +02:00
|
|
|
.callout {
|
2021-07-30 08:17:51 +02:00
|
|
|
border: 1px solid #00000000;
|
|
|
|
border-left-color: var(--light);
|
2021-07-19 14:58:54 +02:00
|
|
|
border-left-width: 1px;
|
|
|
|
border-left-width: .25rem;
|
|
|
|
border-radius: .25rem;
|
|
|
|
}
|
2021-07-20 11:54:55 +02:00
|
|
|
.callout-primary {
|
2021-07-19 14:58:54 +02:00
|
|
|
border-left-color: var(--primary);
|
|
|
|
}
|
2021-07-20 11:54:55 +02:00
|
|
|
.callout-info {
|
2021-07-19 14:58:54 +02:00
|
|
|
border-left-color: var(--info);
|
|
|
|
}
|
2021-07-20 11:54:55 +02:00
|
|
|
.callout-success {
|
2021-07-19 14:58:54 +02:00
|
|
|
border-left-color: var(--success);
|
|
|
|
}
|
2021-07-20 11:54:55 +02:00
|
|
|
.callout-warning {
|
2021-07-19 14:58:54 +02:00
|
|
|
border-left-color: var(--warning);
|
|
|
|
}
|
2021-07-20 11:54:55 +02:00
|
|
|
.callout-danger {
|
2021-07-19 14:58:54 +02:00
|
|
|
border-left-color: var(--danger);
|
|
|
|
}
|
2021-07-20 11:54:55 +02:00
|
|
|
.callout-dark {
|
2021-07-19 14:58:54 +02:00
|
|
|
border-left-color: var(--dark);
|
|
|
|
}
|
2021-07-20 11:54:55 +02:00
|
|
|
.callout-light {
|
2021-07-19 14:58:54 +02:00
|
|
|
border-left-color: var(--light);
|
2021-07-20 11:54:55 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.form-control.is-invalid.warning {
|
|
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ffc107' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffc107' stroke='none'/%3e%3c/svg%3e")
|
2021-07-21 16:07:30 +02:00
|
|
|
}
|
2021-07-23 10:32:00 +02:00
|
|
|
.form-control.is-invalid.warning:focus {
|
|
|
|
box-shadow: 0 0 0 0.2rem #ffc10740;
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-control.is-invalid.info {
|
|
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2317a2b8' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%2317a2b8' stroke='none'/%3e%3c/svg%3e")
|
|
|
|
}
|
|
|
|
.form-control.is-invalid.info:focus {
|
|
|
|
box-shadow: 0 0 0 0.2rem #17a2b840;
|
|
|
|
}
|
|
|
|
|
2021-07-22 16:59:26 +02:00
|
|
|
.custom-select.is-invalid.warning {
|
|
|
|
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ffc107' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffc107' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
|
|
|
|
}
|
2021-07-23 12:03:03 +02:00
|
|
|
.custom-select.is-invalid.info {
|
|
|
|
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%2317a2b8' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%2317a2b8' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
|
|
|
|
}
|
2021-07-21 16:07:30 +02:00
|
|
|
|
2021-07-22 15:51:06 +02:00
|
|
|
.custom-control-input.is-invalid.warning ~ .custom-control-label {
|
|
|
|
color: unset;
|
|
|
|
}
|
|
|
|
.custom-control-input.is-invalid.warning ~ .custom-control-label::before {
|
|
|
|
border-color: #ffc107;
|
|
|
|
}
|
|
|
|
.custom-control-input.is-invalid.warning:checked ~ .custom-control-label::before {
|
|
|
|
background-color: #ffc107;
|
|
|
|
}
|
|
|
|
.custom-control-input.is-invalid.warning:focus:not(:checked) ~ .custom-control-label::before {
|
|
|
|
border-color: #ffc107;
|
|
|
|
}
|
|
|
|
.custom-control-input.is-invalid.warning:focus ~ .custom-control-label::before {
|
|
|
|
box-shadow: 0 0 0 0.2rem #ffc10740;
|
|
|
|
}
|
2021-07-30 08:17:51 +02:00
|
|
|
.custom-control-input.is-invalid.info ~ .custom-control-label {
|
|
|
|
color: unset;
|
|
|
|
}
|
|
|
|
.custom-control-input.is-invalid.info ~ .custom-control-label::before {
|
|
|
|
border-color: #17a2b8;
|
|
|
|
}
|
|
|
|
.custom-control-input.is-invalid.info:checked ~ .custom-control-label::before {
|
|
|
|
background-color: #17a2b8;
|
|
|
|
}
|
|
|
|
.custom-control-input.is-invalid.info:focus:not(:checked) ~ .custom-control-label::before {
|
|
|
|
border-color: #17a2b8;
|
|
|
|
}
|
|
|
|
.custom-control-input.is-invalid.info:focus ~ .custom-control-label::before {
|
|
|
|
box-shadow: 0 0 0 0.2rem #17a2b840;
|
|
|
|
}
|
2021-07-22 15:51:06 +02:00
|
|
|
|
2021-07-21 16:07:30 +02:00
|
|
|
.p-abs-center-y {
|
|
|
|
top: 50%;
|
|
|
|
transform: translateY(-50%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.p-abs-center-x {
|
|
|
|
left: 50%;
|
|
|
|
transform: translateX(-50%);
|
|
|
|
}
|
|
|
|
|
|
|
|
.p-abs-center-both {
|
|
|
|
top: 50%;
|
|
|
|
left: 50%;
|
|
|
|
transform: translateX(-50%) translateY(-50%);
|
2021-06-12 11:57:49 +02:00
|
|
|
}
|