sneat 버전 업데이트(2.0.0) 적용 (libs)

master
이범준 4 months ago
parent 2c44b89181
commit 92f0fbf5ca

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -0,0 +1,84 @@
.fv-sr-only {
display: none;
}
.fv-plugins-framework input::-ms-clear,
.fv-plugins-framework textarea::-ms-clear {
display: none;
height: 0;
width: 0;
}
.fv-plugins-message-container--enabled {
display: block;
}
.fv-plugins-message-container--disabled {
display: none;
}
.fv-plugins-bootstrap5 {
/* Support floating label */
/* For horizontal form */
/* Stacked form */
/* Inline form */
}
.fv-plugins-bootstrap5 .fv-plugins-bootstrap5-row-invalid .fv-plugins-icon {
color: #dc3545;
}
.fv-plugins-bootstrap5 .fv-plugins-bootstrap5-row-valid .fv-plugins-icon {
color: #198754;
}
.fv-plugins-bootstrap5 .fv-plugins-icon {
align-items: center;
display: flex;
justify-content: center;
height: 38px;
width: 38px;
}
.fv-plugins-bootstrap5 .input-group ~ .fv-plugins-icon {
z-index: 3;
}
.fv-plugins-bootstrap5 .fv-plugins-icon-input-group {
right: -38px;
}
.fv-plugins-bootstrap5 .form-floating .fv-plugins-icon {
height: 58px;
}
.fv-plugins-bootstrap5 .row .fv-plugins-icon {
right: 12px;
}
.fv-plugins-bootstrap5 .row .fv-plugins-icon-check {
top: -7px; /* labelHeight/2 - iconHeight/2 */
}
.fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label ~ .fv-plugins-icon {
top: 32px;
}
.fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label ~ .fv-plugins-icon-check {
top: 25px;
}
.fv-plugins-bootstrap5:not(.fv-plugins-bootstrap5-form-inline) label.sr-only ~ .fv-plugins-icon-check {
top: -7px;
}
.fv-plugins-bootstrap5.fv-plugins-bootstrap5-form-inline .fv-plugins-icon {
right: calc(var(--bs-gutter-x, 1.5rem) / 2);
}
.fv-plugins-bootstrap5 .form-select.fv-plugins-icon-input.is-valid,
.fv-plugins-bootstrap5 .form-select.fv-plugins-icon-input.is-invalid,
.fv-plugins-bootstrap5 .form-control.fv-plugins-icon-input.is-valid,
.fv-plugins-bootstrap5 .form-control.fv-plugins-icon-input.is-invalid {
background-image: none;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -683,16 +683,16 @@
.light-style .apexcharts-canvas .apexcharts-tooltip {
background: #fff;
border-color: #d9dee3;
box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);
border-color: #e4e6e8;
box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
}
.light-style .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
background: #fff;
border-color: #d9dee3;
border-color: #e4e6e8;
font-family: var(--bs-font-sans-serif) !important;
}
.light-style .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light {
color: #566a7f;
color: #384551;
}
.light-style .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark {
color: #fff;
@ -703,8 +703,8 @@
.light-style .apexcharts-canvas .apexcharts-xaxistooltip,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip {
background: #f5f5f9;
border-color: #d9dee3;
color: #566a7f;
border-color: #e4e6e8;
color: #384551;
}
.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom:after, .light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-bottom:after,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-bottom:after,
@ -714,7 +714,7 @@
.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom:before, .light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-bottom:before,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-bottom:before,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-bottom:before {
border-bottom-color: #d9dee3;
border-bottom-color: #e4e6e8;
}
.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-left:after, .light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-left:after,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-left:after,
@ -724,7 +724,7 @@
.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-left:before, .light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-left:before,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-left:before,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-left:before {
border-left-color: #d9dee3;
border-left-color: #e4e6e8;
}
.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-right:after, .light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-right:after,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-right:after,
@ -734,7 +734,7 @@
.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-right:before, .light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-right:before,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-right:before,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-right:before {
border-right-color: #d9dee3;
border-right-color: #e4e6e8;
}
.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-top:after, .light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-top:after,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-top:after,
@ -744,31 +744,28 @@
.light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-top:before, .light-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-top:before,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-top:before,
.light-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-top:before {
border-top-color: #d9dee3;
border-top-color: #e4e6e8;
}
.light-style .apexcharts-canvas .apexcharts-tooltip-text {
font-family: var(--bs-font-sans-serif) !important;
filter: none;
}
.light-style .apexcharts-canvas .apexcharts-marker {
filter: drop-shadow(0 2px 4px rgba(161, 172, 184, 0.4));
}
.dark-style #radarChart .apexcharts-canvas .apexcharts-grid line {
opacity: 0;
}
.dark-style .apexcharts-canvas .apexcharts-tooltip {
background: #232333;
border-color: #444564;
box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
border-color: #4e4f6c;
box-shadow: 0 0.1875rem 0.5rem 0 rgba(20, 20, 29, 0.22);
}
.dark-style .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
background: #232333;
border-color: #444564;
border-color: #4e4f6c;
font-family: var(--bs-font-sans-serif) !important;
}
.dark-style .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-light {
color: #cbcbe2;
color: #d5d5e2;
}
.dark-style .apexcharts-canvas .apexcharts-tooltip.apexcharts-theme-dark {
color: #fff;
@ -779,8 +776,8 @@
.dark-style .apexcharts-canvas .apexcharts-xaxistooltip,
.dark-style .apexcharts-canvas .apexcharts-yaxistooltip {
background: #232333;
color: #cbcbe2;
border-color: #444564;
color: #d5d5e2;
border-color: #4e4f6c;
}
.dark-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom:after, .dark-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-bottom:after,
.dark-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-bottom:after,
@ -790,7 +787,7 @@
.dark-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom:before, .dark-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-bottom:before,
.dark-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-bottom:before,
.dark-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-bottom:before {
border-bottom-color: #444564;
border-bottom-color: #4e4f6c;
}
.dark-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-left:after, .dark-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-left:after,
.dark-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-left:after,
@ -800,7 +797,7 @@
.dark-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-left:before, .dark-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-left:before,
.dark-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-left:before,
.dark-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-left:before {
border-left-color: #444564;
border-left-color: #4e4f6c;
}
.dark-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-right:after, .dark-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-right:after,
.dark-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-right:after,
@ -810,7 +807,7 @@
.dark-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-right:before, .dark-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-right:before,
.dark-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-right:before,
.dark-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-right:before {
border-right-color: #444564;
border-right-color: #4e4f6c;
}
.dark-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-top:after, .dark-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-top:after,
.dark-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-top:after,
@ -820,10 +817,7 @@
.dark-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-xaxistooltip-top:before, .dark-style .apexcharts-canvas .apexcharts-xaxistooltip.apexcharts-yaxistooltip-top:before,
.dark-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-xaxistooltip-top:before,
.dark-style .apexcharts-canvas .apexcharts-yaxistooltip.apexcharts-yaxistooltip-top:before {
border-top-color: #444564;
}
.dark-style .apexcharts-marker {
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
border-top-color: #4e4f6c;
}
[dir=rtl] .apexcharts-canvas .apexcharts-yaxis text {
@ -834,12 +828,3 @@
margin-right: 0;
margin-left: 0.5rem;
}
#salesActivityChart .apexcharts-xcrosshairs.apexcharts-active,
#salesActivityChart .apexcharts-ycrosshairs.apexcharts-active,
#totalRevenueChart .apexcharts-xcrosshairs.apexcharts-active,
#totalRevenueChart .apexcharts-ycrosshairs.apexcharts-active,
#expensesBarChart .apexcharts-xcrosshairs.apexcharts-active,
#expensesBarChart .apexcharts-ycrosshairs.apexcharts-active {
opacity: 0;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -6,23 +6,22 @@
margin: 0;
}
.datepicker .datepicker-days {
margin: 0.6rem;
margin: 0.5rem;
}
.datepicker .next,
.datepicker .prev {
color: transparent !important;
position: relative;
border-radius: 0.25rem;
border-radius: 0.375rem;
}
.datepicker table thead tr th.next, .datepicker table thead tr th.prev {
width: 1.4375rem;
height: 1.4375rem;
width: 1.875rem;
height: 1.875rem;
display: table-caption;
top: 0.5rem;
top: 0.25rem;
}
.datepicker table thead tr th.datepicker-switch {
vertical-align: bottom;
font-weight: 500;
padding-top: 0.4rem;
}
html:not([dir=rtl]) .datepicker table thead tr th.next {
float: right;
@ -38,10 +37,6 @@ html:not([dir=rtl]) .datepicker table thead tr th.prev {
[dir=rtl] .datepicker table thead tr th.prev {
right: 0.5rem;
}
.datepicker table tbody td.today:not(.active) {
display: table-caption;
padding-top: 0.25rem;
}
.datepicker .next::after,
.datepicker .prev::after {
content: "";
@ -99,14 +94,14 @@ html:not([dir=rtl]) .datepicker .prev::after {
.datepicker table tbody:before {
content: "@";
display: block;
line-height: 6px;
line-height: 15px;
text-indent: -99999px;
}
.datepicker table tr td,
.datepicker table tr th {
width: 2.188rem;
height: 2.05rem;
width: 2.25rem;
height: 2.25rem;
text-align: center;
border: none;
}
@ -114,7 +109,7 @@ html:not([dir=rtl]) .datepicker .prev::after {
.datepicker table tr th.dow {
font-size: 0.8125rem;
font-weight: normal;
padding-top: 0.6rem;
vertical-align: bottom;
}
.datepicker table tr td {
@ -130,6 +125,9 @@ html:not([dir=rtl]) .datepicker .prev::after {
.datepicker table tr td.range {
border-radius: 0 !important;
}
.datepicker table tr td.range.today {
box-shadow: none !important;
}
html:not([dir=rtl]) .datepicker table tr td.range-start:not(.range-end) {
border-bottom-right-radius: 0 !important;
border-top-right-radius: 0 !important;
@ -154,8 +152,8 @@ html:not([dir=rtl]) .datepicker table tr td.range-end:not(.range-start) {
display: block;
float: left;
width: 3.375rem;
height: 3.375rem;
line-height: 3.375rem;
height: 2.375rem;
line-height: 2.375rem;
cursor: pointer;
}
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
@ -216,85 +214,98 @@ html:not([dir=rtl]) .datepicker table tr td.range-end:not(.range-start) {
z-index: 1091 !important;
}
.light-style .datepicker.datepicker-inline table {
box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);
box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
}
.light-style .datepicker th.prev, .light-style .datepicker th.next {
background-color: rgba(67, 89, 113, 0.1);
background-color: rgba(34, 48, 62, 0.08);
}
.light-style .datepicker th.prev::after, .light-style .datepicker th.next::after {
color: #697a8d;
border-color: #697a8d;
color: #646e78;
border-color: #646e78;
}
.light-style .datepicker table tr td.new, .light-style .datepicker table tr td.new:hover, .light-style .datepicker table tr td.new:focus,
.light-style .datepicker table tr th.new,
.light-style .datepicker table tr th.new:hover,
.light-style .datepicker table tr th.new:focus {
color: #a1acb8;
color: #a7acb2;
}
.light-style .datepicker table tr td.dow, .light-style .datepicker table tr td.datepicker-switch,
.light-style .datepicker table tr th.dow,
.light-style .datepicker table tr th.datepicker-switch {
color: #384551;
}
.light-style .datepicker table tr td {
color: #384551;
}
.light-style .datepicker table tr td.old, .light-style .datepicker table tr td.old:hover, .light-style .datepicker table tr td.old:focus, .light-style .datepicker table tr td.disabled {
color: #a1acb8;
color: #a7acb2;
}
.light-style .datepicker table tr td.cw {
background: #f6f7f8;
background: #f2f3f3;
}
.light-style .datepicker table tr td.day:hover, .light-style .datepicker table tr td.focused {
background: #f7f8f9;
color: #697a8d;
background: #f2f3f3;
color: #384551;
}
.light-style .datepicker table tr td span {
border-radius: 0.375rem;
}
.light-style .datepicker table tr td span:hover, .light-style .datepicker table tr td span.focused {
background: #f7f8f9;
background: #f2f3f3;
}
.light-style .datepicker table tr td span.disabled, .light-style .datepicker table tr td span.disabled:hover {
color: #a1acb8;
color: #a7acb2;
}
.light-style .datepicker table tr td span.old, .light-style .datepicker table tr td span.new, .light-style .datepicker table tr td span.old:hover, .light-style .datepicker table tr td span.new:hover, .light-style .datepicker table tr td span.old:focus, .light-style .datepicker table tr td span.new:focus {
color: #a1acb8;
color: #a7acb2;
}
.dark-style .datepicker-dropdown {
z-index: 1091 !important;
}
.dark-style th.prev, .dark-style th.next {
background-color: #444564;
background-color: rgba(230, 230, 241, 0.08);
}
.dark-style th.prev::after, .dark-style th.next::after {
color: #a3a4cc;
border-color: #a3a4cc;
color: #b2b2c4;
border-color: #b2b2c4;
}
.dark-style .datepicker.datepicker-inline table {
box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0.1875rem 0.5rem 0 rgba(20, 20, 29, 0.22);
}
.dark-style .datepicker table tr td.new, .dark-style .datepicker table tr td.new:hover, .dark-style .datepicker table tr td.new:focus,
.dark-style .datepicker table tr th.new,
.dark-style .datepicker table tr th.new:hover,
.dark-style .datepicker table tr th.new:focus {
color: #7071a4;
color: #7e7f96;
}
.dark-style .datepicker table tr td.dow, .dark-style .datepicker table tr td.datepicker-switch,
.dark-style .datepicker table tr th.dow,
.dark-style .datepicker table tr th.datepicker-switch {
color: #d5d5e2;
}
.dark-style .datepicker table tr td {
color: #a3a4cc;
color: #d5d5e2;
}
.dark-style .datepicker table tr td.old, .dark-style .datepicker table tr td.old:hover, .dark-style .datepicker table tr td.old:focus, .dark-style .datepicker table tr td.disabled {
color: #7071a4;
color: #7e7f96;
}
.dark-style .datepicker table tr td.cw {
background: #38384e;
background: #36374b;
}
.dark-style .datepicker table tr td.day:hover, .dark-style .datepicker table tr td.focused {
background: rgba(124, 125, 182, 0.1);
color: #a3a4cc;
background: rgba(230, 230, 241, 0.06);
color: #d5d5e2;
}
.dark-style .datepicker table tr td span {
border-radius: 0.375rem;
}
.dark-style .datepicker table tr td span:hover, .dark-style .datepicker table tr td span.focused {
background: rgba(124, 125, 182, 0.1);
background: rgba(230, 230, 241, 0.06);
}
.dark-style .datepicker table tr td span.disabled, .dark-style .datepicker table tr td span.disabled:hover {
color: #7071a4;
color: #7e7f96;
}
.dark-style .datepicker table tr td span.old, .dark-style .datepicker table tr td span.new, .dark-style .datepicker table tr td span.old:hover, .dark-style .datepicker table tr td span.new:hover, .dark-style .datepicker table tr td span.old:focus, .dark-style .datepicker table tr td span.new:focus {
color: #7071a4;
color: #7e7f96;
}

@ -1,9 +1,8 @@
.daterangepicker {
position: absolute;
max-width: none;
padding: 0;
padding: 0.875rem 0 0.5rem;
display: none;
border-radius: 0.5rem;
}
.daterangepicker tbody:before {
content: "@";
@ -14,9 +13,30 @@
[dir=rtl] .daterangepicker {
direction: rtl !important;
}
.daterangepicker table thead tr:first-child {
height: 52px !important;
position: relative;
}
.daterangepicker .calendar-table td {
border-radius: 0.375rem;
}
.daterangepicker table thead th select,
.daterangepicker table thead td select {
background-color: transparent;
font-weight: 500;
}
.daterangepicker:not(.single) .drp-calendar .calendar-table {
padding: 0 0.5rem 0.3rem 0.3rem;
html:not([dir=rtl]) .daterangepicker .drp-calendar:not(.single).left .prev {
left: 0.25rem;
}
[dir=rtl] .daterangepicker .drp-calendar:not(.single).left .prev {
right: 0.25rem;
}
html:not([dir=rtl]) .daterangepicker .drp-calendar:not(.single).right .next {
right: 0.25rem;
}
[dir=rtl] .daterangepicker .drp-calendar:not(.single).right .next {
left: 0.25rem;
}
.daterangepicker.auto-apply .drp-buttons {
@ -30,7 +50,7 @@
.daterangepicker .drp-calendar {
display: none;
padding: 0.2rem;
padding: 0 0.8rem 0.8rem;
}
.daterangepicker .drp-calendar.single .calendar-table {
border: 0;
@ -49,40 +69,24 @@
}
.daterangepicker .calendar-table .next,
.daterangepicker .calendar-table .prev {
position: relative;
min-width: 1.4375rem;
width: 1.4375rem;
height: 1.4375rem;
display: table-caption;
border-radius: 0.25rem;
top: 0.75rem;
}
html:not([dir=rtl]) .daterangepicker .calendar-table .prev {
left: 0.5rem;
}
[dir=rtl] .daterangepicker .calendar-table .prev {
right: 0.5rem;
}
html:not([dir=rtl]) .daterangepicker .calendar-table .next {
right: -0.25rem;
}
[dir=rtl] .daterangepicker .calendar-table .next {
left: -0.25rem;
}
.daterangepicker .calendar-table .month {
padding: 0.5rem;
font-weight: 500;
position: absolute;
top: 0.65rem;
min-width: unset;
height: 1.875rem;
width: 1.875rem;
border-radius: 0.375rem;
display: flex;
justify-content: center;
align-items: center;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
position: relative;
display: inline-block;
border-width: 0 2px 2px 0;
border-style: solid;
border-radius: 0;
height: 0.45rem;
width: 0.45rem;
bottom: 0.3rem;
}
.daterangepicker .calendar-table .prev span {
margin-right: -0.225rem;
@ -112,20 +116,49 @@ html:not([dir=rtl]) .daterangepicker .calendar-table .next {
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
vertical-align: middle;
min-width: 2rem;
height: 2rem;
width: 2rem;
line-height: calc(2rem - 2px);
min-width: 2.25rem;
line-height: calc(2.25rem - 2px);
white-space: nowrap;
text-align: center;
cursor: pointer;
}
html:not([dir=rtl]) .daterangepicker.single .calendar-table .next {
right: -0.5rem;
.daterangepicker .calendar-table td {
height: 2.25rem;
width: 2.25rem;
}
.daterangepicker .calendar-table th {
width: 2.25rem;
height: 2.75rem;
}
.daterangepicker .calendar-table tr:first-child th:not(.prev):not(.next) {
height: 2.25rem;
}
[dir=rtl] .daterangepicker.single .calendar-table .next {
left: -0.5rem;
.daterangepicker .calendar-table .daterangepicker .single .next {
float: right;
}
html:not([dir=rtl]) .daterangepicker .calendar-table .daterangepicker .single .next {
right: 0.625rem;
}
[dir=rtl] .daterangepicker .calendar-table .daterangepicker .single .next {
left: 0.625rem;
}
html:not([dir=rtl]) .daterangepicker .calendar-table .daterangepicker .single .prev {
right: 3.125rem;
}
[dir=rtl] .daterangepicker .calendar-table .daterangepicker .single .prev {
left: 3.125rem;
}
.daterangepicker .calendar-table .daterangepicker .single th.month {
position: absolute;
top: 0.5rem;
}
html:not([dir=rtl]) .daterangepicker .calendar-table .daterangepicker .single th.month {
text-align: left;
left: 0.562rem;
}
[dir=rtl] .daterangepicker .calendar-table .daterangepicker .single th.month {
text-align: right;
right: 0.562rem;
}
html:not([dir=rtl]) .daterangepicker td.start-date:not(.end-date) {
@ -169,7 +202,7 @@ html:not([dir=rtl]) .daterangepicker td.end-date:not(.start-date) {
outline: 0;
}
.daterangepicker select.monthselect {
width: 56%;
width: 46%;
margin-right: 2%;
}
[dir=rtl] .daterangepicker select.monthselect {
@ -177,13 +210,14 @@ html:not([dir=rtl]) .daterangepicker td.end-date:not(.start-date) {
margin-right: 0;
}
.daterangepicker select.yearselect {
width: 45%;
width: 40%;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
outline: 0;
width: 3.125rem;
padding: 2px;
margin: 0 auto;
border-radius: 0.25rem;
}
.daterangepicker .calendar-time {
@ -197,35 +231,27 @@ html:not([dir=rtl]) .daterangepicker td.end-date:not(.start-date) {
}
.daterangepicker .drp-buttons {
padding: 0.5rem 0.8125rem;
padding: 0.8rem 1.2rem;
clear: both;
display: none;
text-align: right;
vertical-align: middle;
border-top: 1px solid;
}
.daterangepicker .drp-buttons .btn {
margin-left: 0.2rem;
margin-left: 0.96rem;
}
[dir=rtl] .daterangepicker .drp-buttons {
text-align: left;
}
[dir=rtl] .daterangepicker .drp-buttons .btn {
margin-left: 0;
margin-right: 0.2rem;
margin-right: 0.96rem;
}
.daterangepicker .drp-selected {
width: 100%;
padding-bottom: 0.2rem;
padding-bottom: 0.8rem;
display: block;
font-size: 0.8125rem;
}
html:not([dir=rtl]) .daterangepicker .drp-selected {
margin-right: 0.4rem;
}
[dir=rtl] .daterangepicker .drp-selected {
margin-left: 0.4rem;
}
.daterangepicker .ranges {
@ -234,11 +260,18 @@ html:not([dir=rtl]) .daterangepicker .drp-selected {
margin: 0;
}
.daterangepicker .ranges ul {
padding: 0;
padding: 0.5rem;
margin: 0 auto;
list-style: none;
width: 100%;
}
.daterangepicker .ranges li {
border-radius: 0.375rem;
padding: 0.543rem 1.25rem;
}
.daterangepicker .ranges li:not(:first-child) {
margin-top: 0.125rem;
}
[dir=rtl] .daterangepicker .ranges {
text-align: right;
}
@ -257,94 +290,107 @@ html:not([dir=rtl]) .daterangepicker .drp-calendar.right {
padding-right: 1px;
}
.daterangepicker .calendar-table thead tr:last-child th {
border-radius: 0 !important;
font-size: 0.8125rem;
font-weight: normal;
}
.daterangepicker.with-week-numbers .drp-calendar.left thead tr:first-child th:first-child {
display: none;
}
.light-style .daterangepicker {
margin-top: 0.125rem;
z-index: 1091 !important;
border: 1px solid transparent;
width: calc(14.4rem + 2px);
box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);
border: 0 solid #e4e6e8;
border-radius: 0.375rem;
width: calc(17.35rem + 0 * 2);
box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
background-color: #fff;
}
.light-style .daterangepicker table thead {
background: #fff;
}
.light-style .daterangepicker table thead th,
.light-style .daterangepicker table thead td {
color: #384551;
}
.light-style .daterangepicker table thead th.prev span, .light-style .daterangepicker table thead th.next span,
.light-style .daterangepicker table thead td.prev span,
.light-style .daterangepicker table thead td.next span {
border-color: #646e78 !important;
}
.light-style .daterangepicker table thead th select,
.light-style .daterangepicker table thead td select {
background-color: transparent;
color: #384551;
}
.light-style .daterangepicker table tbody th,
.light-style .daterangepicker table tbody td {
color: #384551;
}
.light-style .daterangepicker.drop-up {
margin-top: -0.125rem;
}
.light-style .daterangepicker.with-week-numbers {
width: calc(16.4rem + 2px);
}
.light-style .daterangepicker .calendar-table th.prev,
.light-style .daterangepicker .calendar-table th.next,
.light-style .daterangepicker .calendar-table th.prev:hover,
.light-style .daterangepicker .calendar-table th.next:hover {
background-color: rgba(67, 89, 113, 0.1);
width: calc(19.6rem + 0 * 2);
}
.light-style .daterangepicker .calendar-table td {
border-radius: 0.375rem;
}
.light-style .daterangepicker .drp-buttons,
.light-style .daterangepicker .ranges {
border-color: #d9dee3;
.light-style .daterangepicker .drp-selected {
font-size: 0.8125rem;
}
.light-style .daterangepicker .calendar-table thead tr:last-child th {
border-radius: 0 !important;
color: #384551;
font-size: 0.8125rem;
font-weight: 400;
}
.light-style .daterangepicker th.month {
color: #384551;
font-weight: 400;
}
.light-style .daterangepicker td.week,
.light-style .daterangepicker th.week {
color: #697a8d;
background: #f6f7f8;
border-radius: 0;
color: #384551;
font-weight: 400;
}
.light-style .daterangepicker td.disabled,
.light-style .daterangepicker option.disabled {
color: #a1acb8;
color: #a7acb2;
}
.light-style .daterangepicker td.available:not(.active):hover,
.light-style .daterangepicker th.available:hover {
background: #f7f8f9;
background-color: rgba(34, 48, 62, 0.06);
}
.light-style .daterangepicker td.off {
color: #a1acb8;
color: #a7acb2;
}
.light-style .daterangepicker .ranges li {
cursor: pointer;
padding: 0.532rem 1.25rem;
padding: 0.543rem 1.25rem;
color: #384551;
}
.light-style .daterangepicker .ranges li:hover {
background-color: rgba(67, 89, 113, 0.04);
background-color: rgba(34, 48, 62, 0.06);
}
.light-style .daterangepicker .calendar-table .next,
.light-style .daterangepicker .calendar-table .prev {
background-color: rgba(34, 48, 62, 0.08) !important;
}
.light-style .daterangepicker .calendar-table .next span,
.light-style .daterangepicker .calendar-table .prev span {
border-color: #697a8d;
}
.light-style .daterangepicker .calendar-table .next:hover span,
.light-style .daterangepicker .calendar-table .prev:hover span {
border-color: #697a8d;
}
.light-style .daterangepicker select {
color: #697a8d;
border-color: #646e78;
}
.light-style .daterangepicker select.hourselect, .light-style .daterangepicker select.minuteselect, .light-style .daterangepicker select.secondselect, .light-style .daterangepicker select.ampmselect {
background: rgba(67, 89, 113, 0.1);
font-size: 0.75rem;
color: #697a8d;
border-radius: 0.25rem;
background: #e9eaec;
font-size: 0.8125rem;
color: #646e78;
border: 1px solid transparent;
}
.light-style .daterangepicker select.monthselect option, .light-style .daterangepicker select.yearselect option {
color: #697a8d;
.light-style .daterangepicker select.hourselect option, .light-style .daterangepicker select.minuteselect option, .light-style .daterangepicker select.secondselect option, .light-style .daterangepicker select.ampmselect option {
background: #fff;
}
.light-style .daterangepicker select.monthselect option, .light-style .daterangepicker select.yearselect option {
color: #646e78;
background: transparent;
}
.light-style .daterangepicker select.monthselect option:disabled, .light-style .daterangepicker select.yearselect option:disabled {
color: #a1acb8;
color: #a7acb2;
}
.light-style .daterangepicker .calendar-time select.disabled {
color: #b4bdc6;
color: #a7acb2;
}
@media (min-width: 768px) {
.light-style .daterangepicker {
@ -355,118 +401,133 @@ html:not([dir=rtl]) .daterangepicker .drp-calendar.right {
padding: 0;
display: inline-block;
}
.light-style .daterangepicker .ranges {
border-bottom: 0;
}
.light-style:not([dir=rtl]) .daterangepicker:not(.single) .drp-calendar {
float: left;
}
.light-style:not([dir=rtl]) .daterangepicker:not(.single) .drp-calendar.left {
padding-right: 0;
}
.light-style:not([dir=rtl]) .daterangepicker:not(.single) .ranges {
float: left;
}
.light-style:not([dir=rtl]) .daterangepicker:not(.single) .drp-calendar.left {
border-right: 1px solid #d9dee3;
padding-right: 1rem;
}
.light-style[dir=rtl] .daterangepicker:not(.single) .drp-calendar {
float: right;
}
.light-style[dir=rtl] .daterangepicker:not(.single) .drp-calendar.left {
padding-left: 0;
padding-left: 1rem;
}
.light-style[dir=rtl] .daterangepicker:not(.single) .ranges {
float: right;
}
@media (min-width: 992px) {
.light-style .daterangepicker .ranges {
border-bottom: 0;
}
.light-style[dir=rtl] .daterangepicker:not(.single) .drp-calendar.left {
border-left: 1px solid #d9dee3;
.light-style:not([dir=rtl]) .daterangepicker .ranges {
float: left;
}
}
@media (max-width: 767.98px) {
.light-style .daterangepicker:not(.single) .drp-calendar.left {
border-bottom: 1px solid #d9dee3;
.light-style[dir=rtl] .daterangepicker .ranges {
float: right;
}
}
.dark-style .daterangepicker {
box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
width: calc(14.4rem + 2px);
box-shadow: 0 0.1875rem 0.5rem 0 rgba(20, 20, 29, 0.22);
width: calc(17.35rem + 0 * 2);
margin-top: 0.125rem;
background-color: #323249;
border: 1px solid transparent;
background-color: #2b2c40;
border: 0 solid #4e4f6c;
border-radius: 0.375rem;
z-index: 1091 !important;
}
.dark-style .daterangepicker table thead {
background: #2b2c40;
}
.dark-style .daterangepicker table thead th,
.dark-style .daterangepicker table thead td {
color: #d5d5e2;
}
.dark-style .daterangepicker table thead th.prev span, .dark-style .daterangepicker table thead th.next span,
.dark-style .daterangepicker table thead td.prev span,
.dark-style .daterangepicker table thead td.next span {
border-color: #d5d5e2 !important;
}
.dark-style .daterangepicker table thead th select,
.dark-style .daterangepicker table thead td select {
background-color: transparent;
color: #d5d5e2;
}
.dark-style .daterangepicker table tbody th,
.dark-style .daterangepicker table tbody td {
color: #d5d5e2;
}
.dark-style .daterangepicker.with-week-numbers {
width: calc(16.4rem + 2px);
width: calc(19.6rem + 0 * 2);
}
.dark-style .daterangepicker.drop-up {
margin-top: -0.125rem;
}
.dark-style .daterangepicker .calendar-table th.prev,
.dark-style .daterangepicker .calendar-table th.next,
.dark-style .daterangepicker .calendar-table th.prev:hover,
.dark-style .daterangepicker .calendar-table th.next:hover {
background-color: #444564;
}
.dark-style .daterangepicker .calendar-table td {
border-radius: 0.375rem;
}
.dark-style .daterangepicker .drp-buttons,
.dark-style .daterangepicker .ranges {
border-color: #444564;
.dark-style .daterangepicker .drp-selected {
font-size: 0.8125rem;
}
.dark-style .daterangepicker .calendar-table thead tr:last-child th {
border-radius: 0 !important;
color: #d5d5e2;
font-size: 0.8125rem;
font-weight: 400;
}
.dark-style .daterangepicker th.month {
color: #d5d5e2;
font-weight: 400;
}
.dark-style .daterangepicker td.week,
.dark-style .daterangepicker th.week {
color: #a3a4cc;
background: #38384e;
border-radius: 0;
}
.dark-style .daterangepicker td.available:not(.active):hover,
.dark-style .daterangepicker th.available:hover {
background: rgba(124, 125, 182, 0.1);
color: #d5d5e2;
font-weight: 400;
}
.dark-style .daterangepicker td.disabled,
.dark-style .daterangepicker option.disabled {
color: #7071a4;
color: #7e7f96;
}
.dark-style .daterangepicker td.available:not(.active):hover,
.dark-style .daterangepicker th.available:hover {
background-color: rgba(230, 230, 241, 0.06);
}
.dark-style .daterangepicker td.off {
color: #7071a4;
color: #7e7f96;
}
.dark-style .daterangepicker .ranges li {
cursor: pointer;
padding: 0.532rem 1.25rem;
padding: 0.543rem 1.25rem;
color: #d5d5e2;
}
.dark-style .daterangepicker .ranges li:hover {
background-color: rgba(124, 125, 182, 0.1);
background-color: rgba(230, 230, 241, 0.06);
}
.dark-style .daterangepicker .calendar-table .next,
.dark-style .daterangepicker .calendar-table .prev {
background-color: rgba(230, 230, 241, 0.08) !important;
}
.dark-style .daterangepicker .calendar-table .next span,
.dark-style .daterangepicker .calendar-table .prev span {
border-color: #a3a4cc;
}
.dark-style .daterangepicker .calendar-table .next:hover span,
.dark-style .daterangepicker .calendar-table .prev:hover span {
border-color: #a3a4cc;
}
.dark-style .daterangepicker select {
color: #a3a4cc;
border-color: #b2b2c4;
}
.dark-style .daterangepicker select.hourselect, .dark-style .daterangepicker select.minuteselect, .dark-style .daterangepicker select.secondselect, .dark-style .daterangepicker select.ampmselect {
background: #444564;
background: #4a4b69;
border: 1px solid transparent;
border-radius: 0.25rem;
font-size: 0.75rem;
color: #a3a4cc;
font-size: 0.8125rem;
color: #b2b2c4;
}
.dark-style .daterangepicker select.hourselect option, .dark-style .daterangepicker select.minuteselect option, .dark-style .daterangepicker select.secondselect option, .dark-style .daterangepicker select.ampmselect option {
background: #2b2c40;
}
.dark-style .daterangepicker select.monthselect option, .dark-style .daterangepicker select.yearselect option {
color: #a3a4cc;
color: #b2b2c4;
background: #2b2c40;
}
.dark-style .daterangepicker select.monthselect option:disabled, .dark-style .daterangepicker select.yearselect option:disabled {
color: #7071a4;
color: #7e7f96;
}
.dark-style .daterangepicker .calendar-time select.disabled {
color: #7c7db6;
color: #9090a6;
}
@media (min-width: 768px) {
.dark-style .daterangepicker {
@ -477,36 +538,27 @@ html:not([dir=rtl]) .daterangepicker .drp-calendar.right {
width: auto;
padding: 0;
}
.dark-style .daterangepicker .ranges {
border-bottom: 0;
}
.dark-style:not([dir=rtl]) .daterangepicker:not(.single) .drp-calendar {
float: left;
}
.dark-style:not([dir=rtl]) .daterangepicker:not(.single) .drp-calendar.left {
padding-right: 0;
}
.dark-style:not([dir=rtl]) .daterangepicker:not(.single) .drp-calendar.left {
border-right: 1px solid #444564;
}
.dark-style:not([dir=rtl]) .daterangepicker:not(.single) .ranges {
float: left;
padding-right: 1rem;
}
.dark-style[dir=rtl] .daterangepicker:not(.single) .drp-calendar {
float: right;
}
.dark-style[dir=rtl] .daterangepicker:not(.single) .drp-calendar.left {
padding-left: 0;
padding-left: 1rem;
}
.dark-style[dir=rtl] .daterangepicker:not(.single) .drp-calendar.left {
border-left: 1px solid #444564;
}
@media (min-width: 992px) {
.dark-style .daterangepicker .ranges {
border-bottom: 0;
}
.dark-style[dir=rtl] .daterangepicker:not(.single) .ranges {
float: right;
.dark-style:not([dir=rtl]) .daterangepicker .ranges {
float: left;
}
}
@media (max-width: 767.98px) {
.dark-style .daterangepicker:not(.single) .drp-calendar.left {
border-bottom: 1px solid #444564;
.dark-style[dir=rtl] .daterangepicker .ranges {
float: right;
}
}

File diff suppressed because one or more lines are too long

@ -5,10 +5,10 @@
}
.light-style .bootstrap-maxlength {
background: rgba(67, 89, 113, 0.2);
font-size: 0.8125em;
background: rgba(34, 48, 62, 0.12);
font-size: 0.8667em;
font-weight: 500;
padding: 0.52em 0.593em;
padding: 0.4235em 0.77em;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
}
@ -19,8 +19,8 @@
.dark-style .bootstrap-maxlength {
background: #232333;
padding: 0.52em 0.593em;
font-size: 0.8125em;
padding: 0.4235em 0.77em;
font-size: 0.8667em;
font-weight: 500;
border-bottom-right-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;

File diff suppressed because one or more lines are too long

@ -412,15 +412,46 @@ select.selectpicker {
outline: 0 !important;
}
.bootstrap-select .bs-searchbox,
.bootstrap-select .bs-actionsbox,
.bootstrap-select .bs-donebutton {
padding: 0 1rem 0.5rem;
}
.bootstrap-select .dropdown-toggle {
transition: none;
padding: calc(0.543rem - var(--bs-border-width)) 0.9375rem;
box-shadow: none !important;
}
.bootstrap-select .dropdown-toggle.show, .bootstrap-select .dropdown-toggle:focus {
padding: calc(0.543rem - 2px) calc(0.9375rem - var(--bs-border-width));
}
.bootstrap-select .dropdown-toggle:after {
transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-100%);
position: absolute;
right: 13px;
inset-inline-end: 23px;
top: 50%;
margin: 0 !important;
}
[dir=rtl] .bootstrap-select .dropdown-toggle:after {
left: 13px;
right: auto;
inset-inline-end: 12px;
}
.bootstrap-select .dropdown-toggle:active {
transform: none !important;
}
.bootstrap-select .dropdown-toggle.show:after, .bootstrap-select .dropdown-toggle:focus:after {
inset-inline-end: calc(23px - var(--bs-border-width));
}
[dir=rtl] .bootstrap-select .dropdown-toggle.show:after, [dir=rtl] .bootstrap-select .dropdown-toggle:focus:after {
inset-inline-end: calc(12px - var(--bs-border-width));
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
line-height: 1.375;
}
.bootstrap-select .btn:hover {
transform: none;
}
.bootstrap-select .btn:disabled, .bootstrap-select .btn.disabled {
color: var(--bs-body-color) !important;
}
.bootstrap-select .dropdown-menu .popover-header {
display: flex;
@ -428,17 +459,35 @@ select.selectpicker {
}
.bootstrap-select .dropdown-menu .popover-header button {
border: none;
font-size: 1.375rem;
font-size: 1.5rem;
background: transparent;
padding-bottom: 0.125rem;
}
.bootstrap-select .dropdown-header .text {
text-transform: uppercase;
.bootstrap-select .is-invalid ~ .dropdown-toggle:after {
inset-inline-end: calc(23px - var(--bs-border-width));
}
[dir=rtl] .bootstrap-select .is-invalid ~ .dropdown-toggle:after {
inset-inline-end: calc(12px - var(--bs-border-width));
}
.bootstrap-select.dropup .dropdown-toggle:after {
transform: rotate(-45deg) translateY(-50%);
transform: rotate(317deg) translateY(-30%);
inset-inline-end: 14px;
}
[dir=rtl] .bootstrap-select.dropup .dropdown-toggle:after {
inset-inline-end: 18px;
}
.bootstrap-select.dropup .dropdown-toggle.show:after, .bootstrap-select.dropup .dropdown-toggle:focus:after {
inset-inline-end: calc(14px - var(--bs-border-width));
}
[dir=rtl] .bootstrap-select.dropup .dropdown-toggle.show:after, [dir=rtl] .bootstrap-select.dropup .dropdown-toggle:focus:after {
inset-inline-end: calc(18px - var(--bs-border-width));
}
.bootstrap-select.dropup .is-invalid ~ .dropdown-toggle:after {
inset-inline-end: calc(14px - var(--bs-border-width));
}
[dir=rtl] .bootstrap-select.dropup .is-invalid ~ .dropdown-toggle:after {
inset-inline-end: calc(18px - var(--bs-border-width));
}
.bootstrap-select.show-tick .dropdown-menu li a {
@ -477,10 +526,6 @@ html[class] .bootstrap-select.form-select {
margin: 0 !important;
}
.bootstrap-select .bs-actionsbox .actions-btn {
padding: 0.375rem 0.675rem;
}
[dir=rtl] .bootstrap-select .dropdown-toggle .filter-option {
float: right;
right: 0;
@ -508,66 +553,47 @@ html[class] .bootstrap-select.form-select {
}
.light-style .bootstrap-select {
background-color: #fff;
background-color: transparent;
}
.light-style .bootstrap-select .dropdown-toggle {
border-radius: 0.375rem;
border: 1px solid #d9dee3;
border: var(--bs-border-width) solid #ced1d5;
}
.light-style .bootstrap-select .dropdown-toggle.show, .light-style .bootstrap-select .dropdown-toggle:focus {
border: 2px solid #696cff;
}
.light-style .bootstrap-select .dropdown-toggle:hover {
border-color: #d9dee3;
.light-style .bootstrap-select .dropdown-menu[data-popper-placement=top-start], .light-style .bootstrap-select .dropdown-menu[data-popper-placement=top-end] {
box-shadow: 0 -0.2rem 1.25rem rgba(145, 152, 159, 0.4);
}
.light-style .bootstrap-select .dropdown-menu .notify {
background: #fff;
border: 1px solid var(--bs-border-color-translucent);
border: var(--bs-border-width) solid var(--bs-border-color-translucent);
}
.light-style .bootstrap-select .dropdown-menu .popover-header button {
color: #697a8d;
}
.light-style .bootstrap-select .dropdown-menu .bs-actionsbox .actions-btn {
background-color: rgba(133, 146, 163, 0.16);
color: #8592a3;
}
.light-style .bootstrap-select .dropdown-menu .bs-actionsbox .actions-btn:hover {
background-color: #8592a3;
color: #fff;
}
.light-style .bootstrap-select.disabled {
background-color: #eceef1;
}
.light-style .bootstrap-select .filter-option-inner-inner {
color: #b4bdc6;
color: #646e78;
}
.dark-style .bootstrap-select {
background-color: #2b2c40;
background-color: transparent;
}
.dark-style .bootstrap-select .dropdown-toggle {
border: 1px solid #444564;
color: #d5d5e2;
border: var(--bs-border-width) solid #5f607b;
border-radius: 0.375rem;
}
.dark-style .bootstrap-select .dropdown-toggle:hover {
border-color: #444564;
color: #d5d5e2;
}
.dark-style .bootstrap-select .dropdown-toggle.show, .dark-style .bootstrap-select .dropdown-toggle:focus {
border: 2px solid #696cff;
}
.dark-style .bootstrap-select .dropdown-menu[data-popper-placement=top-start], .dark-style .bootstrap-select .dropdown-menu[data-popper-placement=top-end] {
box-shadow: 0 -0.2rem 1.25rem rgba(15, 20, 34, 0.55);
}
.dark-style .bootstrap-select .dropdown-menu .notify {
background: #2b2c40;
border: 1px solid var(--bs-border-color-translucent);
border: var(--bs-border-width) solid var(--bs-border-color-translucent);
}
.dark-style .bootstrap-select .dropdown-menu .popover-header button {
color: #a3a4cc;
}
.dark-style .bootstrap-select .dropdown-menu .bs-actionsbox .actions-btn {
background-color: rgba(133, 146, 163, 0.16);
color: #8592a3;
border-color: transparent;
}
.dark-style .bootstrap-select .dropdown-menu .bs-actionsbox .actions-btn:hover {
background-color: #8592a3;
color: #fff;
}
.dark-style .bootstrap-select.disabled {
background-color: #444564;
}
.dark-style .bootstrap-select .filter-option-inner-inner {
color: #7c7db6;
color: #b2b2c4;
}

File diff suppressed because one or more lines are too long

@ -186,9 +186,9 @@
visibility: hidden;
}
/*# sourceMappingURL=bs-stepper.css.map */
.bs-stepper {
border-radius: 0.5rem;
border-radius: 0.375rem;
}
.bs-stepper .line {
flex: 0;
@ -198,14 +198,19 @@
margin: 0;
}
.bs-stepper .line i {
font-size: 1.8rem;
font-size: 1.375rem;
}
.bs-stepper .bs-stepper-header {
padding: 1.185rem 1.125rem;
padding: 1.5rem 1.5rem;
}
.bs-stepper .bs-stepper-header .step.crossed + .line i {
color: #696cff;
}
.bs-stepper .bs-stepper-header .step .step-trigger {
padding: 0 1rem;
padding: 0;
flex-wrap: nowrap;
gap: 0.5rem;
font-weight: 500;
}
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
margin: 0;
@ -214,42 +219,28 @@
text-overflow: ellipsis;
text-align: start;
display: inline-grid;
font-weight: 600;
font-weight: 500;
font-size: 0.9375rem;
}
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-title {
font-size: 0.9375rem;
line-height: 1;
font-weight: 600;
line-height: 1.375rem;
font-weight: 500;
}
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label .bs-stepper-subtitle {
margin-top: 0.2rem;
font-size: 0.75rem;
font-weight: normal;
}
html:not([dir=rtl]) .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
margin-left: 0.35rem;
}
[dir=rtl] .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
margin-right: 0.35rem;
font-size: 0.8125rem;
font-weight: 400;
}
.bs-stepper .bs-stepper-header .step .step-trigger:hover {
background-color: transparent;
}
html:not([dir=rtl]) .bs-stepper .bs-stepper-header .step:first-child .step-trigger {
padding-left: 0;
}
[dir=rtl] .bs-stepper .bs-stepper-header .step:first-child .step-trigger {
padding-right: 0;
}
html:not([dir=rtl]) .bs-stepper .bs-stepper-header .step:last-child .step-trigger {
padding-right: 0;
}
[dir=rtl] .bs-stepper .bs-stepper-header .step:last-child .step-trigger {
padding-left: 0;
@media (max-width: 991.98px) {
.bs-stepper .bs-stepper-header .step .step-trigger {
padding: 0.625rem 0;
}
}
.bs-stepper .bs-stepper-header .step .bs-stepper-circle {
height: 2.5rem;
width: 2.5rem;
height: 2.375rem;
width: 2.375rem;
font-weight: 500;
font-size: 1.125rem;
display: flex;
@ -257,6 +248,9 @@ html:not([dir=rtl]) .bs-stepper .bs-stepper-header .step:last-child .step-trigge
justify-content: center;
border-radius: 0.375rem;
}
.bs-stepper .bs-stepper-header .step .bs-stepper-circle i {
font-size: 1.375rem;
}
.bs-stepper .bs-stepper-content {
padding: 1.5rem 1.5rem;
}
@ -264,7 +258,7 @@ html:not([dir=rtl]) .bs-stepper .bs-stepper-header .step:last-child .step-trigge
min-width: 18rem;
}
.bs-stepper.vertical .bs-stepper-header .step .step-trigger {
padding: 0.65rem 0;
padding: 0.63rem 0;
}
.bs-stepper.vertical .bs-stepper-header .step:first-child .step-trigger {
padding-top: 0;
@ -282,63 +276,84 @@ html:not([dir=rtl]) .bs-stepper .bs-stepper-header .step:last-child .step-trigge
text-align: center;
padding: 0.75rem 0;
}
.bs-stepper.wizard-icons .bs-stepper-header {
justify-content: space-around;
}
.bs-stepper.wizard-icons .bs-stepper-header .step-trigger {
padding: 1.25rem;
flex-direction: column;
gap: 0.5rem;
}
.bs-stepper.wizard-icons .bs-stepper-header .step-trigger .bs-stepper-icon svg {
height: 3.5rem;
width: 3.5rem;
margin-bottom: 0.5rem;
}
.bs-stepper.wizard-icons .bs-stepper-header .step-trigger .bs-stepper-icon i {
font-size: 1.6rem;
}
.bs-stepper.wizard-icons .bs-stepper-header .step-trigger .bs-stepper-label {
font-weight: normal;
}
.bs-stepper.wizard-icons .bs-stepper-header .step.active .bs-stepper-label {
font-weight: 600;
@media (min-width: 992px) {
.bs-stepper.wizard-icons .bs-stepper-header {
justify-content: space-around;
gap: 1rem;
}
}
.bs-stepper.wizard-modern .bs-stepper-header {
border-bottom: none !important;
}
.bs-stepper.wizard-modern .bs-stepper-content {
border-radius: 0.5rem;
border-radius: 0.375rem;
}
.bs-stepper.wizard-modern.vertical .bs-stepper-header {
border-right: none !important;
}
@media (min-width: 992px) {
.bs-stepper:not(.vertical):not(.wizard-icons) .bs-stepper-header {
gap: 1.5rem;
}
}
@media (max-width: 991.98px) {
[dir=rtl] .bs-stepper.wizard-icons .bs-stepper-header .step-trigger {
padding-right: 0;
}
}
@media (max-width: 991.98px) {
html:not([dir=rtl]) .bs-stepper.wizard-icons .bs-stepper-header .step-trigger {
padding-left: 0;
}
}
#wizard-create-app.vertical .bs-stepper-header {
min-width: 15rem;
}
.light-style .bs-stepper {
background-color: #fff;
}
.light-style .bs-stepper:not(.wizard-modern) {
box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
}
.light-style .bs-stepper .bs-stepper-header {
border-bottom: 1px solid #d9dee3;
border-bottom: 1px solid #e4e6e8;
}
.light-style .bs-stepper .bs-stepper-header .line {
color: rgba(67, 89, 113, 0.4);
.light-style .bs-stepper .bs-stepper-header .line i {
color: #646e78;
}
.light-style .bs-stepper .bs-stepper-header .line:before {
background-color: rgba(67, 89, 113, 0.4);
.light-style .bs-stepper .bs-stepper-header .bs-stepper-title,
.light-style .bs-stepper .bs-stepper-header .bs-stepper-label {
color: #384551;
}
.light-style .bs-stepper .bs-stepper-header .step:not(.active) .bs-stepper-circle {
background-color: rgba(67, 89, 113, 0.16);
color: #697a8d;
.light-style .bs-stepper .bs-stepper-header .bs-stepper-label .bs-stepper-subtitle {
color: #646e78;
}
.light-style .bs-stepper .bs-stepper-header .step .bs-stepper-subtitle {
color: #a1acb8;
.light-style .bs-stepper .bs-stepper-header .step:not(.active) .bs-stepper-circle {
background-color: rgba(34, 48, 62, 0.06);
color: #646e78;
}
.light-style .bs-stepper .step-trigger {
color: #697a8d;
.light-style .bs-stepper .bs-stepper-header .step:not(.active) .bs-stepper-subtitle {
color: #a7acb2;
}
.light-style .bs-stepper .step.crossed .bs-stepper-label {
color: #a1acb8 !important;
.light-style .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label .bs-stepper-subtitle,
.light-style .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-title {
color: #a7acb2;
}
.light-style .bs-stepper.vertical .bs-stepper-header {
border-bottom: none;
@ -347,7 +362,7 @@ html:not([dir=rtl]) .bs-stepper .bs-stepper-header .step:last-child .step-trigge
.light-style .bs-stepper.vertical .bs-stepper-header {
border-right: none !important;
border-left: none !important;
border-bottom: 1px solid #d9dee3;
border-bottom: 1px solid #e4e6e8;
}
}
.light-style .bs-stepper.wizard-modern {
@ -355,50 +370,52 @@ html:not([dir=rtl]) .bs-stepper .bs-stepper-header .step:last-child .step-trigge
}
.light-style .bs-stepper.wizard-modern .bs-stepper-content {
background-color: #fff;
box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
}
.light-style .bs-stepper.wizard-icons .bs-stepper-header .bs-stepper-icon svg {
fill: #697a8d;
fill: #646e78;
}
.light-style .bs-stepper.wizard-icons .bs-stepper-header .bs-stepper-icon i {
fill: #646e78;
}
.light-style .bs-stepper.wizard-icons .bs-stepper-header .bs-stepper-label {
color: #646e78;
}
[dir=rtl].light-style .bs-stepper.vertical .bs-stepper-header {
border-left: 1px solid #d9dee3;
[dir=rtl] .light-style .bs-stepper.vertical .bs-stepper-header {
border-left: 1px solid #e4e6e8;
}
html:not([dir=rtl]).light-style .bs-stepper.vertical .bs-stepper-header {
border-right: 1px solid #d9dee3;
html:not([dir=rtl]) .light-style .bs-stepper.vertical .bs-stepper-header {
border-right: 1px solid #e4e6e8;
}
.dark-style .bs-stepper {
background-color: #2b2c40;
}
.dark-style .bs-stepper:not(.wizard-modern) {
box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.16);
}
.dark-style .bs-stepper .bs-stepper-header {
border-bottom: 1px solid #444564;
border-bottom: 1px solid #4e4f6c;
}
.dark-style .bs-stepper .bs-stepper-header .bs-stepper-label {
color: #a3a4cc;
.dark-style .bs-stepper .bs-stepper-header .line i {
color: #b2b2c4;
}
.dark-style .bs-stepper .bs-stepper-header .line {
color: #a3a4cc;
.dark-style .bs-stepper .bs-stepper-header .bs-stepper-label,
.dark-style .bs-stepper .bs-stepper-header .bs-stepper-title {
color: #d5d5e2;
}
.dark-style .bs-stepper .bs-stepper-header .line:before {
background-color: #2b2c40;
.dark-style .bs-stepper .bs-stepper-header .bs-stepper-label .bs-stepper-subtitle {
color: #b2b2c4;
}
.dark-style .bs-stepper .bs-stepper-header .step:not(.active) .bs-stepper-circle {
background-color: rgba(124, 125, 182, 0.16);
color: #a3a4cc;
}
.dark-style .bs-stepper .step-trigger {
color: #a3a4cc;
background-color: rgba(230, 230, 241, 0.06);
color: #b2b2c4;
}
.dark-style .bs-stepper .step.crossed .bs-stepper-label {
color: #7071a4 !important;
.dark-style .bs-stepper .bs-stepper-header .step:not(.active) .bs-stepper-subtitle {
color: #7e7f96;
}
.dark-style .bs-stepper .step .bs-stepper-subtitle {
color: #7071a4;
.dark-style .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-label .bs-stepper-subtitle,
.dark-style .bs-stepper .bs-stepper-header .step.crossed .step-trigger .bs-stepper-title {
color: #7e7f96;
}
.dark-style .bs-stepper.vertical .bs-stepper-header {
border-bottom: none;
@ -407,7 +424,7 @@ html:not([dir=rtl]).light-style .bs-stepper.vertical .bs-stepper-header {
.dark-style .bs-stepper.vertical .bs-stepper-header {
border-right: none !important;
border-left: none !important;
border-bottom: 1px solid #444564;
border-bottom: 1px solid #4e4f6c;
}
}
.dark-style .bs-stepper.wizard-modern {
@ -415,24 +432,24 @@ html:not([dir=rtl]).light-style .bs-stepper.vertical .bs-stepper-header {
}
.dark-style .bs-stepper.wizard-modern .bs-stepper-content {
background-color: #2b2c40;
box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0.1875rem 0.5rem 0 rgba(20, 20, 29, 0.22);
}
.dark-style .bs-stepper.wizard-icons .bs-stepper-header .bs-stepper-icon i {
color: #a3a4cc;
color: #b2b2c4;
}
.dark-style .bs-stepper.wizard-icons .bs-stepper-header .bs-stepper-icon svg {
fill: #a3a4cc;
fill: #b2b2c4;
}
.dark-style .bs-stepper.wizard-icons .bs-stepper-header .bs-stepper-label {
color: #a3a4cc;
color: #b2b2c4;
}
[dir=rtl].dark-style .bs-stepper.vertical .bs-stepper-header {
border-left: 1px solid #444564;
[dir=rtl] .dark-style .bs-stepper.vertical .bs-stepper-header {
border-left: 1px solid #4e4f6c;
}
html:not([dir=rtl]).dark-style .bs-stepper.vertical .bs-stepper-header {
border-right: 1px solid #444564;
html:not([dir=rtl]) .dark-style .bs-stepper.vertical .bs-stepper-header {
border-right: 1px solid #4e4f6c;
}
[dir=rtl] .bs-stepper .bs-stepper-content .btn-next i,
@ -450,7 +467,7 @@ html:not([dir=rtl]).dark-style .bs-stepper.vertical .bs-stepper-header {
@media (max-width: 991.98px) {
[dir=rtl] .bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
margin-left: 0;
margin-right: 0.35rem;
margin-right: 0.25rem;
}
}
@ -460,7 +477,6 @@ html:not([dir=rtl]).dark-style .bs-stepper.vertical .bs-stepper-header {
align-items: flex-start;
}
.bs-stepper .bs-stepper-header .step .step-trigger {
padding: 0.5rem 0;
flex-direction: row;
}
.bs-stepper .bs-stepper-header .step .step-trigger .bs-stepper-label {
@ -481,7 +497,7 @@ html:not([dir=rtl]).dark-style .bs-stepper.vertical .bs-stepper-header {
.bs-stepper:not(.vertical) .bs-stepper-header .line i {
display: none;
}
.bs-stepper.wizard-icons .bs-stepper-header .bs-stepper-icon svg {
.bs-stepper.wizard-icons .bs-stepper-header .step:not(:first-child) .bs-stepper-icon svg {
margin-top: 0.5rem;
}
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -1,30 +1,41 @@
@charset "UTF-8";
:root {
--dt-row-selected: 13, 110, 253;
--dt-row-selected-text: 255, 255, 255;
--dt-row-selected-link: 9, 10, 11;
--dt-row-stripe: 0, 0, 0;
--dt-row-hover: 0, 0, 0;
--dt-column-ordering: 0, 0, 0;
--dt-html-background: white;
}
:root.dark {
--dt-html-background: rgb(33, 37, 41);
}
table.dataTable td.dt-control {
text-align: center;
cursor: pointer;
}
table.dataTable td.dt-control:before {
height: 1em;
width: 1em;
margin-top: -9px;
display: inline-block;
color: white;
border: 0.15em solid white;
border-radius: 1em;
box-shadow: 0 0 0.2em #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: "Courier New", Courier, monospace;
line-height: 1em;
content: "+";
background-color: #31b131;
color: rgba(0, 0, 0, 0.5);
content: "▶";
}
table.dataTable tr.dt-hasChild td.dt-control:before {
content: "-";
background-color: #d33333;
content: "▼";
}
html.dark table.dataTable td.dt-control:before,
:root[data-bs-theme=dark] table.dataTable td.dt-control:before {
color: rgba(255, 255, 255, 0.5);
}
html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
color: rgba(255, 255, 255, 0.5);
}
table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting_asc_disabled, table.dataTable thead > tr > th.sorting_desc_disabled,
@ -65,6 +76,7 @@ table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:before {
bottom: 50%;
content: "▲";
content: "▲"/"";
}
table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after,
@ -75,6 +87,7 @@ table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
top: 50%;
content: "▼";
content: "▼"/"";
}
table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after,
@ -94,9 +107,9 @@ table.dataTable thead > tr > td:active {
outline: none;
}
div.dataTables_scrollBody table.dataTable thead > tr > th:before, div.dataTables_scrollBody table.dataTable thead > tr > th:after,
div.dataTables_scrollBody table.dataTable thead > tr > td:before,
div.dataTables_scrollBody table.dataTable thead > tr > td:after {
div.dataTables_scrollBody > table.dataTable > thead > tr > th:before, div.dataTables_scrollBody > table.dataTable > thead > tr > th:after,
div.dataTables_scrollBody > table.dataTable > thead > tr > td:before,
div.dataTables_scrollBody > table.dataTable > thead > tr > td:after {
display: none;
}
@ -109,6 +122,7 @@ div.dataTables_processing {
margin-top: -26px;
text-align: center;
padding: 2px;
z-index: 10;
}
div.dataTables_processing > div:last-child {
@ -124,7 +138,8 @@ div.dataTables_processing > div:last-child > div {
width: 13px;
height: 13px;
border-radius: 50%;
background: rgba(13, 110, 253, 0.9);
background: rgb(13, 110, 253);
background: rgb(var(--dt-row-selected));
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
@ -308,28 +323,33 @@ table.dataTable > tbody > tr {
}
table.dataTable > tbody > tr.selected > * {
box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.9);
color: white;
box-shadow: inset 0 0 0 9999px rgb(13, 110, 253);
box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
color: rgb(255, 255, 255);
color: rgb(var(--dt-row-selected-text));
}
table.dataTable > tbody > tr.selected a {
color: #090a0b;
color: rgb(9, 10, 11);
color: rgb(var(--dt-row-selected-link));
}
table.dataTable.table-striped > tbody > tr.odd > * {
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.05);
table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
}
table.dataTable.table-striped > tbody > tr.odd.selected > * {
table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.95);
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
}
table.dataTable.table-hover > tbody > tr:hover > * {
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075);
}
table.dataTable.table-hover > tbody > tr.selected:hover > * {
box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.975);
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
}
div.dataTables_wrapper div.dataTables_length label {
@ -427,6 +447,10 @@ table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled) {
padding-right: 20px;
}
table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled):before, table.dataTable.table-sm > thead > tr > th:not(.sorting_disabled):after {
right: 5px;
}
table.table-bordered.dataTable {
border-right-width: 0;
}
@ -474,6 +498,25 @@ div.table-responsive > div.dataTables_wrapper > div.row > div[class^=col-]:last-
padding-right: 0;
}
:root[data-bs-theme=dark] {
--dt-row-hover: 255, 255, 255;
--dt-row-stripe: 255, 255, 255;
--dt-column-ordering: 255, 255, 255;
}
div.dataTables_wrapper div.dataTables_length select {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
div.dataTables_wrapper div.dataTables_filter input {
margin-left: 1rem;
}
.dataTable .emp_name {
font-weight: 500;
}
div.dataTables_wrapper .card-header {
display: flex;
align-items: center;
@ -484,23 +527,27 @@ div.dataTables_wrapper div.dataTables_info {
padding-top: 0.5rem;
}
table.dataTable > thead .sorting:before,
table.dataTable > thead .sorting:after,
table.dataTable > thead .sorting_asc:after,
table.dataTable > thead .sorting_desc:before,
table.dataTable > thead .sorting_asc_disabled:after,
table.dataTable > thead .sorting_desc_disabled:before {
opacity: 0.4 !important;
table.dataTable thead th.sorting_disabled::before, table.dataTable thead th.sorting_disabled::after {
display: none !important;
}
table.dataTable > thead .sorting_asc:before,
table.dataTable > thead .sorting_desc:after {
opacity: 1 !important;
table.dataTable thead th.sorting:before, table.dataTable thead th.sorting:after {
visibility: hidden;
}
table.dataTable thead th.sorting:hover:before, table.dataTable thead th.sorting:hover:after {
visibility: visible;
}
table.dataTable > thead .sorting_asc_disabled:before,
table.dataTable > thead .sorting_desc_disabled:after {
opacity: 0 !important;
table.table-bordered.dataTable.dt-complex-header thead tr th, table.table-bordered.dataTable.dt-column-search thead tr th {
border-width: 1px;
}
table.table-bordered.dataTable.dt-complex-header tfoot tr th, table.table-bordered.dataTable.dt-column-search tfoot tr th {
border-width: 1px;
}
table.table-bordered.dataTable tfoot tr th {
border-bottom-width: 1px;
}
table.table-bordered.dataTable > :not(caption) > * > * {
border-width: 0;
}
html:not([dir=rtl]) table.table-bordered.dataTable tr:first-child th:first-child,
@ -519,6 +566,9 @@ html:not([dir=rtl]) table.table-bordered.dataTable td:last-child {
[dir=rtl] table.table-bordered.dataTable td:last-child {
border-left-width: 0;
}
table.table-bordered.dataTable > tbody:not(caption) tr:first-child {
border-top-width: 0;
}
@media screen and (min-width: 1399.98px) {
table.table-responsive {
@ -531,7 +581,7 @@ html:not([dir=rtl]) table.table-bordered.dataTable td:last-child {
}
[dir=rtl] div.dataTables_wrapper .dataTables_filter input {
margin-left: 0;
margin-right: 0.5rem;
margin-right: 1rem;
}
[dir=rtl] table.table-bordered.dataTable th,
[dir=rtl] table.table-bordered.dataTable td {
@ -556,6 +606,12 @@ table.dataTable {
right: auto !important;
left: 0.85em !important;
}
[dir=rtl] table.dataTable thead th,
[dir=rtl] table.dataTable thead td,
[dir=rtl] table.dataTable tfoot th,
[dir=rtl] table.dataTable tfoot td {
text-align: right;
}
table.dataTable .form-check-input {
width: 18px;
height: 18px;
@ -615,7 +671,7 @@ table.dataTable thead .sorting_desc_disabled:after {
[dir=rtl] table.dataTable thead .sorting_asc_disabled::before,
[dir=rtl] table.dataTable thead .sorting_desc_disabled::before {
right: auto !important;
left: 1em !important;
left: 0.58em !important;
}
[dir=rtl] table.dataTable thead .sorting::after,
[dir=rtl] table.dataTable thead .sorting_asc::after,
@ -623,7 +679,7 @@ table.dataTable thead .sorting_desc_disabled:after {
[dir=rtl] table.dataTable thead .sorting_asc_disabled::after,
[dir=rtl] table.dataTable thead .sorting_desc_disabled::after {
right: auto !important;
left: 1em !important;
left: 0.58em !important;
}
div.card-datatable.dataTable,
@ -636,9 +692,6 @@ div.card-datatable .dataTable {
div.dataTables_wrapper .card-header {
display: block;
}
div.dataTables_wrapper .card-header .dt-action-buttons {
padding-top: 1rem;
}
.dtr-bs-modal.modal .modal-body {
padding: 0;
overflow: auto;
@ -649,41 +702,23 @@ div.card-datatable .dataTable {
}
@media screen and (max-width: 767.98px) {
div.dataTables_wrapper div.dataTables_info {
padding-bottom: 0.625rem;
padding-top: 0;
}
div.dataTables_wrapper div.dataTables_length {
margin-bottom: 0 !important;
padding-bottom: 0.782rem;
}
}
div.dataTables_wrapper div.dataTables_length,
div.dataTables_wrapper div.dataTables_filter {
margin-top: 1rem;
margin-bottom: 1rem;
div.dataTables_wrapper .dataTables_filter {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
padding: 0.625rem 0.5125rem;
min-width: calc(
2rem + 0px
);
font-size: 0.75rem;
line-height: 1;
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item .page-link, div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.next .page-link, div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.previous .page-link, div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.first .page-link, div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.last .page-link {
border-radius: 0.375rem;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link div:not(.table-responsive) div.dataTables_wrapper .dataTables_paginate {
margin-right: 0;
}
@media screen and (max-width: 575.98px) {
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
padding: 0.375rem 0.25rem;
min-width: calc(
1.5rem + 0px
);
font-size: 0.75rem;
line-height: 1;
}
}
@media (max-width: 767.98px) {
div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label,
@ -692,12 +727,18 @@ div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link div:not(
justify-content: center;
}
}
@media (max-width: 575.98px) {
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
justify-content: start !important;
overflow-x: scroll;
}
}
div.card-datatable {
padding-bottom: 1rem;
}
div.card-datatable [class*=col-md-] {
padding-right: 1rem !important;
padding-left: 1rem !important;
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
div.card-datatable:not(.table-responsive) .dataTables_wrapper .row:first-child, div.card-datatable:not(.table-responsive) .dataTables_wrapper .row:last-child {
margin: 0;
@ -718,7 +759,12 @@ html:not([dir=rtl]) div.card-datatable table.dataTable tbody td:first-child {
}
[dir=rtl] table.dataTable.table-sm > thead > tr > th {
padding-right: 0.625rem;
padding-right: 1.25rem;
}
[dir=rtl] table.table-bordered.dataTable tr td,
[dir=rtl] table.table-bordered.dataTable tr th,
[dir=rtl] table.table-bordered.dataTable tr th:first-child {
border-left-width: 0 !important;
}
[dir=rtl] table.dataTable thead th,
[dir=rtl] table.dataTable tbody td,
@ -726,7 +772,7 @@ html:not([dir=rtl]) div.card-datatable table.dataTable tbody td:first-child {
padding-right: 1.25rem;
}
[dir=rtl] table.dataTable.table-sm thead th, [dir=rtl] table.dataTable.table-sm tbody td, [dir=rtl] table.dataTable.table-sm tfoot th {
padding-right: 0.625rem;
padding-right: 1.25rem;
}
[dir=rtl] div.card-datatable table.dataTable thead th:first-child,
[dir=rtl] div.card-datatable table.dataTable tbody td:first-child,
@ -740,27 +786,32 @@ html:not([dir=rtl]) div.card-datatable table.dataTable tbody td:first-child {
}
.light-style div.dataTables_wrapper div.dataTables_info {
color: #a1acb8;
color: #a7acb2;
}
.light-style div.dataTables_scrollBody table {
border-top-color: #d9dee3;
border-top-color: #e4e6e8;
}
.light-style table.table-bordered.dataTable th,
.light-style table.table-bordered.dataTable td {
border-color: #d9dee3 !important;
.light-style table.dataTable th,
.light-style table.dataTable td {
border-color: #e4e6e8 !important;
}
.dark-style div.dataTables_wrapper div.dataTables_info {
color: #7071a4;
color: #7e7f96;
}
.dark-style div.dataTables_scrollBody table {
border-top-color: #444564;
border-top-color: #4e4f6c;
}
.dark-style table.table-bordered.dataTable th,
.dark-style table.table-bordered.dataTable td {
border-color: #444564 !important;
.dark-style table.dataTable th,
.dark-style table.dataTable td {
border-color: #4e4f6c !important;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.disabled .page-link {
background-color: rgba(124, 125, 182, 0.08);
@media print {
.dt-print-view h1 {
color: #232333;
}
.dt-print-view .table > :not(caption) > * > * {
color: #232333;
}
}

@ -1,3 +1,4 @@
@charset "UTF-8";
@keyframes dtb-spinner {
100% {
transform: rotate(360deg);
@ -48,33 +49,29 @@ div.dt-button-info {
margin-top: -100px;
margin-left: -200px;
background-color: white;
border: 2px solid #111;
box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.3);
border-radius: 3px;
border-radius: 0.75em;
box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);
text-align: center;
z-index: 21;
z-index: 2003;
overflow: hidden;
}
div.dt-button-info h2 {
padding: 0.5em;
padding: 2rem 2rem 1rem 2rem;
margin: 0;
font-weight: normal;
border-bottom: 1px solid #ddd;
background-color: #f3f3f3;
}
div.dt-button-info > div {
padding: 1em;
padding: 1em 2em 2em 2em;
}
div.dtb-popover-close {
position: absolute;
top: 10px;
right: 10px;
top: 6px;
right: 6px;
width: 22px;
height: 22px;
border: 1px solid #eaeaea;
background-color: #f9f9f9;
text-align: center;
border-radius: 3px;
cursor: pointer;
@ -115,6 +112,54 @@ span.dt-button-spacer.bar:empty {
padding-left: 0;
}
div.dt-button-collection .dt-button-active {
padding-right: 3em;
}
div.dt-button-collection .dt-button-active:after {
position: absolute;
top: 50%;
margin-top: -10px;
right: 1em;
display: inline-block;
content: "✓";
color: inherit;
}
div.dt-button-collection .dt-button-active.dt-button-split {
padding-right: 0;
}
div.dt-button-collection .dt-button-active.dt-button-split:after {
display: none;
}
div.dt-button-collection .dt-button-active.dt-button-split > *:first-child {
padding-right: 3em;
}
div.dt-button-collection .dt-button-active.dt-button-split > *:first-child:after {
position: absolute;
top: 50%;
margin-top: -10px;
right: 1em;
display: inline-block;
content: "✓";
color: inherit;
}
div.dt-button-collection .dt-button-active-a a {
padding-right: 3em;
}
div.dt-button-collection .dt-button-active-a a:after {
position: absolute;
right: 1em;
display: inline-block;
content: "✓";
color: inherit;
}
div.dt-button-collection span.dt-button-spacer {
width: 100%;
font-size: 0.9em;
@ -129,34 +174,63 @@ div.dt-button-collection span.dt-button-spacer:empty {
div.dt-button-collection span.dt-button-spacer.bar {
border-left: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
padding-left: 0;
}
div.dt-button-collection {
position: absolute;
z-index: 2001;
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
padding: 0.5rem;
width: 218px;
html.dark div.dt-button-info {
background-color: var(--dt-html-background);
border: 1px solid rgba(255, 255, 255, 0.15);
}
div.dt-buttons div.btn-group {
position: initial;
}
div.dt-button-collection div.dropdown-menu {
div.dt-buttons div.dropdown-menu {
margin-top: 4px;
}
div.dt-buttons div.dropdown-menu .dt-button {
position: relative;
display: block;
background-color: transparent;
}
div.dt-buttons div.dropdown-menu div.dt-button-split {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: stretch;
}
div.dt-buttons div.dropdown-menu div.dt-button-split a:first-child {
min-width: auto;
flex: 1 0 50px;
padding-right: 0;
}
div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child {
min-width: 33px;
flex: 0;
background: transparent;
border: none;
box-shadow: none;
padding: 0;
border-radius: 0;
z-index: 2002;
min-width: 100%;
line-height: 1rem;
color: var(--bs-dropdown-link-color);
padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
}
div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:hover {
color: var(--bs-dropdown-link-hover-color);
background-color: var(--bs-dropdown-link-hover-bg);
}
div.dt-button-collection.fixed {
div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:after {
position: relative;
left: -3px;
}
div.dt-buttons div.dropdown-menu.fixed {
position: fixed;
display: block;
top: 50%;
@ -164,45 +238,46 @@ div.dt-button-collection.fixed {
margin-left: -75px;
border-radius: 5px;
background-color: white;
padding: 0.5em;
}
div.dt-button-collection.fixed.two-column {
div.dt-buttons div.dropdown-menu.fixed.two-column {
margin-left: -200px;
}
div.dt-button-collection.fixed.three-column {
div.dt-buttons div.dropdown-menu.fixed.three-column {
margin-left: -225px;
}
div.dt-button-collection.fixed.four-column {
div.dt-buttons div.dropdown-menu.fixed.four-column {
margin-left: -300px;
}
div.dt-button-collection.fixed.columns {
div.dt-buttons div.dropdown-menu.fixed.columns {
margin-left: -409px;
}
@media screen and (max-width: 1024px) {
div.dt-button-collection.fixed.columns {
div.dt-buttons div.dropdown-menu.fixed.columns {
margin-left: -308px;
}
}
@media screen and (max-width: 640px) {
div.dt-button-collection.fixed.columns {
div.dt-buttons div.dropdown-menu.fixed.columns {
margin-left: -203px;
}
}
@media screen and (max-width: 460px) {
div.dt-button-collection.fixed.columns {
div.dt-buttons div.dropdown-menu.fixed.columns {
margin-left: -100px;
}
}
div.dt-button-collection.fixed > :last-child {
div.dt-buttons div.dropdown-menu.fixed > :last-child {
max-height: 100vh;
overflow: auto;
}
div.dt-button-collection.two-column > :last-child, div.dt-button-collection.three-column > :last-child, div.dt-button-collection.four-column > :last-child {
div.dt-buttons div.dropdown-menu.two-column > :last-child, div.dt-buttons div.dropdown-menu.three-column > :last-child, div.dt-buttons div.dropdown-menu.four-column > :last-child {
display: block !important;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
@ -211,47 +286,47 @@ div.dt-button-collection.two-column > :last-child, div.dt-button-collection.thre
column-gap: 8px;
}
div.dt-button-collection.two-column > :last-child > *, div.dt-button-collection.three-column > :last-child > *, div.dt-button-collection.four-column > :last-child > * {
div.dt-buttons div.dropdown-menu.two-column > :last-child > *, div.dt-buttons div.dropdown-menu.three-column > :last-child > *, div.dt-buttons div.dropdown-menu.four-column > :last-child > * {
-webkit-column-break-inside: avoid;
break-inside: avoid;
}
div.dt-button-collection.two-column {
div.dt-buttons div.dropdown-menu.two-column {
width: 400px;
}
div.dt-button-collection.two-column > :last-child {
div.dt-buttons div.dropdown-menu.two-column > :last-child {
padding-bottom: 1px;
column-count: 2;
}
div.dt-button-collection.three-column {
div.dt-buttons div.dropdown-menu.three-column {
width: 450px;
}
div.dt-button-collection.three-column > :last-child {
div.dt-buttons div.dropdown-menu.three-column > :last-child {
padding-bottom: 1px;
column-count: 3;
}
div.dt-button-collection.four-column {
div.dt-buttons div.dropdown-menu.four-column {
width: 600px;
}
div.dt-button-collection.four-column > :last-child {
div.dt-buttons div.dropdown-menu.four-column > :last-child {
padding-bottom: 1px;
column-count: 4;
}
div.dt-button-collection .dt-button {
div.dt-buttons div.dropdown-menu .dt-button {
border-radius: 0;
}
div.dt-button-collection.columns {
div.dt-buttons div.dropdown-menu.columns {
width: auto;
}
div.dt-button-collection.columns > :last-child {
div.dt-buttons div.dropdown-menu.columns > :last-child {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
@ -261,114 +336,59 @@ div.dt-button-collection.columns > :last-child {
padding-bottom: 1px;
}
div.dt-button-collection.columns > :last-child .dt-button {
div.dt-buttons div.dropdown-menu.columns > :last-child .dt-button {
min-width: 200px;
flex: 0 1;
margin: 0;
}
div.dt-button-collection.columns.dtb-b3 > :last-child, div.dt-button-collection.columns.dtb-b2 > :last-child, div.dt-button-collection.columns.dtb-b1 > :last-child {
div.dt-buttons div.dropdown-menu.columns.dtb-b3 > :last-child, div.dt-buttons div.dropdown-menu.columns.dtb-b2 > :last-child, div.dt-buttons div.dropdown-menu.columns.dtb-b1 > :last-child {
justify-content: space-between;
}
div.dt-button-collection.columns.dtb-b3 .dt-button {
div.dt-buttons div.dropdown-menu.columns.dtb-b3 .dt-button {
flex: 1 1 32%;
}
div.dt-button-collection.columns.dtb-b2 .dt-button {
div.dt-buttons div.dropdown-menu.columns.dtb-b2 .dt-button {
flex: 1 1 48%;
}
div.dt-button-collection.columns.dtb-b1 .dt-button {
div.dt-buttons div.dropdown-menu.columns.dtb-b1 .dt-button {
flex: 1 1 100%;
}
@media screen and (max-width: 1024px) {
div.dt-button-collection.columns > :last-child {
div.dt-buttons div.dropdown-menu.columns > :last-child {
width: 612px;
}
}
@media screen and (max-width: 640px) {
div.dt-button-collection.columns > :last-child {
div.dt-buttons div.dropdown-menu.columns > :last-child {
width: 406px;
}
div.dt-button-collection.columns.dtb-b3 .dt-button {
div.dt-buttons div.dropdown-menu.columns.dtb-b3 .dt-button {
flex: 0 1 32%;
}
}
@media screen and (max-width: 460px) {
div.dt-button-collection.columns > :last-child {
div.dt-buttons div.dropdown-menu.columns > :last-child {
width: 200px;
}
}
div.dt-button-collection.fixed:before, div.dt-button-collection.fixed:after {
display: none;
}
div.dt-button-collection .btn-group {
flex: 1 1 auto;
div.dt-buttons span.dt-button-spacer.empty {
margin: 1px;
}
div.dt-button-collection .dt-button:not(.dt-btn-split-drop) {
min-width: 200px;
}
div.dt-button-collection div.dt-btn-split-wrapper {
width: 100%;
}
div.dt-button-collection button.dt-btn-split-drop-button {
width: 100%;
color: #212529;
border: none;
background-color: white;
border-radius: 0px;
margin-left: 0px !important;
}
div.dt-button-collection button.dt-btn-split-drop-button:focus {
border: none;
border-radius: 0px;
outline: none;
}
div.dt-button-collection button.dt-btn-split-drop-button:hover {
background-color: #e9ecef;
}
div.dt-button-collection button.dt-btn-split-drop-button:active {
background-color: #007bff !important;
}
div.dt-button-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
div.dt-buttons span.dt-button-spacer.bar:empty {
height: inherit;
}
@media screen and (max-width: 767px) {
div.dt-buttons {
float: none;
width: 100%;
text-align: center;
margin-bottom: 0.5em;
}
div.dt-buttons a.btn {
float: none;
}
}
div.dt-buttons button.btn.processing,
div.dt-buttons div.btn.processing,
div.dt-buttons a.btn.processing {
div.dt-buttons .btn.processing {
color: rgba(0, 0, 0, 0.2);
}
div.dt-buttons button.btn.processing:after,
div.dt-buttons div.btn.processing:after,
div.dt-buttons a.btn.processing:after {
div.dt-buttons .btn.processing:after {
position: absolute;
top: 50%;
left: 50%;
@ -389,100 +409,30 @@ div.dt-buttons a.btn.processing:after {
-moz-animation: dtb-spinner 1500ms infinite linear;
}
div.dt-buttons div.btn-group {
position: initial;
}
div.dt-btn-split-wrapper button.dt-btn-split-drop {
border-top-right-radius: 0.25rem !important;
border-bottom-right-radius: 0.25rem !important;
}
div.dt-btn-split-wrapper:active:not(.disabled) button, div.dt-btn-split-wrapper.active:not(.disabled) button {
background-color: #5a6268;
border-color: #545b62;
}
div.dt-btn-split-wrapper:active:not(.disabled) button.dt-btn-split-drop, div.dt-btn-split-wrapper.active:not(.disabled) button.dt-btn-split-drop {
box-shadow: none;
background-color: #6c757d;
border-color: #6c757d;
}
div.dt-btn-split-wrapper:active:not(.disabled) button:hover, div.dt-btn-split-wrapper.active:not(.disabled) button:hover {
background-color: #5a6268;
border-color: #545b62;
}
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group {
border-radius: 4px !important;
}
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group:last-child {
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group:first-child {
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group:last-child:first-child {
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
}
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group button.dt-btn-split-drop:last-child {
border: 1px solid #6c757d;
}
div.dataTables_wrapper div.dt-buttons.btn-group div.btn-group div.dt-btn-split-wrapper {
border: none;
}
div.dt-button-collection div.btn-group {
border-radius: 4px !important;
}
div.dt-button-collection div.btn-group button {
border-radius: 4px;
}
div.dt-button-collection div.btn-group button:last-child {
border-top-left-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
div.dt-button-collection div.btn-group button:first-child {
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
div.dt-button-collection div.btn-group button:last-child:first-child {
border-top-left-radius: 4px !important;
border-bottom-left-radius: 4px !important;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
}
div.dt-button-collection div.btn-group button.dt-btn-split-drop:last-child {
border: 1px solid #6c757d;
}
div.dt-button-collection div.btn-group div.dt-btn-split-wrapper {
border: none;
div.dt-button-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999;
}
span.dt-button-spacer.bar:empty {
height: inherit;
@media screen and (max-width: 767px) {
div.dt-buttons {
float: none;
width: 100%;
text-align: center;
margin-bottom: 0.5em;
}
div.dt-buttons a.btn {
float: none;
}
}
div.dt-button-collection span.dt-button-spacer {
padding-left: 1rem !important;
text-align: left;
:root[data-bs-theme=dark] div.dropdown-menu.dt-button-collection.fixed {
background-color: #212529;
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 8px;
}
@media screen and (max-width: 767px) {
@ -492,8 +442,8 @@ div.dt-button-collection span.dt-button-spacer {
}
div.dataTables_wrapper .dt-button-collection {
border: 0;
border-radius: 0.375rem;
padding: 0.3125rem 0;
border-radius: var(--bs-border-radius);
padding: 0.5rem 0;
width: auto;
}
div.dataTables_wrapper .dt-button-collection > div[role=menu] {
@ -504,6 +454,7 @@ div.dataTables_wrapper .dt-button-collection > div[role=menu] {
margin-top: 0.2rem;
}
div.dropdown-menu.dt-button-collection,
div.dt-button-collection .dt-button:not(.dt-btn-split-drop) {
min-width: 8rem;
}
@ -519,26 +470,23 @@ div.dt-button-collection .dt-button:not(.dt-btn-split-drop) {
color: #71dd37;
}
.light-style .dt-button-info {
box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);
box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
}
.light-style .dt-button-collection .dropdown-item {
padding: 0.532rem 1.25rem;
padding: 0.543rem 1.25rem;
}
.dark-style div.dataTables_wrapper .dt-button-collection {
background-color: #323249;
}
.dark-style div.dataTables_wrapper .dt-button-collection > div[role=menu] {
box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
background-color: #2b2c40;
}
.dark-style .dataTable a:not([href]):not([tabindex]) {
color: #71dd37;
}
.dark-style .dt-button-info {
box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0.1875rem 0.5rem 0 rgba(20, 20, 29, 0.22);
}
.dark-style .dt-button-collection .dropdown-item {
padding: 0.532rem 1.25rem;
padding: 0.543rem 1.25rem;
}
.dt-button-info {
@ -546,7 +494,7 @@ div.dt-button-collection .dt-button:not(.dt-btn-split-drop) {
border-radius: 0.375rem !important;
}
.dt-button-info h2 {
font-size: 1.375rem !important;
font-size: 1.5rem !important;
}
.dt-buttons {
@ -556,6 +504,6 @@ div.dt-button-collection .dt-button:not(.dt-btn-split-drop) {
text-align: right;
}
.dt-buttons.btn-group button {
border-color: transparent;
border-color: transparent !important;
border-radius: 0.375rem !important;
}

@ -19,6 +19,23 @@ div.dtfc-right-top-blocker {
background-color: white;
}
html.dark table.dataTable thead tr > .dtfc-fixed-left,
html.dark table.dataTable thead tr > .dtfc-fixed-right,
html.dark table.dataTable tfoot tr > .dtfc-fixed-left,
html.dark table.dataTable tfoot tr > .dtfc-fixed-right {
background-color: var(--dt-html-background);
}
html.dark table.dataTable tbody tr > .dtfc-fixed-left,
html.dark table.dataTable tbody tr > .dtfc-fixed-right {
background-color: var(--dt-html-background);
}
html.dark div.dtfc-left-top-blocker,
html.dark div.dtfc-right-top-blocker {
background-color: var(--dt-html-background);
}
div.dtfc-right-top-blocker,
div.dtfc-left-top-blocker {
margin-top: 6px;
@ -42,6 +59,32 @@ div.dataTables_scrollHeadInner table.table-bordered tr th:first-child {
border-left: 1px solid #ddd !important;
}
html[data-bs-theme=dark] table.dataTable thead tr > .dtfc-fixed-left,
html[data-bs-theme=dark] table.dataTable thead tr > .dtfc-fixed-right,
html[data-bs-theme=dark] table.dataTable tfoot tr > .dtfc-fixed-left,
html[data-bs-theme=dark] table.dataTable tfoot tr > .dtfc-fixed-right {
background-color: var(--bs-body-bg);
}
html[data-bs-theme=dark] table.dataTable tbody tr > .dtfc-fixed-left,
html[data-bs-theme=dark] table.dataTable tbody tr > .dtfc-fixed-right {
background-color: var(--bs-body-bg);
}
html[data-bs-theme=dark] div.dtfc-left-top-blocker,
html[data-bs-theme=dark] div.dtfc-right-top-blocker {
background-color: var(--bs-body-bg);
}
html[data-bs-theme=dark] div.dataTables_scrollBody {
border-left-color: var(--bs-border-color) !important;
}
html[data-bs-theme=dark] div.dataTables_scrollFootInner table.table-bordered tr th:first-child,
html[data-bs-theme=dark] div.dataTables_scrollHeadInner table.table-bordered tr th:first-child {
border-left-color: var(--bs-border-color) !important;
}
div.dataTables_scrollBody thead tr,
div.DTFC_LeftBodyLiner thead tr {
border-top-width: 0;
@ -64,13 +107,12 @@ html:not([dir=rtl]) div.dataTables_scrollHeadInner table.table-bordered tr th:fi
text-align: right !important;
}
.light-style table.dataTable th,
.light-style table.DTFC_Cloned tr {
border-color: #d9dee3;
border-color: #e4e6e8;
}
.light-style div.dataTables_scrollFootInner table.table-bordered tr th:first-child,
.light-style div.dataTables_scrollHeadInner table.table-bordered tr th:first-child {
border-left: 1px solid #d9dee3;
border-left: 1px solid #e4e6e8;
}
.light-style table.dataTable thead tr > .dtfc-fixed-left,
.light-style table.dataTable thead tr > .dtfc-fixed-right,
@ -79,13 +121,15 @@ html:not([dir=rtl]) div.dataTables_scrollHeadInner table.table-bordered tr th:fi
.light-style div.dtfc-right-top-blocker,
.light-style div.dtfc-left-top-blocker {
background-color: #fff;
margin-top: 1px !important;
height: 0px !important;
}
.light-style .dt-fixedcolumns thead {
border-top-color: #d9dee3;
border-top-color: #e4e6e8;
}
.light-style[dir=rtl] div.dataTables_scrollHead table,
.light-style[dir=rtl] div.dataTables_scrollBody table {
border: 0;
border-width: 0;
}
.light-style[dir=rtl] div.DTFC_LeftBodyLiner {
padding-right: 0 !important;
@ -98,20 +142,19 @@ html:not([dir=rtl]) div.dataTables_scrollHeadInner table.table-bordered tr th:fi
padding-left: 0 !important;
}
.dark-style table.dataTable th {
border-color: #444564;
}
.dark-style table.DTFC_Cloned tr {
background-color: #2b2c40;
border-color: #444564;
border-color: #4e4f6c;
}
.dark-style div.dataTables_scrollHead table,
.dark-style div.DTFC_RightHeadWrapper table {
.dark-style div.DTFC_RightHeadWrapper table,
.dark-style table.dataTable.fixedHeader-floating,
.dark-style table.dataTable.fixedHeader-locked {
background-color: #2b2c40;
}
.dark-style div.dataTables_scrollFootInner table.table-bordered tr th:first-child,
.dark-style div.dataTables_scrollHeadInner table.table-bordered tr th:first-child {
border-left: 1px solid #444564;
border-left: 1px solid #4e4f6c !important;
}
.dark-style table.dataTable thead tr > .dtfc-fixed-left,
.dark-style table.dataTable thead tr > .dtfc-fixed-right,
@ -120,13 +163,15 @@ html:not([dir=rtl]) div.dataTables_scrollHeadInner table.table-bordered tr th:fi
.dark-style div.dtfc-right-top-blocker,
.dark-style div.dtfc-left-top-blocker {
background-color: #2b2c40;
margin-top: 1px !important;
height: 0px !important;
}
.dark-style .dt-fixedcolumns thead {
border-top-color: #444564;
border-top-color: #4e4f6c;
}
.dark-style[dir=rtl] div.dataTables_scrollHead table,
.dark-style[dir=rtl] div.dataTables_scrollBody table {
border: 0;
border-width: 0;
}
.dark-style[dir=rtl] div.DTFC_LeftBodyLiner {
padding-right: 0 !important;

@ -14,6 +14,11 @@ table.dataTable.fixedHeader-locked {
display: none;
}
}
html[data-bs-theme=dark] table.dataTable.fixedHeader-floating,
html[data-bs-theme=dark] table.dataTable.fixedHeader-locked {
background-color: var(--bs-body-bg);
}
.dt-fixedheader.fixedHeader-floating.table.dataTable {
width: auto !important;
}
@ -23,21 +28,19 @@ table.dataTable.fixedHeader-locked {
}
.light-style .dtfh-floatingparenthead {
border-bottom: 2px solid #f5f5f9;
border-bottom: 1px solid #e4e6e8;
}
.light-style .dt-fixedheader.fixedHeader-floating.table.dataTable thead > tr > th,
.light-style .dt-fixedheader.fixedHeader-locked.table.dataTable thead > tr > th {
background-color: #fff;
.light-style .table-bordered.dt-fixedheader.fixedHeader-floating.table.dataTable thead > tr > th,
.light-style .table-bordered.dt-fixedheader.fixedHeader-locked.table.dataTable thead > tr > th {
border-bottom-width: 1px;
border-color: #f5f5f9;
border-color: #e4e6e8;
}
.dark-style .dtfh-floatingparenthead {
border-bottom: 2px solid #232333;
border-bottom: 1px solid #4e4f6c;
}
.dark-style .dt-fixedheader.fixedHeader-floating.table.dataTable thead > tr > th,
.dark-style .dt-fixedheader.fixedHeader-locked.table.dataTable thead > tr > th {
background-color: #2b2c40;
.dark-style .table-bordered.dt-fixedheader.fixedHeader-floating.table.dataTable thead > tr > th,
.dark-style .table-bordered.dt-fixedheader.fixedHeader-locked.table.dataTable thead > tr > th {
border-bottom-width: 1px;
border-color: #232333;
border-color: #4e4f6c;
}

@ -1,3 +1,4 @@
@charset "UTF-8";
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
@ -12,59 +13,36 @@ table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
position: relative;
padding-left: 30px;
cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
top: 50%;
left: 5px;
height: 1em;
width: 1em;
margin-top: -9px;
display: block;
position: absolute;
color: white;
border: 0.15em solid white;
border-radius: 1em;
box-shadow: 0 0 0.2em #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: "Courier New", Courier, monospace;
line-height: 1em;
content: "+";
background-color: #0d6efd;
margin-right: 0.5em;
display: inline-block;
color: rgba(0, 0, 0, 0.5);
content: "►";
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control.arrow-right::before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control.arrow-right::before {
content: "◄";
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
content: "-";
background-color: #d33333;
content: "▼";
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before {
left: 4px;
height: 14px;
width: 14px;
border-radius: 14px;
line-height: 14px;
text-indent: 3px;
padding-left: 0.333em;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control,
table.dataTable.dtr-column > tbody > tr > th.dtr-control,
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
position: relative;
cursor: pointer;
}
@ -72,33 +50,23 @@ table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
top: 50%;
left: 50%;
height: 0.8em;
width: 0.8em;
margin-top: -0.5em;
margin-left: -0.5em;
display: block;
position: absolute;
color: white;
border: 0.15em solid white;
border-radius: 1em;
box-shadow: 0 0 0.2em #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: "Courier New", Courier, monospace;
line-height: 1em;
content: "+";
background-color: #0d6efd;
display: inline-block;
color: rgba(0, 0, 0, 0.5);
content: "►";
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > td.control.arrow-right::before,
table.dataTable.dtr-column > tbody > tr > th.control.arrow-right::before {
content: "◄";
}
table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
content: "-";
background-color: #d33333;
content: "▼";
}
table.dataTable > tbody > tr.child {
@ -126,6 +94,7 @@ table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
padding-bottom: 0;
border-bottom: none;
}
@ -153,7 +122,8 @@ div.dtr-modal div.dtr-modal-display {
bottom: 0;
right: 0;
width: 50%;
height: 50%;
height: fit-content;
max-height: 75%;
overflow: auto;
margin: auto;
z-index: 102;
@ -166,7 +136,11 @@ div.dtr-modal div.dtr-modal-display {
div.dtr-modal div.dtr-modal-content {
position: relative;
padding: 1em;
padding: 2.5em;
}
div.dtr-modal div.dtr-modal-content h2 {
margin-top: 0;
}
div.dtr-modal div.dtr-modal-close {
@ -175,18 +149,12 @@ div.dtr-modal div.dtr-modal-close {
right: 6px;
width: 22px;
height: 22px;
border: 1px solid #eaeaea;
background-color: #f9f9f9;
text-align: center;
border-radius: 3px;
cursor: pointer;
z-index: 12;
}
div.dtr-modal div.dtr-modal-close:hover {
background-color: #eaeaea;
}
div.dtr-modal div.dtr-modal-background {
position: fixed;
top: 0;
@ -202,6 +170,19 @@ div.dtr-modal div.dtr-modal-background {
width: 95%;
}
}
html.dark table.dataTable > tbody > tr > td.dtr-control:before {
color: rgba(255, 255, 255, 0.5) !important;
}
html.dark table.dataTable > tbody > tr.child ul.dtr-details > li {
border-bottom-color: #404346;
}
html.dark div.dtr-modal div.dtr-modal-display {
background-color: #212529;
border: 1px solid rgba(255, 255, 255, 0.15);
}
div.dtr-bs-modal table.table tr:first-child td {
border-top: none;
}
@ -211,10 +192,34 @@ table.dataTable.table-bordered td.dtr-control.dtr-hidden + * {
border-left-width: 1px;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
position: relative;
}
table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
line-height: 0.8em;
font-weight: bold;
position: absolute;
line-height: 0.9em;
font-weight: 500;
height: 0.85em;
width: 0.85em;
color: #fff;
border-radius: 1em;
box-sizing: content-box;
text-align: center;
font-family: "Courier New", Courier, monospace;
content: "+";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
content: "+";
}
@media screen and (max-width: 1399.98px) {
@ -228,3 +233,9 @@ table.dataTable.dtr-column > tbody > tr > th.control:before {
.modal.dtr-bs-modal .table tr:last-child > td {
border-bottom: 0;
}
.modal.dtr-bs-modal .table .btn {
box-shadow: none !important;
}
.modal.dtr-bs-modal .table .emp_name {
font-weight: 500;
}

@ -1,5 +1,5 @@
table.dataTable tr.dtrg-group th {
background-color: #e0e0e0;
background-color: rgba(0, 0, 0, 0.1);
text-align: left;
}
@ -12,7 +12,7 @@ table.dataTable tr.dtrg-group.dtrg-level-2 th,
table.dataTable tr.dtrg-group.dtrg-level-3 th,
table.dataTable tr.dtrg-group.dtrg-level-4 th,
table.dataTable tr.dtrg-group.dtrg-level-5 th {
background-color: #f0f0f0;
background-color: rgba(0, 0, 0, 0.05);
padding-top: 0.25em;
padding-bottom: 0.25em;
padding-left: 2em;
@ -20,38 +20,53 @@ table.dataTable tr.dtrg-group.dtrg-level-5 th {
}
table.dataTable tr.dtrg-group.dtrg-level-2 th {
background-color: #f3f3f3;
background-color: rgba(0, 0, 0, 0.01);
padding-left: 2.5em;
}
table.dataTable tr.dtrg-group.dtrg-level-3 th {
background-color: #f3f3f3;
background-color: rgba(0, 0, 0, 0.01);
padding-left: 3em;
}
table.dataTable tr.dtrg-group.dtrg-level-4 th {
background-color: #f3f3f3;
background-color: rgba(0, 0, 0, 0.01);
padding-left: 3.5em;
}
table.dataTable tr.dtrg-group.dtrg-level-5 th {
background-color: #f3f3f3;
background-color: rgba(0, 0, 0, 0.01);
padding-left: 4em;
}
html.dark table.dataTable tr.dtrg-group th {
background-color: rgba(255, 255, 255, 0.1);
}
html.dark table.dataTable tr.dtrg-group.dtrg-level-1 th {
background-color: rgba(255, 255, 255, 0.05);
}
html.dark table.dataTable tr.dtrg-group.dtrg-level-2 th,
html.dark table.dataTable tr.dtrg-group.dtrg-level-3 th,
html.dark table.dataTable tr.dtrg-group.dtrg-level-4 th,
html.dark table.dataTable tr.dtrg-group.dtrg-level-5 th {
background-color: rgba(255, 255, 255, 0.01);
}
table.dataTable.table-striped tr.dtrg-level-0 {
background-color: #e0e0e0;
background-color: rgba(0, 0, 0, 0.1);
}
table.dataTable.table-striped tr.dtrg-level-1 {
background-color: #f0f0f0;
background-color: rgba(0, 0, 0, 0.05);
}
table.dataTable.table-striped tr.dtrg-level-2,
table.dataTable.table-striped tr.dtrg-level-3,
table.dataTable.table-striped tr.dtrg-level-4,
table.dataTable.table-striped tr.dtrg-level-5 {
background-color: #f3f3f3;
background-color: rgba(0, 0, 0, 0.01);
}
table.dataTable.table-striped tr.dtrg-level-1 tr.dtrg-level-2 th,
@ -63,10 +78,10 @@ table.dataTable.table-striped tr.dtrg-level-5 th {
.light-style tr.group,
.light-style tr.group:hover {
background-color: #f9fafb !important;
background-color: rgba(34, 48, 62, 0.1) !important;
}
.dark-style tr.group,
.dark-style tr.group:hover {
background-color: rgba(124, 125, 182, 0.08) !important;
background-color: rgba(230, 230, 241, 0.1) !important;
}

@ -14,7 +14,7 @@ table.dataTable > tbody > tr > th.select-checkbox:before,
table.dataTable > tbody > tr > th.select-checkbox:after {
display: block;
position: absolute;
top: 1.2em;
top: 50%;
left: 50%;
width: 12px;
height: 12px;
@ -24,7 +24,7 @@ table.dataTable > tbody > tr > th.select-checkbox:after {
table.dataTable > tbody > tr > td.select-checkbox:before,
table.dataTable > tbody > tr > th.select-checkbox:before {
content: " ";
margin-top: -5px;
margin-top: -6px;
margin-left: -6px;
border: 1px solid black;
border-radius: 3px;
@ -39,10 +39,9 @@ table.dataTable > tbody > tr.selected > td.select-checkbox:after,
table.dataTable > tbody > tr.selected > th.select-checkbox:after {
content: "✓";
font-size: 20px;
margin-top: -19px;
margin-top: -12px;
margin-left: -6px;
text-align: center;
text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9;
}
table.dataTable.compact > tbody > tr > td.select-checkbox:before,
@ -60,6 +59,13 @@ div.dataTables_wrapper span.select-item {
margin-left: 0.5em;
}
html.dark table.dataTable > tbody > tr > td.select-checkbox:before,
html.dark table.dataTable > tbody > tr > th.select-checkbox:before,
html[data-bs-theme=dark] table.dataTable > tbody > tr > td.select-checkbox:before,
html[data-bs-theme=dark] table.dataTable > tbody > tr > th.select-checkbox:before {
border: 1px solid rgba(255, 255, 255, 0.6);
}
@media screen and (max-width: 640px) {
div.dataTables_wrapper span.select-info,
div.dataTables_wrapper span.select-item {
@ -73,22 +79,27 @@ table.dataTable.table-sm tbody td.select-checkbox::before {
.light-style table.dataTable tbody > tr.selected,
.light-style table.dataTable tbody > tr > .selected {
background-color: #f9fafb;
background-color: #f8f9f9;
}
.light-style table.dataTable tbody > tr.selected > *,
.light-style table.dataTable tbody > tr > .selected > * {
box-shadow: inset 0 0 0 rgba(67, 89, 113, 0.05);
color: #697a8d;
box-shadow: inset 0 0 0 rgba(34, 48, 62, 0.06);
color: #646e78;
}
.light-style table.dataTable tbody tr.selected,
.light-style table.dataTable tbody th.selected,
.light-style table.dataTable tbody td.selected {
color: #697a8d;
color: #646e78;
}
.dark-style table.dataTable tbody > tr.selected,
.dark-style table.dataTable tbody > tr > .selected {
background-color: rgba(124, 125, 182, 0.08);
background-color: rgba(230, 230, 241, 0.08);
}
.dark-style table.dataTable tbody > tr.selected > *,
.dark-style table.dataTable tbody > tr > .selected > * {
box-shadow: inset 0 0 0 rgba(230, 230, 241, 0.06);
color: #b2b2c4;
}
.dark-style table.dataTable tbody tr.selected,
.dark-style table.dataTable tbody th.selected,

@ -1,7 +1,6 @@
.dropzone {
width: 100%;
position: relative;
padding: 1.5rem;
cursor: pointer;
border-radius: 0.5rem;
}
@ -17,7 +16,19 @@
}
.dz-message {
font-size: 1.625rem;
font-size: 1.5rem;
}
.dz-message:before {
content: "";
border-radius: 6px;
position: absolute;
top: 5rem;
left: calc(50% - 23px);
display: inline-block;
height: 40px;
width: 40px;
background-repeat: no-repeat !important;
background-position: center !important;
}
.dz-message .note {
font-size: 0.9375rem;
@ -41,25 +52,44 @@
}
.dz-message {
margin: 5rem 0;
margin: 8rem 0 3rem;
font-weight: 500;
text-align: center;
}
.dz-message .note {
font-weight: 400;
display: block;
margin-top: 0.625rem;
margin-top: 0.5rem;
}
.app-ecommerce .dz-message {
margin-top: 5rem;
}
.app-ecommerce .dz-message::before {
top: 3rem;
}
.dz-preview {
position: relative;
vertical-align: top;
margin: 1.5rem 0 0 1.5rem;
margin: 1rem;
background: #fff;
font-size: 0.8125rem;
box-sizing: content-box;
cursor: default;
}
@media (max-width: 575.98px) {
.dz-preview {
margin: 0.75rem;
}
}
html:not([dir=rtl]) .dz-preview {
margin-right: 0.25rem;
}
[dir=rtl] .dz-preview {
margin-left: 0.25rem;
}
.dz-filename {
position: absolute;
@ -78,7 +108,6 @@
.dz-size {
padding: 1.875rem 0.625rem 0.625rem 0.625rem;
font-size: 0.6875rem;
font-style: italic;
}
.dz-preview .progress,
@ -120,7 +149,7 @@
}
.dz-nopreview {
font-weight: 600;
font-weight: 500;
text-transform: uppercase;
font-size: 0.6875rem;
}
@ -177,7 +206,7 @@
padding: 0.75rem;
text-align: left;
overflow: auto;
font-weight: 600;
font-weight: 500;
}
[dir=rtl] .dz-error-message {
text-align: right;
@ -206,44 +235,49 @@
}
.light-style .dropzone {
border: 2px dashed #d9dee3;
border: 2px dashed #e4e6e8;
}
.light-style .dz-preview {
border: 0 solid #d9dee3;
border: 0 solid #e4e6e8;
border-radius: 0.375rem;
box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
}
.light-style .dz-message {
color: #566a7f;
color: #384551;
}
.light-style .dz-message:before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M11 15H13V9H16L12 4L8 9H11V15Z' fill='%238592A3'/%3e%3cpath d='M20 18H4V11H2V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V11H20V18Z' fill='%238592A3'/%3e%3c/svg%3e") !important;
background: #eeedf0;
}
.light-style .dz-message .note {
color: #697a8d;
color: #646e78;
font-weight: 400;
}
.light-style .dz-thumbnail {
border-bottom: 1px solid #d9dee3;
background: rgba(67, 89, 113, 0.025);
border-bottom: 1px solid #e4e6e8;
background: rgba(34, 48, 62, 0.025);
border-top-left-radius: calc(0.375rem - 1px);
border-top-right-radius: calc(0.375rem - 1px);
}
.light-style .dz-size {
color: #a1acb8;
color: #a7acb2;
}
.light-style .dz-remove {
color: #697a8d;
border-top: 1px solid #d9dee3;
color: #646e78;
border-top: 1px solid #e4e6e8;
border-bottom-right-radius: calc(0.375rem - 1px);
border-bottom-left-radius: calc(0.375rem - 1px);
}
.light-style .dz-remove:hover, .light-style .dz-remove:focus {
color: #697a8d;
background: rgba(67, 89, 113, 0.1);
color: #646e78;
background: rgba(34, 48, 62, 0.1);
}
.light-style .dz-nopreview {
color: #a1acb8;
color: #a7acb2;
}
.light-style .dz-error-mark,
.light-style .dz-success-mark {
background-color: rgba(35, 52, 70, 0.5);
background-color: rgba(43, 44, 64, 0.5);
}
.light-style .dz-error-message {
background: rgba(255, 62, 29, 0.8);
@ -261,47 +295,52 @@
}
.dark-style .dropzone {
border: 2px dashed #444564;
border: 2px dashed #4e4f6c;
}
.dark-style .dz-preview {
background: #2b2c40;
border: 0 solid #444564;
border: 0 solid #4e4f6c;
border-radius: 0.375rem;
box-shadow: 0 0.125rem 0.5rem 0 rgba(0, 0, 0, 0.16);
box-shadow: 0 0.1875rem 0.5rem 0 rgba(20, 20, 29, 0.22);
}
.dark-style .dz-message {
color: #566a7f;
color: #d5d5e2;
}
.dark-style .dz-message:before {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3e%3cpath d='M11 15H13V9H16L12 4L8 9H11V15Z' fill='%238592A3'/%3e%3cpath d='M20 18H4V11H2V18C2 19.103 2.897 20 4 20H20C21.103 20 22 19.103 22 18V11H20V18Z' fill='%238592A3'/%3e%3c/svg%3e") !important;
background: #373b50;
}
.dark-style .dz-message .note {
color: #a3a4cc;
color: #b2b2c4;
font-weight: 400;
}
.dark-style .dz-filename {
background: #2b2c40;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
border-bottom: 0 solid #444564;
border-bottom: 0 solid #4e4f6c;
}
.dark-style .dz-size {
color: #7071a4;
color: #7e7f96;
}
.dark-style .dz-thumbnail {
border-bottom: 1px solid #444564;
background: rgba(255, 255, 255, 0.015);
border-bottom: 1px solid #4e4f6c;
background: rgba(230, 230, 241, 0.025);
border-top-left-radius: calc(0.375rem - 1px);
border-top-right-radius: calc(0.375rem - 1px);
}
.dark-style .dz-nopreview {
color: #7071a4;
color: #7e7f96;
}
.dark-style .dz-remove {
color: #a3a4cc;
border-top: 1px solid #444564;
color: #b2b2c4;
border-top: 1px solid #4e4f6c;
border-bottom-right-radius: calc(0.375rem - 1px);
border-bottom-left-radius: calc(0.375rem - 1px);
}
.dark-style .dz-remove:hover, .dark-style .dz-remove:focus {
color: #a3a4cc;
background: rgba(255, 255, 255, 0.8);
color: #b2b2c4;
background: rgba(230, 230, 241, 0.1);
}
.dark-style .dz-error-mark,
.dark-style .dz-success-mark {

File diff suppressed because one or more lines are too long

@ -4,14 +4,16 @@
overflow: hidden;
box-sizing: border-box;
padding: 0;
padding-bottom: 2px;
max-height: 0;
border: 0;
background: transparent;
text-align: center;
opacity: 0;
animation: none;
outline: 0;
touch-action: manipulation;
line-height: 1.375;
font-size: 0.9375rem;
border-radius: 0.5rem;
}
.flatpickr-calendar.open, .flatpickr-calendar.inline {
@ -51,6 +53,9 @@ html:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
[dir=rtl] .flatpickr-calendar.hasWeeks .flatpickr-days {
border-bottom-right-radius: 0 !important;
}
.flatpickr-calendar.hasTime {
padding-bottom: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
height: 40px;
}
@ -74,27 +79,26 @@ html:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
.flatpickr-month {
position: relative;
overflow: hidden;
height: 1.4375rem;
height: 3rem;
text-align: center;
line-height: 1;
user-select: none;
}
.flatpickr-months {
padding: 0.6rem;
}
.flatpickr-prev-month,
.flatpickr-next-month {
position: absolute;
top: 0.75rem;
z-index: 3;
padding: 0 0.41rem;
height: 1.4375rem;
height: 1.875rem;
width: 1.875rem;
text-decoration: none;
line-height: 1.3rem;
cursor: pointer;
border-radius: 0.25rem;
border-radius: 0.375rem;
display: flex;
align-items: center;
justify-content: center;
}
.flatpickr-prev-month svg,
.flatpickr-next-month svg {
@ -108,10 +112,10 @@ html:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
}
.flatpickr-prev-month.flatpickr-prev-month {
left: 0.75rem;
left: 1rem;
}
[dir=rtl] .flatpickr-prev-month {
right: 0.75rem;
right: 1rem;
left: auto;
transform: scaleX(-1);
}
@ -121,11 +125,11 @@ html:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
left: 0;
}
.flatpickr-next-month.flatpickr-next-month {
right: 0.75rem;
right: 1rem;
}
[dir=rtl] .flatpickr-next-month {
right: auto;
left: 0.75rem;
left: 1rem;
transform: scaleX(-1);
}
@ -136,7 +140,7 @@ html:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
.flatpickr-prev-month svg,
.flatpickr-next-month svg {
width: 0.65rem;
width: 0.6rem;
}
.flatpickr-prev-month svg path,
@ -149,6 +153,9 @@ html:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
position: relative;
height: auto;
}
.numInputWrapper :hover {
background: transparent;
}
.numInputWrapper input,
.numInputWrapper span {
display: inline-block;
@ -218,18 +225,20 @@ html:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
.flatpickr-current-month {
position: absolute;
left: 12.5%;
display: inline-block;
display: flex;
align-items: center;
justify-content: center;
gap: 0.25rem;
width: 75%;
height: 1.4375rem;
height: 2.5rem;
text-align: center;
font-weight: 300;
line-height: 1;
padding: 0.25rem 0 0 0;
padding: 0.9rem 0 0 0;
transform: translate3d(0px, 0px, 0px);
}
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
padding: 0 0 0 0.5ch;
outline: none;
vertical-align: middle !important;
font-weight: 400;
@ -243,22 +252,25 @@ html:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
border: 0;
border-radius: 0;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:not(:first-child),
.flatpickr-current-month input.cur-year:not(:first-child) {
padding: 0 0 0 0.5ch;
}
.flatpickr-current-month .numInputWrapper {
display: inline-block;
width: 6ch;
font-size: 0.9375rem;
font-weight: normal;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
appearance: menulist;
cursor: pointer;
height: 1.1875rem;
height: 2.25rem;
position: relative;
width: auto;
font-size: 0.9375rem;
}
.flatpickr-current-month input.cur-year {
margin: 0;
height: 1.1875rem;
height: 1.2rem;
cursor: default;
}
[dir=rtl] .flatpickr-current-month input.cur-year {
@ -275,25 +287,22 @@ html:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
.flatpickr-current-month input.cur-year[disabled] {
opacity: 0.5;
}
.flatpickr-current-month .cur-month {
font-size: 0.9375rem;
font-weight: 500;
}
.flatpickr-weekdaycontainer {
display: flex;
width: 100%;
padding: 0.25rem 0.6rem;
}
.flatpickr-weekdays {
display: flex;
overflow: hidden;
align-items: center;
max-width: 17.5rem;
width: 100%;
height: 1.75rem;
height: 2.25rem;
text-align: center;
padding: 0 0.6rem;
font-size: 0.9375rem;
margin-bottom: 0.125rem;
}
span.flatpickr-weekday {
@ -303,7 +312,6 @@ span.flatpickr-weekday {
text-align: center;
line-height: 1;
cursor: default;
font-size: 0.8125rem;
}
.dayContainer,
@ -333,9 +341,9 @@ span.flatpickr-weekday {
justify-content: space-around;
box-sizing: border-box;
padding: 0;
min-width: 14.875rem;
max-width: 14.875rem;
width: 14.875rem;
min-width: 15.75rem;
max-width: 15.75rem;
width: 15.75rem;
outline: 0;
opacity: 1;
transform: translate3d(0px, 0px, 0px);
@ -348,14 +356,14 @@ span.flatpickr-weekday {
justify-content: center;
box-sizing: border-box;
margin: 0;
max-width: 2.125rem;
width: 14.2857143%;
height: 2.125rem;
max-width: 2.25rem;
width: 15.2857143%;
height: 2.25rem;
border: 1px solid transparent;
background: none;
text-align: center;
font-weight: 400;
line-height: calc(2.125rem - 2px);
line-height: calc(2.25rem - 2px);
cursor: pointer;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
@ -365,11 +373,12 @@ span.flatpickr-weekday {
.flatpickr-day.inRange:not(.startRange):not(.endRange) {
border-radius: 0 !important;
}
.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
.flatpickr-day.disabled, .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled.today, .flatpickr-day.disabled:hover, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.flatpickr-disabled.today:hover {
border-color: transparent;
background: transparent;
background: transparent !important;
cursor: default;
pointer-events: none;
box-shadow: none;
}
.flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay {
border-color: transparent;
@ -401,16 +410,11 @@ html:not([dir=rtl]) .flatpickr-day.selected.endRange, html:not([dir=rtl]) .flatp
border-bottom-right-radius: 0;
}
.rangeMode .flatpickr-day {
margin-top: 1px;
}
.flatpickr-weekwrapper {
display: inline-block;
float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0.6rem 0;
background-clip: padding-box !important;
}
html:not([dir=rtl]) .flatpickr-weekwrapper .flatpickr-weeks .flatpickr-weeks {
@ -419,6 +423,9 @@ html:not([dir=rtl]) .flatpickr-weekwrapper .flatpickr-weeks .flatpickr-weeks {
[dir=rtl] .flatpickr-weekwrapper .flatpickr-weeks .flatpickr-weeks {
border-bottom-left-radius: 0 !important;
}
.flatpickr-weekwrapper .flatpickr-weeks .flatpickr-day {
font-size: 0.8125rem;
}
.flatpickr-weekwrapper .flatpickr-calendar.hasTime .flatpickr-weeks {
border-bottom: 0 !important;
border-bottom-right-radius: 0 !important;
@ -427,12 +434,15 @@ html:not([dir=rtl]) .flatpickr-weekwrapper .flatpickr-weeks .flatpickr-weeks {
.flatpickr-weekwrapper .flatpickr-weekday {
float: none;
width: 100%;
line-height: 1.75rem;
line-height: 2.25rem;
position: relative;
top: 1px;
margin-bottom: 0.4rem;
}
.flatpickr-weekwrapper span.flatpickr-day {
display: block;
max-width: none;
width: 2.125rem;
width: 2.25rem;
background: none !important;
}
@ -448,6 +458,21 @@ html:not([dir=rtl]) .flatpickr-weekwrapper .flatpickr-weeks .flatpickr-weeks {
overflow: hidden;
box-sizing: border-box;
}
html:not([dir=rtl]) .flatpickr-innerContainer:has(.flatpickr-weeks) .flatpickr-weeks {
padding-left: 0.445rem;
}
[dir=rtl] .flatpickr-innerContainer:has(.flatpickr-weeks) .flatpickr-weeks {
padding-left: 0.445rem;
}
[dir=rtl] .flatpickr-innerContainer:has(.flatpickr-weeks) .flatpickr-weekdaycontainer {
padding-left: 0.625rem;
}
.flatpickr-innerContainer:has(.flatpickr-weeks) .flatpickr-weekwrapper .flatpickr-weekday {
padding-left: 0.445rem;
}
[dir=rtl] .flatpickr-innerContainer:has(.flatpickr-weeks) .flatpickr-weekwrapper {
padding-right: 0.5rem;
}
.flatpickr-rContainer {
display: inline-block;
@ -497,9 +522,10 @@ html:not([dir=rtl]) .flatpickr-weekwrapper .flatpickr-weeks .flatpickr-weeks {
text-align: center;
line-height: inherit;
cursor: pointer;
font-size: 0.9375rem;
}
.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
font-weight: normal;
.flatpickr-time input.flatpickr-hour, .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
font-weight: 400;
}
.flatpickr-time input:focus {
outline: 0;
@ -568,33 +594,43 @@ html:not([dir=rtl]) .flatpickr-weekwrapper .flatpickr-weeks .flatpickr-weeks {
transform: translate3d(0, 0, 0);
}
}
.light-style .flatpickr-calendar,
.light-style .flatpickr-days {
.light-style .flatpickr-calendar {
background: #fff;
width: calc(16.075rem + 2px) !important;
}
.light-style .flatpickr-prev-month,
.light-style .flatpickr-next-month {
background-color: rgba(67, 89, 113, 0.1);
background-color: #edeef0;
}
.light-style .flatpickr-prev-month svg,
.light-style .flatpickr-next-month svg {
fill: #697a8d;
stroke: #697a8d;
fill: #646e78;
stroke: #646e78;
}
.light-style .flatpickr-calendar,
.light-style .flatpickr-days {
width: calc(16.75rem + 0 * 2px) !important;
}
.light-style .flatpickr-calendar {
background-color: #fff;
border-radius: 0.375rem !important;
}
.light-style:not([dir=rtl]) .flatpickr-calendar.hasWeeks {
width: calc(19rem + 0 * 3px + 0.35rem) !important;
}
.light-style .flatpickr-calendar.hasWeeks {
width: calc(18.2rem + 3px) !important;
.light-style[dir=rtl] .flatpickr-calendar.hasWeeks {
width: calc(19rem + 0 * 3px + 1rem) !important;
}
.light-style .flatpickr-calendar.open {
z-index: 1091;
}
.light-style .flatpickr-input[readonly],
.light-style .flatpickr-input ~ .form-control[readonly] {
background: #fff;
background: transparent;
}
.light-style .flatpickr-days {
padding: 0.6rem;
border: 1px solid rgba(0, 0, 0, 0.05);
background: #fff;
padding: 0.25rem 0.5rem 0.5rem;
border: 0 solid #e4e6e8;
border-top: 0;
background-clip: padding-box;
border-bottom-right-radius: 0.375rem;
@ -602,117 +638,141 @@ html:not([dir=rtl]) .flatpickr-weekwrapper .flatpickr-weeks .flatpickr-weeks {
}
.light-style:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
border-left: 0;
padding-left: calc(0.6rem + 1px);
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05) inset;
padding-left: calc(0.5rem + 0px);
box-shadow: 0 0 0 #e4e6e8 inset;
}
.light-style[dir=rtl] .flatpickr-calendar.hasWeeks .flatpickr-days {
border-right: 0;
padding-right: calc(0.6rem + 1px);
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.05) inset;
padding-right: calc(0.5rem + 0px);
box-shadow: 0 0 0 #e4e6e8 inset;
}
.light-style .flatpickr-calendar {
line-height: 1.53;
line-height: 1.375;
font-size: 0.9375rem;
box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);
box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14);
border-radius: 0.375rem;
}
.light-style .flatpickr-calendar.hasTime:not(.noCalendar):not(.hasTime) .flatpickr-time {
display: none !important;
}
.light-style .flatpickr-calendar.hasTime .flatpickr-time {
box-shadow: 0 1px 0 #d9dee3 inset;
box-shadow: 0 1px 0 #e4e6e8 inset;
}
.light-style .flatpickr-monthDropdown-months {
color: #384551;
}
.light-style .flatpickr-current-month {
font-size: 112%;
color: #384551;
}
.light-style .flatpickr-current-month .cur-month {
color: #566a7f;
.light-style .flatpickr-current-month .cur-month,
.light-style .flatpickr-current-month .cur-year {
font-size: 0.9375rem;
font-weight: 400;
color: #384551;
}
.light-style .flatpickr-month,
.light-style span.flatpickr-weekday,
.light-style .flatpickr-weekdays {
background: #fff;
}
.light-style .flatpickr-month {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.light-style .flatpickr-month option.flatpickr-monthDropdown-month {
color: #697a8d;
background: #fff;
color: #384551;
background: transparent;
}
.light-style span.flatpickr-weekday {
color: #384551;
font-size: 0.8125rem;
}
.light-style .flatpickr-day {
color: #697a8d;
color: #384551;
border-radius: 0.375rem;
}
.light-style .flatpickr-day:hover, .light-style .flatpickr-day:focus, .light-style .flatpickr-day.prevMonthDay:hover, .light-style .flatpickr-day.nextMonthDay:hover, .light-style .flatpickr-day.today:hover, .light-style .flatpickr-day.prevMonthDay:focus, .light-style .flatpickr-day.nextMonthDay:focus, .light-style .flatpickr-day.today:focus {
color: #697a8d;
background: #f7f8f9;
color: #384551;
background: #f2f3f3;
}
.light-style .flatpickr-day:hover:not(.today), .light-style .flatpickr-day:focus:not(.today), .light-style .flatpickr-day.prevMonthDay:hover:not(.today), .light-style .flatpickr-day.nextMonthDay:hover:not(.today), .light-style .flatpickr-day.today:hover:not(.today), .light-style .flatpickr-day.prevMonthDay:focus:not(.today), .light-style .flatpickr-day.nextMonthDay:focus:not(.today), .light-style .flatpickr-day.today:focus:not(.today) {
border-color: transparent;
}
.light-style .flatpickr-day.prevMonthDay, .light-style .flatpickr-day.nextMonthDay, .light-style .flatpickr-day.flatpickr-disabled {
color: #b4bdc6;
color: #a7acb2 !important;
}
.light-style .flatpickr-day.prevMonthDay.today, .light-style .flatpickr-day.nextMonthDay.today, .light-style .flatpickr-day.flatpickr-disabled.today {
border: none;
}
.light-style .flatpickr-day.disabled {
color: #b4bdc6 !important;
color: #a7acb2 !important;
}
.light-style .flatpickr-day.selected.startRange.endRange {
border-radius: 0.375rem !important;
}
.light-style .flatpickr-weeks {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
border-left: 1px solid rgba(0, 0, 0, 0.05);
background: #f6f7f8;
border-bottom: 0 solid #e4e6e8;
border-left: 0 solid #e4e6e8;
background: #fff;
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0;
}
.light-style .flatpickr-weeks .flatpickr-day {
color: #384551;
}
.light-style[dir=rtl] .flatpickr-weeks {
border-right: 1px solid rgba(0, 0, 0, 0.05);
border-right: 0 solid #e4e6e8;
border-left: 0;
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
border-bottom-left-radius: 0;
}
.light-style .flatpickr-time {
border: 1px solid rgba(0, 0, 0, 0.05);
border: 0 solid #e4e6e8;
background: #fff;
border-radius: 0.375rem;
}
.light-style .flatpickr-time input {
color: #697a8d;
color: #646e78;
font-size: 0.9375rem;
}
.light-style .flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #a1acb8;
border-bottom-color: #a7acb2;
}
.light-style .flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #a1acb8;
border-top-color: #a7acb2;
}
.light-style .flatpickr-time .flatpickr-am-pm {
color: #697a8d;
color: #646e78;
}
.light-style .flatpickr-time .flatpickr-time-separator {
color: #697a8d;
font-weight: 600;
color: #646e78;
font-weight: 500;
}
.dark-style .flatpickr-calendar,
.dark-style .flatpickr-days {
background: #323249;
width: calc(16.075rem + 2px) !important;
.dark-style .flatpickr-calendar {
background: #2b2c40;
}
.dark-style .flatpickr-prev-month,
.dark-style .flatpickr-next-month {
background-color: #444564;
background-color: rgba(230, 230, 241, 0.08);
}
.dark-style .flatpickr-prev-month svg,
.dark-style .flatpickr-next-month svg {
fill: #a3a4cc;
stroke: #a3a4cc;
fill: #b2b2c4;
stroke: #b2b2c4;
}
.dark-style .flatpickr-calendar,
.dark-style .flatpickr-days {
width: calc(16.75rem + 0 * 2px) !important;
}
.dark-style:not([dir=rtl]) .flatpickr-calendar.hasWeeks {
width: calc(19rem + 0 * 3px + 0.355rem) !important;
}
.dark-style .flatpickr-calendar.hasWeeks,
.dark-style .flatpickr-calendar.hasWeeks .flatpickr-days {
width: calc(18.2rem + 3px) !important;
.dark-style[dir=rtl] .flatpickr-calendar.hasWeeks {
width: calc(19rem + 0 * 3px + 1rem) !important;
}
.dark-style .flatpickr-calendar.open {
z-index: 1091;
@ -720,63 +780,83 @@ html:not([dir=rtl]) .flatpickr-weekwrapper .flatpickr-weeks .flatpickr-weeks {
.dark-style .flatpickr-input:not(.is-invalid):not(.is-valid) ~ .form-control:disabled,
.dark-style .flatpickr-input:not(.is-invalid):not(.is-valid)[readonly],
.dark-style .flatpickr-input:not(.is-invalid):not(.is-valid) ~ .form-control[readonly] {
background-color: #2b2c40;
background-color: transparent;
}
.dark-style .flatpickr-days {
border: 1px solid rgba(0, 0, 0, 0.05);
border: 0 solid #4e4f6c;
border-top: 0;
padding: 0.6rem;
padding: 0.25rem 0.5rem;
padding-bottom: 0.5rem;
background: #2b2c40;
background-clip: padding-box;
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.dark-style:not([dir=rtl]) .flatpickr-calendar.hasWeeks .flatpickr-days {
border-left: 0;
padding-left: calc(0.6rem + 1px);
box-shadow: 1px 0 0 rgba(0, 0, 0, 0.05) inset;
padding-left: calc(0.5rem + 0px);
box-shadow: 0 0 0 #4e4f6c inset;
}
.dark-style[dir=rtl] .flatpickr-calendar.hasWeeks .flatpickr-days {
border-right: 0;
padding-right: calc(0.6rem + 1px);
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.05) inset;
padding-right: calc(0.5rem + 0px);
box-shadow: 0 0 0 #4e4f6c inset;
}
.dark-style .flatpickr-calendar {
line-height: 1.53;
line-height: 1.375;
font-size: 0.9375rem;
box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0.25rem 0.75rem 0 rgba(20, 20, 29, 0.24);
background-color: #2b2c40;
border-radius: 0.375rem;
}
.dark-style .flatpickr-calendar.hasTime:not(.noCalendar):not(.hasTime) .flatpickr-time {
display: none !important;
}
.dark-style .flatpickr-calendar.hasTime .flatpickr-time {
box-shadow: 0 1px 0 #444564 inset;
box-shadow: 0 1px 0 #4e4f6c inset;
}
.dark-style .flatpickr-month,
.dark-style span.flatpickr-weekday,
.dark-style .flatpickr-weekdays {
background: #2b2c40;
}
.dark-style .flatpickr-month {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
.dark-style .flatpickr-month option.flatpickr-monthDropdown-month {
color: #a3a4cc;
color: #b2b2c4;
background: #2b2c40;
}
.dark-style .flatpickr-monthDropdown-months {
color: #d5d5e2;
}
.dark-style .flatpickr-current-month {
font-size: 112%;
color: #d5d5e2;
}
.dark-style .flatpickr-current-month .cur-month,
.dark-style .flatpickr-current-month .cur-year {
font-size: 0.9375rem;
font-weight: 400;
color: #d5d5e2;
}
.dark-style .flatpickr-current-month .cur-month {
color: #cbcbe2;
.dark-style span.flatpickr-weekday {
font-size: 0.8125rem;
color: #d5d5e2;
}
.dark-style .flatpickr-day {
color: #a3a4cc;
font-weight: 600;
color: #d5d5e2;
font-weight: 500;
border-radius: 0.375rem;
}
.dark-style .flatpickr-day:hover, .dark-style .flatpickr-day:focus, .dark-style .flatpickr-day.nextMonthDay:hover, .dark-style .flatpickr-day.prevMonthDay:hover, .dark-style .flatpickr-day.today:hover, .dark-style .flatpickr-day.nextMonthDay:focus, .dark-style .flatpickr-day.prevMonthDay:focus, .dark-style .flatpickr-day.today:focus {
border-color: transparent;
background: rgba(124, 125, 182, 0.1);
color: #a3a4cc;
color: #d5d5e2;
background: #434463;
}
.dark-style .flatpickr-day.nextMonthDay, .dark-style .flatpickr-day.prevMonthDay, .dark-style .flatpickr-day.flatpickr-disabled {
color: #7c7db6;
color: #7e7f96 !important;
}
.dark-style .flatpickr-day.nextMonthDay.today, .dark-style .flatpickr-day.prevMonthDay.today, .dark-style .flatpickr-day.flatpickr-disabled.today {
border: 0;
@ -785,39 +865,41 @@ html:not([dir=rtl]) .flatpickr-weekwrapper .flatpickr-weeks .flatpickr-weeks {
border-radius: 0.375rem !important;
}
.dark-style .flatpickr-day.disabled {
color: #373862 !important;
color: #7e7f96 !important;
}
.dark-style .flatpickr-weeks {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
border-left: 1px solid rgba(0, 0, 0, 0.05);
background: #38384e;
border-bottom: 0 solid #4e4f6c;
border-left: 0 solid #4e4f6c;
background: #2b2c40;
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0;
}
.dark-style .flatpickr-weeks .flatpickr-day {
color: #d5d5e2;
}
.dark-style[dir=rtl] .flatpickr-weeks {
border-right: 1px solid rgba(0, 0, 0, 0.05);
border-right: 0 solid #4e4f6c;
border-left: 0;
}
.dark-style .flatpickr-time {
border: 1px solid rgba(0, 0, 0, 0.05);
background: #323249;
border: 0 solid #4e4f6c;
background: #2b2c40;
border-radius: 0.375rem;
}
.dark-style .flatpickr-time input {
font-size: 0.9375rem;
color: #a3a4cc;
color: #b2b2c4;
}
.dark-style .flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #7071a4;
border-bottom-color: #7e7f96;
}
.dark-style .flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #7071a4;
border-top-color: #7e7f96;
}
.dark-style .flatpickr-time .flatpickr-am-pm {
color: #a3a4cc;
color: #b2b2c4;
}
.dark-style .flatpickr-time .flatpickr-time-separator {
color: #a3a4cc;
font-weight: 600;
color: #b2b2c4;
font-weight: 500;
}

File diff suppressed because one or more lines are too long

@ -1,3 +1,22 @@
.fc .fc-scrollgrid-section {
height: 0px;
}
.fc a[data-navlink]:hover {
text-decoration: none;
}
.fc .fc-timegrid-slot {
height: 4em !important;
}
.fc .fc-timeGridWeek-view .fc-timegrid-slot-minor {
border-top-style: none;
}
.fc .fc-timeGridDay-view .fc-timegrid-slot-minor {
border-top-style: solid;
}
.fc .fc-col-header-cell-cushion {
padding-top: 8.7px !important;
padding-bottom: 8.7px !important;
}
.fc .fc-toolbar {
flex-wrap: wrap;
}
@ -15,11 +34,11 @@
border-color: transparent !important;
box-shadow: none !important;
}
.fc .fc-toolbar .fc-prev-button {
padding-left: 0 !important;
.fc .fc-toolbar .fc-button {
border-radius: 0.375rem;
}
.fc .fc-toolbar .fc-button:not(.fc-next-button):not(.fc-prev-button) {
padding: 0.438rem 1.125rem;
padding: 0.485rem 1.25rem;
}
.fc .fc-toolbar .fc-button:not(.fc-next-button):not(.fc-prev-button):active, .fc .fc-toolbar .fc-button:not(.fc-next-button):not(.fc-prev-button):focus {
box-shadow: none !important;
@ -49,16 +68,51 @@
.fc .fc-toolbar .fc-sidebarToggle-button + div {
margin-left: 0;
}
.fc table.fc-scrollgrid .fc-col-header .fc-col-header-cell {
border-left: none;
}
.fc .fc-view-harness {
min-height: 650px;
}
.fc .fc-view-harness .fc-col-header-cell-cushion {
padding-bottom: 3px;
padding-top: 3px;
}
html:not([dir=rtl]) .fc .fc-view-harness .fc-scrollgrid-section-header > * {
border-inline-end-width: 0px;
}
[dir=rtl] .fc .fc-view-harness .fc-scrollgrid-section-header > * {
border-inline-start-width: 0px;
}
.fc .fc-view-harness .fc-timegrid-event .fc-event-time {
font-size: 0.6875rem;
}
.fc .fc-view-harness .fc-v-event .fc-event-title {
font-size: 0.8125rem;
padding-top: 0.2rem;
font-weight: 500;
}
.fc .fc-view-harness .fc-timegrid-event .fc-event-main {
padding: 0.25rem 0.5rem 0;
}
.fc .fc-daygrid-day-events .fc-event,
.fc .fc-daygrid-day-events .fc-more-link {
margin-inline: 0.5rem !important;
}
.fc .fc-day-today {
background-clip: padding-box;
}
.fc .fc-h-event .fc-event-main,
.fc .fc-v-event .fc-event-main {
color: inherit !important;
}
.fc .fc-daygrid-block-event .fc-event-time,
.fc .fc-daygrid-dot-event .fc-event-title {
font-weight: 500;
}
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
margin-top: 0.94rem !important;
margin-bottom: 0.94rem !important;
}
.fc .fc-view-harness {
margin: 0 -1.5rem;
@ -68,13 +122,20 @@
}
.fc .fc-view-harness .fc-daygrid-body .fc-daygrid-day .fc-daygrid-day-top .fc-daygrid-day-number {
float: left;
margin-left: 0.5rem;
padding: 0.5rem;
}
.fc .fc-view-harness .fc-daygrid-body .fc-daygrid-day .fc-daygrid-day-bottom .fc-daygrid-more-link {
margin-top: 0.625rem;
}
.fc .fc-view-harness .fc-event {
font-size: 0.8rem;
font-weight: 600;
font-size: 0.8125rem;
font-weight: 500;
padding: 0.25rem 0.5rem;
border-radius: 3px;
border-radius: 0.25rem;
border: 0;
}
.fc .fc-view-harness .fc-event .fc-event-title {
font-weight: 500;
}
.fc .fc-view-harness .fc-daygrid-event-harness .fc-event.private-event {
background-color: transparent !important;
@ -83,11 +144,41 @@
.fc .fc-view-harness .fc-event .fc-daygrid-event-dot {
display: none;
}
.fc .fc-daygrid-event-harness + .fc-daygrid-event-harness .fc-daygrid-event {
margin-top: 0.625rem !important;
}
.fc .fc-timegrid .fc-timegrid-divider {
display: none;
}
.fc .fc-daygrid-event-harness + .fc-daygrid-event-harness {
margin-top: 0.3rem !important;
.fc .fc-timegrid .fc-timegrid-event {
border-radius: 0px;
box-shadow: none;
padding-top: 0.5rem;
}
.fc .fc-timegrid .fc-timegrid-event .fc-event-time {
font-size: inherit;
}
.fc .fc-daygrid-event-harness-abs .fc-event {
margin-bottom: 0.625rem;
}
.fc .fc-timegrid-slot-label-frame {
text-align: center;
}
.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {
font-size: 0.8125rem;
}
.fc .fc-timegrid-axis-cushion {
text-transform: capitalize;
padding: 0.5rem 0.4375rem;
}
.fc .fc-timegrid-slot-label-cushion {
text-transform: uppercase;
padding: 0.5rem !important;
}
.fc .fc-list-day-cushion,
.fc .fc-list-table td {
padding-inline: 1rem;
}
.fc .fc-popover {
z-index: 1090 !important;
@ -95,39 +186,57 @@
.fc .fc-popover .fc-popover-header {
padding: 0.566rem;
}
.fc .fc-list .fc-list-table {
border-bottom: 1px solid;
}
.fc.fc-theme-standard .fc-list {
border: none;
}
.fc .fc-day-other .fc-daygrid-day-top {
opacity: 1;
}
.light-style .fc .fc-toolbar .fc-prev-button .fc-icon,
.light-style .fc .fc-toolbar .fc-next-button .fc-icon {
color: #697a8d;
color: #384551;
}
.light-style .fc .fc-col-header-cell-cushion {
color: #384551;
}
.light-style .fc.fc-theme-standard .fc-list-day-cushion {
background-color: #f2f3f3 !important;
}
.light-style .fc table.fc-scrollgrid {
border-color: #d9dee3;
border-color: #e4e6e8;
}
.light-style .fc table.fc-scrollgrid .fc-col-header tbody {
border: none;
}
.light-style .fc table.fc-scrollgrid .fc-col-header .fc-col-header-cell {
border-color: #d9dee3;
border-color: #e4e6e8;
}
.light-style .fc table.fc-scrollgrid td {
border-color: #d9dee3;
border-color: #e4e6e8;
}
.light-style .fc .fc-timegrid-axis-cushion {
color: #a7acb2;
}
.light-style .fc .fc-timegrid-slot-label-cushion {
color: #384551;
}
.light-style .fc .private-event .fc-event-time,
.light-style .fc .private-event .fc-event-title {
color: #ff3e1d;
}
.light-style .fc .fc-day-today {
background-color: #f6f7f8 !important;
.light-style .fc .fc-day-today:not(.fc-col-header-cell) {
background-color: #f2f3f3 !important;
}
.light-style .fc .fc-day-today .fc-popover-body {
.light-style .fc .fc-day-today:not(.fc-col-header-cell) .fc-popover-body {
background-color: #fff !important;
}
.light-style .fc .fc-popover .fc-popover-header {
background: #f5f5f9;
}
.light-style .fc .fc-list {
border-color: #d9dee3;
}
.light-style .fc .fc-list .fc-list-table th {
border: 0;
background: #f5f5f9;
@ -136,10 +245,17 @@
cursor: pointer;
}
.light-style .fc .fc-list .fc-list-table .fc-list-event:hover td {
background-color: rgba(67, 89, 113, 0.1);
background-color: rgba(34, 48, 62, 0.025);
}
.light-style .fc .fc-list .fc-list-table .fc-list-event td {
border-color: #d9dee3;
border-color: #e4e6e8;
color: #646e78;
}
.light-style .fc .fc-list .fc-list-table .fc-list-day th {
color: #384551;
}
.light-style .fc .fc-list .fc-list-table tbody > tr:first-child th {
border-top: 1px solid #e4e6e8;
}
.light-style .fc .fc-list .fc-list-empty {
background-color: #f5f5f9;
@ -148,15 +264,15 @@
.light-style .fc tbody,
.light-style .fc thead,
.light-style .fc tbody td {
border-color: #d9dee3;
border-color: #e4e6e8;
}
.light-style .fc .fc-day-other .fc-daygrid-day-top {
color: #a7acb2;
}
.light-style .fc-event-primary:not(.fc-list-event) {
background-color: #e7e7ff !important;
color: #696cff !important;
}
.light-style .fc-event-primary:not(.fc-list-event) {
border-color: rgba(105, 108, 255, 0.15);
}
.light-style .fc-event-primary.fc-list-event .fc-list-event-dot {
border-color: #696cff !important;
}
@ -164,9 +280,6 @@
background-color: #ebeef0 !important;
color: #8592a3 !important;
}
.light-style .fc-event-secondary:not(.fc-list-event) {
border-color: rgba(133, 146, 163, 0.15);
}
.light-style .fc-event-secondary.fc-list-event .fc-list-event-dot {
border-color: #8592a3 !important;
}
@ -174,9 +287,6 @@
background-color: #e8fadf !important;
color: #71dd37 !important;
}
.light-style .fc-event-success:not(.fc-list-event) {
border-color: rgba(113, 221, 55, 0.15);
}
.light-style .fc-event-success.fc-list-event .fc-list-event-dot {
border-color: #71dd37 !important;
}
@ -184,9 +294,6 @@
background-color: #d7f5fc !important;
color: #03c3ec !important;
}
.light-style .fc-event-info:not(.fc-list-event) {
border-color: rgba(3, 195, 236, 0.15);
}
.light-style .fc-event-info.fc-list-event .fc-list-event-dot {
border-color: #03c3ec !important;
}
@ -194,9 +301,6 @@
background-color: #fff2d6 !important;
color: #ffab00 !important;
}
.light-style .fc-event-warning:not(.fc-list-event) {
border-color: rgba(255, 171, 0, 0.15);
}
.light-style .fc-event-warning.fc-list-event .fc-list-event-dot {
border-color: #ffab00 !important;
}
@ -204,85 +308,82 @@
background-color: #ffe0db !important;
color: #ff3e1d !important;
}
.light-style .fc-event-danger:not(.fc-list-event) {
border-color: rgba(255, 62, 29, 0.15);
}
.light-style .fc-event-danger.fc-list-event .fc-list-event-dot {
border-color: #ff3e1d !important;
}
.light-style .fc-event-light:not(.fc-list-event) {
background-color: white !important;
color: #fcfdfd !important;
}
.light-style .fc-event-light:not(.fc-list-event) {
border-color: rgba(252, 253, 253, 0.15);
background-color: #f9fafa !important;
color: #dbdee0 !important;
}
.light-style .fc-event-light.fc-list-event .fc-list-event-dot {
border-color: #fcfdfd !important;
}
.light-style .fc-event-dark:not(.fc-list-event) {
background-color: #dcdfe1 !important;
color: #233446 !important;
border-color: #dbdee0 !important;
}
.light-style .fc-event-dark:not(.fc-list-event) {
border-color: rgba(35, 52, 70, 0.15);
background-color: #dddde0 !important;
color: #2b2c40 !important;
}
.light-style .fc-event-dark.fc-list-event .fc-list-event-dot {
border-color: #233446 !important;
border-color: #2b2c40 !important;
}
.light-style .fc-event-gray:not(.fc-list-event) {
background-color: rgba(253, 253, 254, 0.856) !important;
color: rgba(67, 89, 113, 0.1) !important;
}
.light-style .fc-event-gray:not(.fc-list-event) {
border-color: rgba(67, 89, 113, 0.15);
background-color: rgba(242, 243, 243, 0.92) !important;
color: rgba(34, 48, 62, 0.5) !important;
}
.light-style .fc-event-gray.fc-list-event .fc-list-event-dot {
border-color: rgba(67, 89, 113, 0.1) !important;
border-color: rgba(34, 48, 62, 0.5) !important;
}
.dark-style .fc .fc-toolbar .fc-prev-button .fc-icon,
.dark-style .fc .fc-toolbar .fc-next-button .fc-icon {
color: #a3a4cc;
color: #d5d5e2;
}
.dark-style .fc .fc-toolbar .fc-sidebarToggle-button {
color: #fff;
}
.dark-style .fc .fc-col-header-cell-cushion {
color: #d5d5e2;
}
.dark-style .fc.fc-theme-standard .fc-list-day-cushion {
background-color: #434463 !important;
}
.dark-style .fc .fc-timegrid-axis-cushion {
color: #7e7f96;
}
.dark-style .fc .fc-timegrid-slot-label-cushion {
color: #d5d5e2;
}
.dark-style .fc table.fc-scrollgrid {
border-color: #444564;
border-color: #4e4f6c;
}
.dark-style .fc table.fc-scrollgrid .fc-col-header tbody {
border: none;
}
.dark-style .fc table.fc-scrollgrid .fc-col-header .fc-col-header-cell {
border-color: #444564;
border-color: #4e4f6c;
}
.dark-style .fc table.fc-scrollgrid td {
border-color: #444564;
border-color: #4e4f6c;
}
.dark-style .fc .private-event .fc-event-time,
.dark-style .fc .private-event .fc-event-title {
color: #ff3e1d;
}
.dark-style .fc .fc-day-today {
background-color: #232333 !important;
.dark-style .fc .fc-day-today:not(.fc-col-header-cell) {
background-color: #434463 !important;
}
.dark-style .fc .fc-day-today .fc-popover-body {
.dark-style .fc .fc-day-today:not(.fc-col-header-cell) .fc-popover-body {
background-color: #2b2c40 !important;
}
.dark-style .fc .fc-divider {
background: #444564;
border-color: #444564;
background: #4e4f6c;
border-color: #4e4f6c;
}
.dark-style .fc .fc-popover {
background-color: #232333;
border: 0;
}
.dark-style .fc .fc-popover .fc-popover-header {
background-color: #6b6c9d;
}
.dark-style .fc .fc-list {
border-color: #444564;
background-color: #494a5d;
}
.dark-style .fc .fc-list .fc-list-table th {
border: 0;
@ -292,10 +393,17 @@
cursor: pointer;
}
.dark-style .fc .fc-list .fc-list-table .fc-list-event:hover td {
background-color: rgba(255, 255, 255, 0.03);
background-color: rgba(230, 230, 241, 0.06);
}
.dark-style .fc .fc-list .fc-list-table .fc-list-event td {
border-color: #444564;
border-color: #4e4f6c;
color: #b2b2c4;
}
.dark-style .fc .fc-list .fc-list-table .fc-list-day th {
color: #d5d5e2;
}
.dark-style .fc .fc-list .fc-list-table tbody > tr:first-child th {
border-top: 1px solid #4e4f6c;
}
.dark-style .fc .fc-list .fc-list-empty {
background-color: #232333;
@ -305,14 +413,22 @@
.dark-style .fc tbody,
.dark-style .fc thead,
.dark-style .fc tbody td {
border-color: #444564;
border-color: #4e4f6c;
}
.dark-style .fc .fc-timegrid-axis-cushion.fc-scrollgrid-shrink-cushion {
color: #7e7f96;
}
.dark-style .fc .fc-day-disabled {
background-color: rgba(230, 230, 241, 0.16);
}
.dark-style .fc .fc-day-other .fc-daygrid-day-top {
color: #7e7f96;
}
.dark-style .fc-event-primary:not(.fc-list-event) {
background-color: #35365f !important;
color: #696cff !important;
}
.dark-style .fc-event-primary:not(.fc-list-event) {
border-color: rgba(105, 108, 255, 0.15);
box-shadow: none;
}
.dark-style .fc-event-primary.fc-list-event .fc-list-event-dot {
@ -323,7 +439,6 @@
color: #8592a3 !important;
}
.dark-style .fc-event-secondary:not(.fc-list-event) {
border-color: rgba(133, 146, 163, 0.15);
box-shadow: none;
}
.dark-style .fc-event-secondary.fc-list-event .fc-list-event-dot {
@ -334,7 +449,6 @@
color: #71dd37 !important;
}
.dark-style .fc-event-success:not(.fc-list-event) {
border-color: rgba(113, 221, 55, 0.15);
box-shadow: none;
}
.dark-style .fc-event-success.fc-list-event .fc-list-event-dot {
@ -345,7 +459,6 @@
color: #03c3ec !important;
}
.dark-style .fc-event-info:not(.fc-list-event) {
border-color: rgba(3, 195, 236, 0.15);
box-shadow: none;
}
.dark-style .fc-event-info.fc-list-event .fc-list-event-dot {
@ -356,7 +469,6 @@
color: #ffab00 !important;
}
.dark-style .fc-event-warning:not(.fc-list-event) {
border-color: rgba(255, 171, 0, 0.15);
box-shadow: none;
}
.dark-style .fc-event-warning.fc-list-event .fc-list-event-dot {
@ -367,44 +479,40 @@
color: #ff3e1d !important;
}
.dark-style .fc-event-danger:not(.fc-list-event) {
border-color: rgba(255, 62, 29, 0.15);
box-shadow: none;
}
.dark-style .fc-event-danger.fc-list-event .fc-list-event-dot {
border-color: #ff3e1d !important;
}
.dark-style .fc-event-light:not(.fc-list-event) {
background-color: #313244 !important;
color: #4f505c !important;
background-color: #303145 !important;
color: #494a5d !important;
}
.dark-style .fc-event-light:not(.fc-list-event) {
border-color: rgba(79, 80, 92, 0.15);
box-shadow: none;
}
.dark-style .fc-event-light.fc-list-event .fc-list-event-dot {
border-color: #4f505c !important;
border-color: #494a5d !important;
}
.dark-style .fc-event-dark:not(.fc-list-event) {
background-color: #35364f !important;
color: #6b6c9d !important;
}
.dark-style .fc-event-dark:not(.fc-list-event) {
border-color: rgba(107, 108, 157, 0.15);
box-shadow: none;
}
.dark-style .fc-event-dark.fc-list-event .fc-list-event-dot {
border-color: #6b6c9d !important;
}
.dark-style .fc-event-gray:not(.fc-list-event) {
background-color: rgba(67, 68, 86, 0.968) !important;
color: rgba(255, 255, 255, 0.8) !important;
background-color: rgba(54, 55, 75, 0.92) !important;
color: rgba(230, 230, 241, 0.5) !important;
}
.dark-style .fc-event-gray:not(.fc-list-event) {
border-color: rgba(255, 255, 255, 0.15);
box-shadow: none;
}
.dark-style .fc-event-gray.fc-list-event .fc-list-event-dot {
border-color: rgba(255, 255, 255, 0.8) !important;
border-color: rgba(230, 230, 241, 0.5) !important;
}
@media (max-width: 575.98px) {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -1 +1 @@
@import '../../node_modules/highlight.js/styles/github.css';
@import 'highlight.js/styles/github.css';

@ -8,21 +8,47 @@ code.hljs {
padding: 3px 5px;
}
/*
Atom One Light by Daniel Gamage
Original One Light Syntax theme from https://github.com/atom/one-light-syntax
base: #fafafa
mono-1: #383a42
mono-2: #686b77
mono-3: #a0a1a7
hue-1: #0184bb
hue-2: #4078f2
hue-3: #a626a4
hue-4: #50a14f
hue-5: #e45649
hue-5-2: #c91243
hue-6: #986801
hue-6-2: #c18401
*/
.hljs {
color: #383a42;
background: #fafafa;
}
.hljs-comment, .hljs-quote {
.hljs-comment,
.hljs-quote {
color: #a0a1a7;
font-style: italic;
}
.hljs-doctag, .hljs-formula, .hljs-keyword {
.hljs-doctag,
.hljs-keyword,
.hljs-formula {
color: #a626a4;
}
.hljs-deletion, .hljs-name, .hljs-section, .hljs-selector-tag, .hljs-subst {
.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
color: #e45649;
}
@ -30,19 +56,37 @@ code.hljs {
color: #0184bb;
}
.hljs-addition, .hljs-attribute, .hljs-meta .hljs-string, .hljs-regexp, .hljs-string {
.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string {
color: #50a14f;
}
.hljs-attr, .hljs-number, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-pseudo, .hljs-template-variable, .hljs-type, .hljs-variable {
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
color: #986801;
}
.hljs-bullet, .hljs-link, .hljs-meta, .hljs-selector-id, .hljs-symbol, .hljs-title {
.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
color: #4078f2;
}
.hljs-built_in, .hljs-class .hljs-title, .hljs-title.class_ {
.hljs-built_in,
.hljs-title.class_,
.hljs-class .hljs-title {
color: #c18401;
}
@ -51,7 +95,7 @@ code.hljs {
}
.hljs-strong {
font-weight: 700;
font-weight: bold;
}
.hljs-link {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -149,14 +149,14 @@
}
.light-style .kanban-board {
background: #d9dee3;
background: #e4e6e8;
}
.light-style .kanban-item {
background: #fff;
}
.dark-style .kanban-board {
background: #444564;
background: #4e4f6c;
}
.dark-style .kanban-item {
background: #2b2c40;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -5,11 +5,12 @@
background: #fff;
background-clip: padding-box;
outline: none;
padding: 0.5rem;
}
.ui-timepicker-list {
list-style: none;
padding: 0;
padding: 0.125rem 0;
margin: 0;
}
@ -23,10 +24,11 @@
.ui-timepicker-list li {
padding: 0.25rem 0.75rem;
margin: 0;
margin: 0.125rem 0.5625rem;
white-space: nowrap;
cursor: pointer;
list-style: none;
border-radius: var(--bs-border-radius);
}
.ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
background: #fff !important;
@ -34,53 +36,51 @@
}
.light-style .ui-timepicker-wrapper {
padding: 0.3125rem 0;
z-index: 1091;
background: #fff;
box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);
border: 1px solid transparent;
box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14);
border: 0 solid #e4e6e8;
border-radius: 0.375rem;
}
.light-style .ui-timepicker-list li {
color: #697a8d;
color: #384551;
}
.light-style .ui-timepicker-list li:hover {
background: rgba(67, 89, 113, 0.04);
background: rgba(34, 48, 62, 0.06);
}
.light-style .ui-timepicker-list li:not(.ui-timepicker-selected) .ui-timepicker-duration {
color: #a1acb8;
color: #a7acb2;
}
.ui-timepicker-list:hover .light-style .ui-timepicker-list li:not(.ui-timepicker-selected) .ui-timepicker-duration {
color: #a1acb8;
color: #a7acb2;
}
.light-style .ui-timepicker-list li.ui-timepicker-disabled,
.light-style .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
background: #fff !important;
color: #c7cdd4 !important;
color: #a7acb2 !important;
}
.dark-style .ui-timepicker-wrapper {
border: 1px solid transparent;
padding: 0.3125rem 0;
border: 0 solid #4e4f6c;
z-index: 1091;
background: #323249;
box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
background: #2b2c40;
box-shadow: 0 0.25rem 0.75rem 0 rgba(20, 20, 29, 0.24);
border-radius: 0.375rem;
}
.dark-style .ui-timepicker-list li {
color: #a3a4cc;
color: #d5d5e2;
}
.dark-style .ui-timepicker-list li:hover {
background: rgba(124, 125, 182, 0.1);
background: rgba(230, 230, 241, 0.06);
}
.dark-style .ui-timepicker-list li:not(.ui-timepicker-selected) .ui-timepicker-duration {
color: #7071a4;
color: #7e7f96;
}
.ui-timepicker-list:hover .dark-style .ui-timepicker-list li:not(.ui-timepicker-selected) .ui-timepicker-duration {
color: #7071a4;
color: #7e7f96;
}
.dark-style .ui-timepicker-list li.ui-timepicker-disabled,
.dark-style .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
color: #7071a4 !important;
background: #323249 !important;
color: #7e7f96 !important;
background: #2b2c40 !important;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -67,6 +67,11 @@
padding: 0;
}
.leaflet-container img.leaflet-tile {
/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
mix-blend-mode: plus-lighter;
}
.leaflet-container.leaflet-touch-zoom {
-ms-touch-action: pan-x pan-y;
touch-action: pan-x pan-y;

File diff suppressed because one or more lines are too long

@ -0,0 +1,718 @@
.mapboxgl-map {
-webkit-tap-highlight-color: rgb(0 0 0/0);
font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
overflow: hidden;
position: relative;
}
.mapboxgl-canvas {
left: 0;
position: absolute;
top: 0;
}
.mapboxgl-map:-webkit-full-screen {
height: 100%;
width: 100%;
}
.mapboxgl-canary {
background-color: salmon;
}
.mapboxgl-canvas-container.mapboxgl-interactive, .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
cursor: grab;
-webkit-user-select: none;
user-select: none;
}
.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
cursor: pointer;
}
.mapboxgl-canvas-container.mapboxgl-interactive:active, .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
cursor: grabbing;
}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
touch-action: pan-x pan-y;
}
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
touch-action: pinch-zoom;
}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
touch-action: none;
}
.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right, .mapboxgl-ctrl-top-left, .mapboxgl-ctrl-top-right {
pointer-events: none;
position: absolute;
z-index: 2;
}
.mapboxgl-ctrl-top-left {
left: 0;
top: 0;
}
.mapboxgl-ctrl-top-right {
right: 0;
top: 0;
}
.mapboxgl-ctrl-bottom-left {
bottom: 0;
left: 0;
}
.mapboxgl-ctrl-bottom-right {
bottom: 0;
right: 0;
}
.mapboxgl-ctrl {
clear: both;
pointer-events: auto;
transform: translate(0);
}
.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
float: left;
margin: 10px 0 0 10px;
}
.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
float: right;
margin: 10px 10px 0 0;
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
float: left;
margin: 0 0 10px 10px;
}
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {
float: right;
margin: 0 10px 10px 0;
}
.mapboxgl-ctrl-group {
background: #fff;
border-radius: 4px;
}
.mapboxgl-ctrl-group:not(:empty) {
box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
@media (-ms-high-contrast: active) {
.mapboxgl-ctrl-group:not(:empty) {
box-shadow: 0 0 0 2px ButtonText;
}
}
.mapboxgl-ctrl-group button {
background-color: transparent;
border: 0;
box-sizing: border-box;
cursor: pointer;
display: block;
height: 29px;
outline: none;
overflow: hidden;
padding: 0;
width: 29px;
}
.mapboxgl-ctrl-group button + button {
border-top: 1px solid #ddd;
}
.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
background-position: 50%;
background-repeat: no-repeat;
display: block;
height: 100%;
width: 100%;
}
@media (-ms-high-contrast: active) {
.mapboxgl-ctrl-icon {
background-color: transparent;
}
.mapboxgl-ctrl-group button + button {
border-top: 1px solid ButtonText;
}
}
.mapboxgl-ctrl-attrib-button:focus, .mapboxgl-ctrl-group button:focus {
box-shadow: 0 0 2px 2px #0096ff;
}
.mapboxgl-ctrl button:disabled {
cursor: not-allowed;
}
.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
opacity: 0.25;
}
.mapboxgl-ctrl-group button:first-child {
border-radius: 4px 4px 0 0;
}
.mapboxgl-ctrl-group button:last-child {
border-radius: 0 0 4px 4px;
}
.mapboxgl-ctrl-group button:only-child {
border-radius: inherit;
}
.mapboxgl-ctrl button:not(:disabled):hover {
background-color: rgb(0 0 0/5%);
}
.mapboxgl-ctrl-group button:focus:focus-visible {
box-shadow: 0 0 2px 2px #0096ff;
}
.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
box-shadow: none;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
}
@media (-ms-high-contrast: active) {
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
}
}
@media (-ms-high-contrast: black-on-white) {
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
}
}
.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
}
@media (-ms-high-contrast: active) {
.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
}
}
@media (-ms-high-contrast: black-on-white) {
.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
}
}
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
}
@media (-ms-high-contrast: active) {
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E");
}
}
@media (-ms-high-contrast: black-on-white) {
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
}
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon {
animation: mapboxgl-spin 2s linear infinite;
}
@media (-ms-high-contrast: active) {
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
}
@media (-ms-high-contrast: black-on-white) {
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E");
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E");
}
}
@keyframes mapboxgl-spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
a.mapboxgl-ctrl-logo {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
cursor: pointer;
display: block;
height: 23px;
margin: 0 0 -4px -4px;
overflow: hidden;
width: 88px;
}
a.mapboxgl-ctrl-logo.mapboxgl-compact {
width: 23px;
}
@media (-ms-high-contrast: active) {
a.mapboxgl-ctrl-logo {
background-color: transparent;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
}
}
@media (-ms-high-contrast: black-on-white) {
a.mapboxgl-ctrl-logo {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E");
}
}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
background-color: hsla(0, 0%, 100%, 0.5);
margin: 0;
padding: 0 5px;
}
@media screen {
.mapboxgl-ctrl-attrib.mapboxgl-compact {
background-color: #fff;
border-radius: 12px;
margin: 10px;
min-height: 20px;
padding: 2px 24px 2px 0;
position: relative;
}
.mapboxgl-ctrl-attrib.mapboxgl-compact-show {
padding: 2px 28px 2px 8px;
visibility: visible;
}
.mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show, .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show {
border-radius: 12px;
padding: 2px 8px 2px 28px;
}
.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
display: none;
}
.mapboxgl-ctrl-attrib-button {
background-color: hsla(0, 0%, 100%, 0.5);
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
border: 0;
border-radius: 12px;
box-sizing: border-box;
cursor: pointer;
display: none;
height: 24px;
outline: none;
position: absolute;
right: 0;
top: 0;
width: 24px;
}
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button, .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button {
left: 0;
}
.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button, .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner {
display: block;
}
.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
background-color: rgb(0 0 0/5%);
}
.mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
bottom: 0;
right: 0;
}
.mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
right: 0;
top: 0;
}
.mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
left: 0;
top: 0;
}
.mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
bottom: 0;
left: 0;
}
}
@media screen and (-ms-high-contrast: active) {
.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
}
}
@media screen and (-ms-high-contrast: black-on-white) {
.mapboxgl-ctrl-attrib.mapboxgl-compact:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");
}
}
.mapboxgl-ctrl-attrib a {
color: rgba(0, 0, 0, 0.75);
text-decoration: none;
}
.mapboxgl-ctrl-attrib a:hover {
color: inherit;
text-decoration: underline;
}
.mapboxgl-ctrl-attrib .mapbox-improve-map {
font-weight: 700;
margin-left: 2px;
}
.mapboxgl-attrib-empty {
display: none;
}
.mapboxgl-ctrl-scale {
background-color: hsla(0, 0%, 100%, 0.75);
border: 2px solid #333;
border-top: #333;
box-sizing: border-box;
color: #333;
font-size: 10px;
padding: 0 5px;
white-space: nowrap;
}
.mapboxgl-popup {
display: flex;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
will-change: transform;
}
.mapboxgl-popup-anchor-top, .mapboxgl-popup-anchor-top-left, .mapboxgl-popup-anchor-top-right {
flex-direction: column;
}
.mapboxgl-popup-anchor-bottom, .mapboxgl-popup-anchor-bottom-left, .mapboxgl-popup-anchor-bottom-right {
flex-direction: column-reverse;
}
.mapboxgl-popup-anchor-left {
flex-direction: row;
}
.mapboxgl-popup-anchor-right {
flex-direction: row-reverse;
}
.mapboxgl-popup-tip {
border: 10px solid transparent;
height: 0;
width: 0;
z-index: 1;
}
.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
align-self: center;
border-bottom-color: #fff;
border-top: none;
}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
align-self: flex-start;
border-bottom-color: #fff;
border-left: none;
border-top: none;
}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
align-self: flex-end;
border-bottom-color: #fff;
border-right: none;
border-top: none;
}
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
align-self: center;
border-bottom: none;
border-top-color: #fff;
}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
align-self: flex-start;
border-bottom: none;
border-left: none;
border-top-color: #fff;
}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
align-self: flex-end;
border-bottom: none;
border-right: none;
border-top-color: #fff;
}
.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
align-self: center;
border-left: none;
border-right-color: #fff;
}
.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
align-self: center;
border-left-color: #fff;
border-right: none;
}
.mapboxgl-popup-close-button {
background-color: transparent;
border: 0;
border-radius: 0 3px 0 0;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
}
.mapboxgl-popup-close-button:hover {
background-color: rgb(0 0 0/5%);
}
.mapboxgl-popup-content {
background: #fff;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
padding: 10px 10px 15px;
pointer-events: auto;
position: relative;
}
.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
border-top-left-radius: 0;
}
.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
border-top-right-radius: 0;
}
.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
border-bottom-left-radius: 0;
}
.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
border-bottom-right-radius: 0;
}
.mapboxgl-popup-track-pointer {
display: none;
}
.mapboxgl-popup-track-pointer * {
pointer-events: none;
user-select: none;
}
.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
display: flex;
}
.mapboxgl-map:active .mapboxgl-popup-track-pointer {
display: none;
}
.mapboxgl-marker {
left: 0;
opacity: 1;
position: absolute;
top: 0;
transition: opacity 0.2s;
will-change: transform;
}
.mapboxgl-user-location-dot, .mapboxgl-user-location-dot:before {
background-color: #1da1f2;
border-radius: 50%;
height: 15px;
width: 15px;
}
.mapboxgl-user-location-dot:before {
animation: mapboxgl-user-location-dot-pulse 2s infinite;
content: "";
position: absolute;
}
.mapboxgl-user-location-dot:after {
border: 2px solid #fff;
border-radius: 50%;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
box-sizing: border-box;
content: "";
height: 19px;
left: -2px;
position: absolute;
top: -2px;
width: 19px;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {
height: 0;
width: 0;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after, .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
border-bottom: 7.5px solid #4aa1eb;
content: "";
position: absolute;
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {
border-left: 7.5px solid transparent;
transform: translateY(-28px) skewY(-20deg);
}
.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {
border-right: 7.5px solid transparent;
transform: translate(7.5px, -28px) skewY(20deg);
}
@keyframes mapboxgl-user-location-dot-pulse {
0% {
opacity: 1;
transform: scale(1);
}
70% {
opacity: 0;
transform: scale(3);
}
to {
opacity: 0;
transform: scale(1);
}
}
.mapboxgl-user-location-dot-stale {
background-color: #aaa;
}
.mapboxgl-user-location-dot-stale:after {
display: none;
}
.mapboxgl-user-location-accuracy-circle {
background-color: rgba(29, 161, 242, 0.2);
border-radius: 100%;
height: 1px;
width: 1px;
}
.mapboxgl-crosshair, .mapboxgl-crosshair .mapboxgl-interactive, .mapboxgl-crosshair .mapboxgl-interactive:active {
cursor: crosshair;
}
.mapboxgl-boxzoom {
background: #fff;
border: 2px dotted #202020;
height: 0;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 0;
}
@media print {
.mapbox-improve-map {
display: none;
}
}
.mapboxgl-scroll-zoom-blocker, .mapboxgl-touch-pan-blocker {
align-items: center;
background: rgba(0, 0, 0, 0.7);
color: #fff;
display: flex;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
height: 100%;
justify-content: center;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
text-align: center;
top: 0;
transition: opacity 0.75s ease-in-out;
transition-delay: 1s;
width: 100%;
}
.mapboxgl-scroll-zoom-blocker-show, .mapboxgl-touch-pan-blocker-show {
opacity: 1;
transition: opacity 0.1s ease-in-out;
}
.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page, .mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas {
touch-action: pan-x pan-y;
}
.marker-focus {
filter: drop-shadow(0px 0px 7px #696cff);
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -372,6 +372,7 @@
.noUi-connects {
height: 0.375rem;
border-radius: 50rem;
}
.noUi-base,
@ -398,31 +399,17 @@ html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
backface-visibility: hidden;
outline: none !important;
position: absolute;
transform-origin: center;
transition: transform 0.2s;
border: 1px solid transparent;
transition: all 0.2s;
border: 4px solid;
background: #fff;
}
.noUi-handle:before, .noUi-handle:after {
display: none;
}
.noUi-handle.noUi-active {
transform: scale(1.4, 1.4);
}
.noUi-horizontal .noUi-handle.noUi-active .noUi-tooltip {
transform: translate(-50%, 10%) scale(0.8, 0.8);
}
.noUi-vertical .noUi-handle.noUi-active .noUi-tooltip {
transform: translate(10%, -50%) scale(0.8, 0.8);
}
.noUi-touch-area {
border-radius: 50%;
height: 0.375rem;
width: 0.375rem;
margin: 3px;
background: #c7ced5;
height: 100%;
width: 100%;
}
.noUi-state-tap .noUi-connect,
@ -439,13 +426,13 @@ html:not([dir=rtl]) .noUi-horizontal .noUi-origin {
}
.noUi-horizontal .noUi-handle {
left: -0.4375rem;
width: 0.875rem;
height: 0.875rem;
top: -5px !important;
left: -0.6875rem;
width: 1.375rem;
height: 1.375rem;
top: -0.5rem;
}
html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
right: -0.4375rem;
right: -0.6875rem;
left: auto;
}
@ -454,10 +441,10 @@ html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
}
.noUi-vertical .noUi-handle {
left: -0.61875rem;
bottom: -0.875rem;
width: 0.875rem;
height: 0.875rem;
bottom: -1.375rem;
width: 1.375rem;
height: 1.375rem;
right: -0.5rem;
}
.noUi-target {
@ -475,11 +462,11 @@ html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
.noUi-handle {
border-radius: 10rem;
background: #fff;
cursor: default;
cursor: pointer;
}
[disabled] .noUi-connect {
opacity: 0.3;
.noUi-target[disabled] {
opacity: 0.45;
}
[disabled] .noUi-handle {
@ -506,7 +493,7 @@ html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
position: absolute;
white-space: nowrap;
text-align: center;
font-size: 0.625rem;
font-size: 0.8125rem;
}
.noUi-marker {
@ -516,7 +503,7 @@ html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
.noUi-pips-horizontal {
left: 0;
top: 100%;
padding: 0.625rem 0 0 0;
padding: 0.875rem 0 0 0;
height: 5rem;
width: 100%;
}
@ -541,7 +528,7 @@ html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
.noUi-pips-vertical {
top: 0;
left: 100%;
padding: 0 0 0 0.625rem;
padding: 0 0 0 0.875rem;
height: 100%;
}
[dir=rtl] .noUi-pips-vertical {
@ -571,10 +558,9 @@ html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
.noUi-tooltip {
position: absolute;
display: block;
padding: 0.1875rem 0.25rem;
padding: 0.344rem 0.625rem;
border-radius: 0.25rem;
text-align: center;
font-weight: 600;
line-height: 1;
transition: transform 0.2s;
}
@ -582,129 +568,287 @@ html:not([dir=rtl]) .noUi-horizontal .noUi-handle {
.noUi-horizontal .noUi-tooltip {
bottom: 125%;
left: 50%;
transform: translate(-50%, 0);
transform: translate(-50%, -20%);
}
.noUi-vertical .noUi-tooltip {
top: 50%;
right: 125%;
transform: translate(0, -50%);
transform: translate(-10%, -50%);
}
[dir=rtl] .noUi-vertical .noUi-tooltip {
right: auto;
left: 125%;
}
[dir=rtl] .noUi-vertical .noUi-handle.noUi-active .noUi-tooltip {
transform: translate(-10%, -50%) scale(0.8, 0.8);
.light-style .noUi-target .noUi-handle {
box-shadow: 0 0.112rem 0.375rem 0 rgba(34, 48, 62, 0.08);
}
.light-style .noUi-target {
background: #eceef1;
.light-style .noUi-value {
color: #a7acb2;
}
.light-style .noUi-handle {
box-shadow: 0 0 6px 0 rgba(67, 89, 113, 0.4);
.light-style .noUi-marker {
background: #a7acb2;
}
.light-style .noUi-target[disabled] {
background: #d9dee3;
.light-style .noUi-tooltip {
font-size: 0.8125rem;
color: #fff;
border: none;
background: #22303e;
}
.light-style .noUi-value {
color: #566a7f;
.light-style .noUi-secondary.noUi-target:not([disabled]) {
background: rgba(133, 146, 163, 0.16);
}
.light-style .noUi-marker {
background: #7c90a6;
.light-style .noUi-secondary.noUi-target:not([disabled]) .noUi-connect {
background: #8592a3;
}
.light-style .noUi-touch-area {
background-color: rgba(67, 89, 113, 0.7);
.light-style .noUi-secondary.noUi-target:not([disabled]) .noUi-handle {
border-color: #8592a3;
}
.light-style .noUi-tooltip {
font-size: 85%;
color: #697a8d;
border-color: transparent;
background: rgba(67, 89, 113, 0.1);
box-shadow: none;
.light-style .noUi-secondary.noUi-target:not([disabled]) .noUi-handle:hover {
box-shadow: 0 0 0 8px rgba(133, 146, 163, 0.16);
}
.light-style .noUi-connect {
background: rgba(67, 89, 113, 0.8) !important;
.light-style .noUi-secondary.noUi-target:not([disabled]) .noUi-handle:active, .light-style .noUi-secondary.noUi-target:not([disabled]) .noUi-handle:focus {
box-shadow: 0 0 0 13px rgba(133, 146, 163, 0.16);
}
.light-style .noUi-secondary .noUi-connect {
background: #8592a3 !important;
.light-style .noUi-success.noUi-target:not([disabled]) {
background: rgba(113, 221, 55, 0.16);
}
.light-style .noUi-success .noUi-connect {
background: #71dd37 !important;
.light-style .noUi-success.noUi-target:not([disabled]) .noUi-connect {
background: #71dd37;
}
.light-style .noUi-info .noUi-connect {
background: #03c3ec !important;
.light-style .noUi-success.noUi-target:not([disabled]) .noUi-handle {
border-color: #71dd37;
}
.light-style .noUi-warning .noUi-connect {
background: #ffab00 !important;
.light-style .noUi-success.noUi-target:not([disabled]) .noUi-handle:hover {
box-shadow: 0 0 0 8px rgba(113, 221, 55, 0.16);
}
.light-style .noUi-danger .noUi-connect {
background: #ff3e1d !important;
.light-style .noUi-success.noUi-target:not([disabled]) .noUi-handle:active, .light-style .noUi-success.noUi-target:not([disabled]) .noUi-handle:focus {
box-shadow: 0 0 0 13px rgba(113, 221, 55, 0.16);
}
.light-style .noUi-light .noUi-connect {
background: #fcfdfd !important;
.light-style .noUi-info.noUi-target:not([disabled]) {
background: rgba(3, 195, 236, 0.16);
}
.light-style .noUi-dark .noUi-connect {
background: #233446 !important;
.light-style .noUi-info.noUi-target:not([disabled]) .noUi-connect {
background: #03c3ec;
}
.light-style .noUi-gray .noUi-connect {
background: rgba(67, 89, 113, 0.1) !important;
.light-style .noUi-info.noUi-target:not([disabled]) .noUi-handle {
border-color: #03c3ec;
}
.dark-style .noUi-target {
background: #444564;
.light-style .noUi-info.noUi-target:not([disabled]) .noUi-handle:hover {
box-shadow: 0 0 0 8px rgba(3, 195, 236, 0.16);
}
.light-style .noUi-info.noUi-target:not([disabled]) .noUi-handle:active, .light-style .noUi-info.noUi-target:not([disabled]) .noUi-handle:focus {
box-shadow: 0 0 0 13px rgba(3, 195, 236, 0.16);
}
.light-style .noUi-warning.noUi-target:not([disabled]) {
background: rgba(255, 171, 0, 0.16);
}
.light-style .noUi-warning.noUi-target:not([disabled]) .noUi-connect {
background: #ffab00;
}
.light-style .noUi-warning.noUi-target:not([disabled]) .noUi-handle {
border-color: #ffab00;
}
.light-style .noUi-warning.noUi-target:not([disabled]) .noUi-handle:hover {
box-shadow: 0 0 0 8px rgba(255, 171, 0, 0.16);
}
.light-style .noUi-warning.noUi-target:not([disabled]) .noUi-handle:active, .light-style .noUi-warning.noUi-target:not([disabled]) .noUi-handle:focus {
box-shadow: 0 0 0 13px rgba(255, 171, 0, 0.16);
}
.light-style .noUi-danger.noUi-target:not([disabled]) {
background: rgba(255, 62, 29, 0.16);
}
.light-style .noUi-danger.noUi-target:not([disabled]) .noUi-connect {
background: #ff3e1d;
}
.light-style .noUi-danger.noUi-target:not([disabled]) .noUi-handle {
border-color: #ff3e1d;
}
.light-style .noUi-danger.noUi-target:not([disabled]) .noUi-handle:hover {
box-shadow: 0 0 0 8px rgba(255, 62, 29, 0.16);
}
.light-style .noUi-danger.noUi-target:not([disabled]) .noUi-handle:active, .light-style .noUi-danger.noUi-target:not([disabled]) .noUi-handle:focus {
box-shadow: 0 0 0 13px rgba(255, 62, 29, 0.16);
}
.light-style .noUi-light.noUi-target:not([disabled]) {
background: rgba(219, 222, 224, 0.16);
}
.light-style .noUi-light.noUi-target:not([disabled]) .noUi-connect {
background: #dbdee0;
}
.light-style .noUi-light.noUi-target:not([disabled]) .noUi-handle {
border-color: #dbdee0;
}
.light-style .noUi-light.noUi-target:not([disabled]) .noUi-handle:hover {
box-shadow: 0 0 0 8px rgba(219, 222, 224, 0.16);
}
.light-style .noUi-light.noUi-target:not([disabled]) .noUi-handle:active, .light-style .noUi-light.noUi-target:not([disabled]) .noUi-handle:focus {
box-shadow: 0 0 0 13px rgba(219, 222, 224, 0.16);
}
.dark-style .noUi-connect {
background: #7c7db6;
.light-style .noUi-dark.noUi-target:not([disabled]) {
background: rgba(43, 44, 64, 0.16);
}
.dark-style .noUi-handle {
background: #444564;
box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.6);
.light-style .noUi-dark.noUi-target:not([disabled]) .noUi-connect {
background: #2b2c40;
}
.dark-style .noUi-target[disabled] {
background: #7071a4;
.light-style .noUi-dark.noUi-target:not([disabled]) .noUi-handle {
border-color: #2b2c40;
}
.light-style .noUi-dark.noUi-target:not([disabled]) .noUi-handle:hover {
box-shadow: 0 0 0 8px rgba(43, 44, 64, 0.16);
}
.light-style .noUi-dark.noUi-target:not([disabled]) .noUi-handle:active, .light-style .noUi-dark.noUi-target:not([disabled]) .noUi-handle:focus {
box-shadow: 0 0 0 13px rgba(43, 44, 64, 0.16);
}
.light-style .noUi-gray.noUi-target:not([disabled]) {
background: rgba(34, 48, 62, 0.16);
}
.light-style .noUi-gray.noUi-target:not([disabled]) .noUi-connect {
background: rgba(34, 48, 62, 0.5);
}
.light-style .noUi-gray.noUi-target:not([disabled]) .noUi-handle {
border-color: rgba(34, 48, 62, 0.5);
}
.light-style .noUi-gray.noUi-target:not([disabled]) .noUi-handle:hover {
box-shadow: 0 0 0 8px rgba(34, 48, 62, 0.16);
}
.light-style .noUi-gray.noUi-target:not([disabled]) .noUi-handle:active, .light-style .noUi-gray.noUi-target:not([disabled]) .noUi-handle:focus {
box-shadow: 0 0 0 13px rgba(34, 48, 62, 0.16);
}
.dark-style .noUi-target .noUi-handle {
box-shadow: 0 0.112rem 0.375rem 0 rgba(34, 48, 62, 0.08);
}
.dark-style .noUi-value {
color: #cbcbe2;
color: #7e7f96;
}
.dark-style .noUi-marker {
background: #fcfcfd;
background: #7e7f96;
}
.dark-style .noUi-tooltip {
font-size: 85%;
color: #a3a4cc;
border-color: transparent;
background: rgba(0, 0, 0, 0.45);
box-shadow: none;
font-size: 0.8125rem;
color: #2b2c40;
border: none;
background: #e6e6f1;
}
.dark-style .noUi-secondary.noUi-target:not([disabled]) {
background: rgba(133, 146, 163, 0.16);
}
.dark-style .noUi-secondary.noUi-target:not([disabled]) .noUi-connect {
background: #8592a3;
}
.dark-style .noUi-secondary.noUi-target:not([disabled]) .noUi-handle {
border-color: #8592a3;
}
.dark-style .noUi-secondary.noUi-target:not([disabled]) .noUi-handle:hover {
box-shadow: 0 0 0 8px rgba(133, 146, 163, 0.16);
}
.dark-style .noUi-secondary.noUi-target:not([disabled]) .noUi-handle:active, .dark-style .noUi-secondary.noUi-target:not([disabled]) .noUi-handle:focus {
box-shadow: 0 0 0 13px rgba(133, 146, 163, 0.16);
}
.dark-style .noUi-success.noUi-target:not([disabled]) {
background: rgba(113, 221, 55, 0.16);
}
.dark-style .noUi-success.noUi-target:not([disabled]) .noUi-connect {
background: #71dd37;
}
.dark-style .noUi-success.noUi-target:not([disabled]) .noUi-handle {
border-color: #71dd37;
}
.dark-style .noUi-success.noUi-target:not([disabled]) .noUi-handle:hover {
box-shadow: 0 0 0 8px rgba(113, 221, 55, 0.16);
}
.dark-style .noUi-success.noUi-target:not([disabled]) .noUi-handle:active, .dark-style .noUi-success.noUi-target:not([disabled]) .noUi-handle:focus {
box-shadow: 0 0 0 13px rgba(113, 221, 55, 0.16);
}
.dark-style .noUi-info.noUi-target:not([disabled]) {
background: rgba(3, 195, 236, 0.16);
}
.dark-style .noUi-info.noUi-target:not([disabled]) .noUi-connect {
background: #03c3ec;
}
.dark-style .noUi-info.noUi-target:not([disabled]) .noUi-handle {
border-color: #03c3ec;
}
.dark-style .noUi-info.noUi-target:not([disabled]) .noUi-handle:hover {
box-shadow: 0 0 0 8px rgba(3, 195, 236, 0.16);
}
.dark-style .noUi-info.noUi-target:not([disabled]) .noUi-handle:active, .dark-style .noUi-info.noUi-target:not([disabled]) .noUi-handle:focus {
box-shadow: 0 0 0 13px rgba(3, 195, 236, 0.16);
}
.dark-style .noUi-warning.noUi-target:not([disabled]) {
background: rgba(255, 171, 0, 0.16);
}
.dark-style .noUi-warning.noUi-target:not([disabled]) .noUi-connect {
background: #ffab00;
}
.dark-style .noUi-warning.noUi-target:not([disabled]) .noUi-handle {
border-color: #ffab00;
}
.dark-style .noUi-warning.noUi-target:not([disabled]) .noUi-handle:hover {
box-shadow: 0 0 0 8px rgba(255, 171, 0, 0.16);
}
.dark-style .noUi-warning.noUi-target:not([disabled]) .noUi-handle:active, .dark-style .noUi-warning.noUi-target:not([disabled]) .noUi-handle:focus {
box-shadow: 0 0 0 13px rgba(255, 171, 0, 0.16);
}
.dark-style .noUi-danger.noUi-target:not([disabled]) {
background: rgba(255, 62, 29, 0.16);
}
.dark-style .noUi-danger.noUi-target:not([disabled]) .noUi-connect {
background: #ff3e1d;
}
.dark-style .noUi-danger.noUi-target:not([disabled]) .noUi-handle {
border-color: #ff3e1d;
}
.dark-style .noUi-danger.noUi-target:not([disabled]) .noUi-handle:hover {
box-shadow: 0 0 0 8px rgba(255, 62, 29, 0.16);
}
.dark-style .noUi-danger.noUi-target:not([disabled]) .noUi-handle:active, .dark-style .noUi-danger.noUi-target:not([disabled]) .noUi-handle:focus {
box-shadow: 0 0 0 13px rgba(255, 62, 29, 0.16);
}
.dark-style .noUi-light.noUi-target:not([disabled]) {
background: rgba(73, 74, 93, 0.16);
}
.dark-style .noUi-light.noUi-target:not([disabled]) .noUi-connect {
background: #494a5d;
}
.dark-style .noUi-light.noUi-target:not([disabled]) .noUi-handle {
border-color: #494a5d;
}
.dark-style .noUi-light.noUi-target:not([disabled]) .noUi-handle:hover {
box-shadow: 0 0 0 8px rgba(73, 74, 93, 0.16);
}
.dark-style .noUi-light.noUi-target:not([disabled]) .noUi-handle:active, .dark-style .noUi-light.noUi-target:not([disabled]) .noUi-handle:focus {
box-shadow: 0 0 0 13px rgba(73, 74, 93, 0.16);
}
.dark-style .noUi-touch-area {
background-color: rgba(255, 255, 255, 0.8);
.dark-style .noUi-dark.noUi-target:not([disabled]) {
background: rgba(107, 108, 157, 0.16);
}
.dark-style .noUi-connect {
background: #7c7db6 !important;
.dark-style .noUi-dark.noUi-target:not([disabled]) .noUi-connect {
background: #6b6c9d;
}
.dark-style .noUi-secondary .noUi-connect {
background: #8592a3 !important;
.dark-style .noUi-dark.noUi-target:not([disabled]) .noUi-handle {
border-color: #6b6c9d;
}
.dark-style .noUi-success .noUi-connect {
background: #71dd37 !important;
.dark-style .noUi-dark.noUi-target:not([disabled]) .noUi-handle:hover {
box-shadow: 0 0 0 8px rgba(107, 108, 157, 0.16);
}
.dark-style .noUi-info .noUi-connect {
background: #03c3ec !important;
.dark-style .noUi-dark.noUi-target:not([disabled]) .noUi-handle:active, .dark-style .noUi-dark.noUi-target:not([disabled]) .noUi-handle:focus {
box-shadow: 0 0 0 13px rgba(107, 108, 157, 0.16);
}
.dark-style .noUi-warning .noUi-connect {
background: #ffab00 !important;
.dark-style .noUi-gray.noUi-target:not([disabled]) {
background: rgba(230, 230, 241, 0.16);
}
.dark-style .noUi-danger .noUi-connect {
background: #ff3e1d !important;
.dark-style .noUi-gray.noUi-target:not([disabled]) .noUi-connect {
background: rgba(230, 230, 241, 0.5);
}
.dark-style .noUi-light .noUi-connect {
background: #4f505c !important;
.dark-style .noUi-gray.noUi-target:not([disabled]) .noUi-handle {
border-color: rgba(230, 230, 241, 0.5);
}
.dark-style .noUi-dark .noUi-connect {
background: #6b6c9d !important;
.dark-style .noUi-gray.noUi-target:not([disabled]) .noUi-handle:hover {
box-shadow: 0 0 0 8px rgba(230, 230, 241, 0.16);
}
.dark-style .noUi-gray .noUi-connect {
background: rgba(255, 255, 255, 0.8) !important;
.dark-style .noUi-gray.noUi-target:not([disabled]) .noUi-handle:active, .dark-style .noUi-gray.noUi-target:not([disabled]) .noUi-handle:focus {
box-shadow: 0 0 0 13px rgba(230, 230, 241, 0.16);
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -123,6 +123,7 @@
.ps__rail-y {
width: 0.25rem;
z-index: 3;
}
.ps__rail-x,
@ -162,7 +163,7 @@
.light-style .ps__thumb-x,
.light-style .ps__thumb-y {
background-color: rgba(67, 89, 113, 0.4);
background-color: rgba(34, 48, 62, 0.4);
}
.light-style .ps__rail-x:hover,
.light-style .ps__rail-y:hover,
@ -170,7 +171,7 @@
.light-style .ps__rail-y:focus,
.light-style .ps__rail-x.ps--clicking,
.light-style .ps__rail-y.ps--clicking {
background-color: rgba(67, 89, 113, 0.2);
background-color: rgba(34, 48, 62, 0.12);
}
.light-style .ps__rail-x:hover > .ps__thumb-x,
.light-style .ps__rail-y:hover > .ps__thumb-y,
@ -178,7 +179,7 @@
.light-style .ps__rail-y:focus > .ps__thumb-y,
.light-style .ps__rail-x.ps--clicking > .ps__thumb-x,
.light-style .ps__rail-y.ps--clicking > .ps__thumb-y {
background-color: rgba(67, 89, 113, 0.7);
background-color: rgba(34, 48, 62, 0.7);
}
.light-style .ps-inverted .ps__rail-x:hover,
.light-style .ps-inverted .ps__rail-y:hover,
@ -227,7 +228,7 @@
.dark-style .ps__rail-y:focus > .ps__thumb-y,
.dark-style .ps__rail-x.ps--clicking > .ps__thumb-x,
.dark-style .ps__rail-y.ps--clicking > .ps__thumb-y {
background-color: rgba(0, 0, 0, 0.15);
background-color: rgba(230, 230, 241, 0.7);
}
.dark-style .ps-inverted .ps__rail-x:hover,
.dark-style .ps-inverted .ps__rail-y:hover,
@ -252,4 +253,5 @@
[dir=rtl] .ps--active-y > .ps__rail-y {
left: 0;
right: unset !important;
}

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

@ -73,7 +73,7 @@
}
.plyr__badge {
background: var(--plyr-badge-background, hsl(216deg, 15%, 34%));
background: var(--plyr-badge-background, hsl(216, 15%, 34%));
border-radius: var(--plyr-badge-border-radius, 2px);
color: var(--plyr-badge-text-color, #fff);
font-size: var(--plyr-font-size-badge, 9px);
@ -136,7 +136,7 @@
.plyr__control {
background: transparent;
border: 0;
border-radius: var(--plyr-control-radius, 3px);
border-radius: var(--plyr-control-radius, 4px);
color: inherit;
cursor: pointer;
flex-shrink: 0;
@ -155,8 +155,8 @@
.plyr__control:focus {
outline: 0;
}
.plyr__control.plyr__tab-focus {
outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%)))) dotted 3px;
.plyr__control:focus-visible {
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
outline-offset: 2px;
}
@ -238,10 +238,10 @@ a.plyr__control::after, a.plyr__control::before {
.plyr__menu__container {
animation: plyr-popup 0.2s ease;
background: var(--plyr-menu-background, rgba(255, 255, 255, 0.9));
border-radius: var(--plyr-menu-radius, 4px);
border-radius: var(--plyr-menu-radius, 8px);
bottom: 100%;
box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
color: var(--plyr-menu-color, hsl(216deg, 15%, 34%));
color: var(--plyr-menu-color, hsl(216, 15%, 34%));
font-size: var(--plyr-font-size-base, 15px);
margin-bottom: 10px;
position: absolute;
@ -260,7 +260,7 @@ a.plyr__control::after, a.plyr__control::before {
content: "";
height: 0;
position: absolute;
right: calc(((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7)) - (var(--plyr-menu-arrow-size, 4px) / 2));
right: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7) - var(--plyr-menu-arrow-size, 4px) / 2);
top: 100%;
width: 0;
}
@ -277,7 +277,7 @@ a.plyr__control::after, a.plyr__control::before {
}
.plyr__menu__container .plyr__control {
align-items: center;
color: var(--plyr-menu-color, hsl(216deg, 15%, 34%));
color: var(--plyr-menu-color, hsl(216, 15%, 34%));
display: flex;
font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
padding: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 1.5) calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5);
@ -300,10 +300,10 @@ a.plyr__control::after, a.plyr__control::before {
padding-right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
}
.plyr__menu__container .plyr__control--forward::after {
border-left-color: var(--plyr-menu-arrow-color, hsl(216deg, 15%, 52%));
right: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px));
border-left-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));
right: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, .plyr__menu__container .plyr__control--forward:hover::after {
.plyr__menu__container .plyr__control--forward:focus-visible::after, .plyr__menu__container .plyr__control--forward:hover::after {
border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
@ -312,14 +312,14 @@ a.plyr__control::after, a.plyr__control::before {
margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) / 2);
padding-left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 4);
position: relative;
width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * 0.7) * 2));
width: calc(100% - calc(var(--plyr-control-spacing, 10px) * 0.7) * 2);
}
.plyr__menu__container .plyr__control--back::after {
border-right-color: var(--plyr-menu-arrow-color, hsl(216deg, 15%, 52%));
left: calc((calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5) - var(--plyr-menu-item-arrow-size, 4px));
border-right-color: var(--plyr-menu-arrow-color, hsl(216, 15%, 52%));
left: calc(calc(var(--plyr-control-spacing, 10px) * 0.7) * 1.5 - var(--plyr-menu-item-arrow-size, 4px));
}
.plyr__menu__container .plyr__control--back::before {
background: var(--plyr-menu-back-border-color, hsl(216deg, 15%, 88%));
background: var(--plyr-menu-back-border-color, hsl(216, 15%, 88%));
box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
content: "";
height: 1px;
@ -330,7 +330,7 @@ a.plyr__control::after, a.plyr__control::before {
right: 0;
top: 100%;
}
.plyr__menu__container .plyr__control--back.plyr__tab-focus::after, .plyr__menu__container .plyr__control--back:hover::after {
.plyr__menu__container .plyr__control--back:focus-visible::after, .plyr__menu__container .plyr__control--back:hover::after {
border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role=menuitemradio] {
@ -361,13 +361,13 @@ a.plyr__control::after, a.plyr__control::before {
width: 6px;
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%))));
background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
opacity: 1;
transform: translateY(-50%) scale(1);
}
.plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible::before, .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
background: rgba(35, 40, 47, 0.1);
}
.plyr__menu__container .plyr__menu__value {
@ -385,9 +385,9 @@ a.plyr__control::after, a.plyr__control::before {
background: transparent;
border: 0;
border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%))));
color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
display: block;
height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));
height: calc(var(--plyr-range-thumb-active-shadow-width, 3px) * 2 + var(--plyr-range-thumb-height, 13px));
margin: 0;
min-width: 0;
padding: 0;
@ -484,16 +484,16 @@ a.plyr__control::after, a.plyr__control::before {
.plyr--full-ui input[type=range]:focus {
outline: 0;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%)))) dotted 3px;
.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
outline-offset: 2px;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%)))) dotted 3px;
.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
outline-offset: 2px;
}
.plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%)))) dotted 3px;
.plyr--full-ui input[type=range]:focus-visible::-ms-track {
outline: 2px dashed var(--plyr-focus-visible-color, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
outline-offset: 2px;
}
@ -536,11 +536,11 @@ a.plyr__control::after, a.plyr__control::before {
/* stylelint-disable selector-max-compound-selectors */
.plyr__tooltip {
background: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
background: var(--plyr-tooltip-background, #fff);
border-radius: var(--plyr-tooltip-radius, 5px);
bottom: 100%;
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
color: var(--plyr-tooltip-color, hsl(216deg, 15%, 34%));
color: var(--plyr-tooltip-color, hsl(216, 15%, 34%));
font-size: var(--plyr-font-size-small, 13px);
font-weight: var(--plyr-font-weight-regular, 400);
left: 50%;
@ -559,7 +559,7 @@ a.plyr__control::after, a.plyr__control::before {
.plyr__tooltip::before {
border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
content: "";
height: 0;
@ -571,7 +571,7 @@ a.plyr__control::after, a.plyr__control::before {
}
.plyr .plyr__control:hover .plyr__tooltip,
.plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr .plyr__control:focus-visible .plyr__tooltip,
.plyr__tooltip--visible {
opacity: 1;
transform: translate(-50%, 0) scale(1);
@ -589,7 +589,7 @@ a.plyr__control::after, a.plyr__control::before {
}
.plyr__controls > .plyr__control:first-child .plyr__tooltip::before,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip::before {
left: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
left: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7));
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip {
@ -600,17 +600,17 @@ a.plyr__control::after, a.plyr__control::before {
}
.plyr__controls > .plyr__control:last-child .plyr__tooltip::before {
left: auto;
right: calc((var(--plyr-control-icon-size, 18px) / 2) + calc(var(--plyr-control-spacing, 10px) * 0.7));
right: calc(var(--plyr-control-icon-size, 18px) / 2 + calc(var(--plyr-control-spacing, 10px) * 0.7));
transform: translateX(50%);
}
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible,
.plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible,
.plyr__controls > .plyr__control:last-child:hover .plyr__tooltip,
.plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
.plyr__controls > .plyr__control:last-child:focus-visible .plyr__tooltip,
.plyr__controls > .plyr__control:last-child .plyr__tooltip--visible {
transform: translate(0, 0) scale(1);
}
@ -642,7 +642,7 @@ a.plyr__control::after, a.plyr__control::before {
border-radius: 100px;
height: var(--plyr-range-track-height, 5px);
left: 0;
margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1);
padding: 0;
position: absolute;
top: 50%;
@ -697,23 +697,17 @@ a.plyr__control::after, a.plyr__control::before {
.plyr__volume {
align-items: center;
display: flex;
max-width: 110px;
min-width: 80px;
position: relative;
width: 20%;
}
.plyr__volume input[type=range] {
margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
max-width: 90px;
min-width: 60px;
position: relative;
z-index: 2;
}
.plyr--is-ios .plyr__volume {
min-width: 0;
width: auto;
}
.plyr--audio {
display: block;
}
@ -721,12 +715,12 @@ a.plyr__control::after, a.plyr__control::before {
.plyr--audio .plyr__controls {
background: var(--plyr-audio-controls-background, #fff);
border-radius: inherit;
color: var(--plyr-audio-control-color, hsl(216deg, 15%, 34%));
color: var(--plyr-audio-control-color, hsl(216, 15%, 34%));
padding: var(--plyr-control-spacing, 10px);
}
.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%))));
.plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
color: var(--plyr-audio-control-color-hover, #fff);
}
@ -754,7 +748,6 @@ a.plyr__control::after, a.plyr__control::before {
}
.plyr--video {
background: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
overflow: hidden;
}
.plyr--video.plyr--menu-open {
@ -763,6 +756,7 @@ a.plyr__control::after, a.plyr__control::before {
.plyr__video-wrapper {
background: var(--plyr-video-background, var(--plyr-video-background, rgb(0, 0, 0)));
border-radius: inherit;
height: 100%;
margin: auto;
overflow: hidden;
@ -826,13 +820,13 @@ a.plyr__control::after, a.plyr__control::before {
transform: translateY(100%);
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%))));
.plyr--video .plyr__control:focus-visible, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
color: var(--plyr-video-control-color-hover, #fff);
}
.plyr__control--overlaid {
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198deg, 100%, 50%))));
background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, hsl(198, 100%, 50%))));
border: 0;
border-radius: 100%;
color: var(--plyr-video-control-color, #fff);
@ -918,7 +912,6 @@ a.plyr__control::after, a.plyr__control::before {
margin: 0;
width: 100%;
bottom: 0;
display: block;
left: 0;
position: fixed;
right: 0;
@ -961,7 +954,7 @@ a.plyr__control::after, a.plyr__control::before {
width: 100%;
}
.plyr__ads::after {
background: hsl(216deg, 15%, 16%);
background: hsl(216, 15%, 16%);
border-radius: 2px;
bottom: var(--plyr-control-spacing, 10px);
color: #fff;
@ -991,8 +984,8 @@ a.plyr__control::after, a.plyr__control::before {
}
.plyr__preview-thumb {
background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
border-radius: var(--plyr-tooltip-radius, 5px);
background-color: var(--plyr-tooltip-background, #fff);
border-radius: var(--plyr-menu-radius, 8px);
bottom: 100%;
box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
@ -1012,7 +1005,7 @@ a.plyr__control::after, a.plyr__control::before {
.plyr__preview-thumb::before {
border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, 0.9));
border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #fff);
bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
content: "";
height: 0;
@ -1023,8 +1016,8 @@ a.plyr__control::after, a.plyr__control::before {
z-index: 2;
}
.plyr__preview-thumb__image-container {
background: hsl(216deg, 15%, 79%);
border-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
background: hsl(216, 15%, 79%);
border-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
overflow: hidden;
position: relative;
z-index: 0;
@ -1048,8 +1041,8 @@ a.plyr__control::after, a.plyr__control::before {
}
.plyr__preview-thumb__time-container {
background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75)));
border-bottom-left-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
border-bottom-right-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
bottom: 0;
left: 0;
line-height: 1.1;
@ -1116,6 +1109,28 @@ a.plyr__control::after, a.plyr__control::before {
flex: 0 1 auto;
}
.plyr--full-ui input[type=range]:focus-visible {
outline-color: #696cff;
}
.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track {
outline-color: #696cff;
}
.plyr--full-ui input[type=range]:focus-visible::-moz-range-track {
outline-color: #696cff;
}
.plyr--full-ui input[type=range]:focus-visible::-ms-track {
outline-color: #696cff;
}
.plyr--video .plyr__control:focus-visible,
.plyr--audio .plyr__control:focus-visible {
background-color: #696cff;
outline: none;
}
.plyr--audio .plyr__controls {
padding: 0;
}
@ -1127,7 +1142,7 @@ a.plyr__control::after, a.plyr__control::before {
[dir=rtl] .plyr__menu__container .plyr__control--forward::after {
left: 5px;
right: auto;
border-right-color: rgba(var(--plyr-menu-color, hsl(216deg, 15%, 34%)), 0.8);
border-right-color: rgba(var(--plyr-menu-color, hsl(216, 15%, 34%)), 0.8);
border-left-color: transparent;
}
[dir=rtl] .plyr__menu__container .plyr__control--forward.plyr__tab-focus::after, [dir=rtl] .plyr__menu__container .plyr__control--forward:hover::after {
@ -1151,27 +1166,27 @@ a.plyr__control::after, a.plyr__control::before {
}
.light-style .plyr__tooltip {
line-height: 1.5;
font-size: 0.75rem;
line-height: 1.125;
font-size: 0.8125rem;
}
.dark-style .plyr__tooltip {
line-height: 1.5;
font-size: 0.75rem;
line-height: 1.125;
font-size: 0.8125rem;
}
.dark-style .plyr--audio .plyr__controls {
color: #a3a4cc;
color: #b2b2c4;
background-color: #2b2c40;
}
.dark-style .plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
background-color: rgba(255, 255, 255, 0.8);
background-color: rgba(230, 230, 241, 0.1);
}
.dark-style .plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
background-color: rgba(255, 255, 255, 0.8);
background-color: rgba(230, 230, 241, 0.1);
}
.dark-style .plyr--full-ui.plyr--audio input[type=range]::-ms-track {
background-color: rgba(255, 255, 255, 0.8);
background-color: rgba(230, 230, 241, 0.1);
}
.dark-style .plyr--audio .plyr__progress__buffer {
color: rgba(255, 255, 255, 0.6);
color: rgba(230, 230, 241, 0.12);
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -38,9 +38,10 @@
cursor: text;
}
.ql-editor.ql-blank::before {
font-size: 16px;
font-style: italic;
position: absolute;
content: attr(data-placeholder);
font-style: italic;
left: 0;
right: 0;
pointer-events: none;
@ -101,6 +102,8 @@
.ql-snow.ql-toolbar, .ql-snow .ql-toolbar,
.ql-bubble.ql-toolbar,
.ql-bubble .ql-toolbar {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
box-sizing: border-box;
padding: 0.5rem;
}
@ -750,7 +753,7 @@
content: "×";
color: #ccc;
font-size: 1rem;
font-weight: bold;
font-weight: 500;
}
.ql-bubble.ql-container:not(.ql-disabled) a {
white-space: nowrap;
@ -791,28 +794,28 @@
}
.light-style .ql-editor.ql-blank:before {
color: #b4bdc6;
color: #a7acb2;
}
.light-style .ql-snow.ql-toolbar .ql-picker-options, .light-style .ql-snow .ql-toolbar .ql-picker-options,
.light-style .ql-bubble.ql-toolbar .ql-picker-options,
.light-style .ql-bubble .ql-toolbar .ql-picker-options {
box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);
box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14);
}
.light-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before,
.light-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
font-size: 2.375rem;
font-size: 2.875rem;
}
.light-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before,
.light-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
font-size: 2rem;
font-size: 2.375rem;
}
.light-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before,
.light-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
font-size: 1.625rem;
font-size: 1.75rem;
}
.light-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before,
.light-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
font-size: 1.375rem;
font-size: 1.5rem;
}
.light-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before,
.light-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
@ -832,72 +835,76 @@
}
.light-style .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before,
.light-style .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
font-size: 0.75rem;
font-size: 0.8125rem;
}
.light-style .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before,
.light-style .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
font-size: 1rem;
font-size: 1.0625rem;
}
.light-style .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before,
.light-style .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
font-size: 1.25rem;
}
.light-style .ql-snow .ql-editor.ql-blank::before {
padding: 0 1.25rem;
padding: 0 0.9375rem;
}
.light-style .ql-snow.ql-container {
border: 0.0625rem solid #d9dee3;
border: 0.0625rem solid #ced1d5;
}
.light-style .ql-snow .ql-editor {
padding: 1.25rem;
padding: 0.5rem 0.9375rem;
}
.light-style .ql-snow.ql-toolbar, .light-style .ql-snow .ql-toolbar {
border: 0.0625rem solid #d9dee3;
border: 0.0625rem solid #ced1d5;
}
@media (pointer: coarse) {
.light-style .ql-snow.ql-toolbar button:hover:not(.ql-active), .light-style .ql-snow .ql-toolbar button:hover:not(.ql-active) {
color: #697a8d;
color: #646e78;
}
.light-style .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.light-style .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .light-style .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.light-style .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #697a8d;
stroke: #646e78;
}
.light-style .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.light-style .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .light-style .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.light-style .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #697a8d;
fill: #646e78;
}
}
.light-style .ql-snow.ql-toolbar + .ql-container.ql-snow {
border-top: 0;
}
.light-style .ql-snow.ql-toolbar + .ql-container.ql-snow .ql-editor, .light-style .ql-snow.ql-toolbar + .ql-container.ql-snow {
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.light-style .ql-snow .ql-stroke {
stroke: #697a8d;
stroke: #646e78;
}
.light-style .ql-snow .ql-fill,
.light-style .ql-snow .ql-stroke.ql-fill {
fill: #697a8d;
fill: #646e78;
}
.light-style .ql-snow .ql-stroke-miter {
stroke: #697a8d;
stroke: #646e78;
}
.light-style .ql-snow .ql-picker {
color: #697a8d;
color: #646e78;
}
.light-style .ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: transparent;
border-color: #e4e6e8;
}
.light-style .ql-snow .ql-picker.ql-expanded .ql-picker-label {
border-color: #d9dee3;
border-color: #ced1d5;
}
.light-style .ql-snow .ql-tooltip {
border: 1px solid transparent;
color: #697a8d;
box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);
border: 0 solid #e4e6e8;
color: #646e78;
box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14);
}
.light-style .ql-snow .ql-tooltip input[type=text] {
border: 0.0625rem solid #d9dee3;
border: 0.0625rem solid #ced1d5;
}
.light-style .ql-bubble .ql-tooltip {
border-radius: 0.375rem;
@ -905,7 +912,7 @@
}
.dark-style .ql-editor.ql-blank:before {
color: #7c7db6;
color: #7e7f96;
}
.dark-style .ql-snow .ql-tooltip,
.dark-style .ql-bubble .ql-tooltip {
@ -914,23 +921,23 @@
.dark-style .ql-snow.ql-toolbar .ql-picker-options, .dark-style .ql-snow .ql-toolbar .ql-picker-options,
.dark-style .ql-bubble.ql-toolbar .ql-picker-options,
.dark-style .ql-bubble .ql-toolbar .ql-picker-options {
box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0.25rem 0.75rem 0 rgba(20, 20, 29, 0.24);
}
.dark-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before,
.dark-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
font-size: 2.375rem;
font-size: 2.875rem;
}
.dark-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before,
.dark-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
font-size: 2rem;
font-size: 2.375rem;
}
.dark-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before,
.dark-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
font-size: 1.625rem;
font-size: 1.75rem;
}
.dark-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before,
.dark-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
font-size: 1.375rem;
font-size: 1.5rem;
}
.dark-style .ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before,
.dark-style .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
@ -950,77 +957,81 @@
}
.dark-style .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before,
.dark-style .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
font-size: 0.75rem;
font-size: 0.8125rem;
}
.dark-style .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before,
.dark-style .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
font-size: 1rem;
font-size: 1.0625rem;
}
.dark-style .ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before,
.dark-style .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
font-size: 1.25rem;
}
.dark-style .ql-snow .ql-editor.ql-blank::before {
padding: 0 1.25rem;
padding: 0 0.9375rem;
}
.dark-style .ql-snow.ql-container {
border: 0.0625rem solid #444564;
border: 0.0625rem solid #5f607b;
}
.dark-style .ql-snow .ql-editor {
padding: 1.25rem;
padding: 0.5rem 0.9375rem;
background: #2b2c40;
}
.dark-style .ql-snow .ql-picker-options {
background: #2b2c40;
}
.dark-style .ql-snow.ql-toolbar, .dark-style .ql-snow .ql-toolbar {
border: 0.0625rem solid #444564;
border: 0.0625rem solid #5f607b;
background: #2b2c40;
}
@media (pointer: coarse) {
.dark-style .ql-snow.ql-toolbar button:hover:not(.ql-active), .dark-style .ql-snow .ql-toolbar button:hover:not(.ql-active) {
color: #a3a4cc;
color: #b2b2c4;
}
.dark-style .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.dark-style .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, .dark-style .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
.dark-style .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
stroke: #a3a4cc;
stroke: #b2b2c4;
}
.dark-style .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
.dark-style .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, .dark-style .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
.dark-style .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
fill: #a3a4cc;
fill: #b2b2c4;
}
}
.dark-style .ql-snow.ql-toolbar + .ql-container.ql-snow {
border-top: 0;
}
.dark-style .ql-snow.ql-toolbar + .ql-container.ql-snow .ql-editor, .dark-style .ql-snow.ql-toolbar + .ql-container.ql-snow {
border-bottom-right-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
}
.dark-style .ql-snow .ql-stroke-miter {
stroke: #a3a4cc;
stroke: #b2b2c4;
}
.dark-style .ql-snow .ql-stroke {
stroke: #a3a4cc;
stroke: #b2b2c4;
}
.dark-style .ql-snow .ql-fill,
.dark-style .ql-snow .ql-stroke.ql-fill {
fill: #a3a4cc;
fill: #b2b2c4;
}
.dark-style .ql-snow .ql-picker {
color: #a3a4cc;
color: #b2b2c4;
}
.dark-style .ql-snow .ql-picker.ql-expanded .ql-picker-options {
border-color: transparent;
border-color: #4e4f6c;
}
.dark-style .ql-snow .ql-picker.ql-expanded .ql-picker-label {
border-color: #444564;
border-color: #5f607b;
}
.dark-style .ql-snow .ql-tooltip {
border: 1px solid transparent;
color: #a3a4cc;
box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
border: 0 solid #4e4f6c;
color: #b2b2c4;
box-shadow: 0 0.25rem 0.75rem 0 rgba(20, 20, 29, 0.24);
}
.dark-style .ql-snow .ql-tooltip input[type=text] {
border: 0.0625rem solid #444564;
border: 0.0625rem solid #5f607b;
}
.dark-style .ql-bubble .ql-tooltip {
border-radius: 0.375rem;

@ -128,11 +128,14 @@
.katex * {
-ms-high-contrast-adjust: none !important;
}
.katex * {
border-color: currentColor;
}
.katex .katex-version::after {
content: "0.16.4";
content: "0.16.10";
}
.katex .katex-mathml {
@ -231,6 +234,12 @@
font-family: KaTeX_Fraktur;
}
.katex .mathboldfrak,
.katex .textboldfrak {
font-family: KaTeX_Fraktur;
font-weight: bold;
}
.katex .mathtt {
font-family: KaTeX_Typewriter;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -658,7 +658,7 @@
}
.light-style .ql-editor .ql-size-large,
.light-style .ql-content .ql-size-large {
font-size: 1rem;
font-size: 1.0625rem;
}
.light-style .ql-editor .ql-size-huge,
.light-style .ql-content .ql-size-huge {
@ -666,7 +666,7 @@
}
.light-style .ql-editor .ql-size-small,
.light-style .ql-content .ql-size-small {
font-size: 0.75rem;
font-size: 0.8125rem;
}
.dark-style .ql-editor blockquote,
@ -688,9 +688,9 @@
}
.dark-style .ql-editor .ql-size-large,
.dark-style .ql-content .ql-size-large {
font-size: 1rem;
font-size: 1.0625rem;
}
.dark-style .ql-editor .ql-size-small,
.dark-style .ql-content .ql-size-small {
font-size: 0.75rem;
font-size: 0.8125rem;
}

@ -43,8 +43,13 @@
overflow: hidden;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group,
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
z-index: 8;
}
.light-style:not([dir=rtl]) .jq-ry-container .jq-ry-normal-group svg {
fill: rgba(67, 89, 113, 0.2);
fill: #dcdee0;
}
.light-style:not([dir=rtl]) .jq-ry-container:not(.multi-color-ratings) .jq-ry-rated-group svg {
fill: #ffab00;
@ -53,11 +58,11 @@
fill: #ffab00;
}
.light-style[dir=rtl] .jq-ry-container .jq-ry-rated-group svg {
fill: #d9dee3;
fill: #dcdee0;
}
.dark-style:not([dir=rtl]) .jq-ry-container .jq-ry-normal-group svg {
fill: rgba(255, 255, 255, 0.6);
fill: #555672;
}
.dark-style:not([dir=rtl]) .jq-ry-container:not(.multi-color-ratings) .jq-ry-rated-group svg {
fill: #ffab00;
@ -66,5 +71,5 @@
fill: #ffab00;
}
.dark-style[dir=rtl] .jq-ry-container .jq-ry-rated-group svg {
fill: #cbcbe2;
fill: #555672;
}

File diff suppressed because one or more lines are too long

@ -57,8 +57,11 @@
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
-webkit-appearance: none;
}
.select2-container .select2-dropdown {
border-radius: 0.5rem;
.select2-container .select2-selection:not(.select2-selection--multiple) .select2-search--inline .select2-search__field {
margin-top: 6px;
}
.select2-container .select2-selection.select2-selection--multiple .select2-search--inline .select2-search__field {
margin-block: 3px;
}
.select2-dropdown {
@ -124,6 +127,21 @@
display: none;
}
.select2-results__option[role=option] {
margin: 0.125rem 0.5rem;
}
.select2-results__option[role=option] {
border-radius: 0.375rem;
padding: 0.543rem 1rem;
}
.select2-results__option[role=option] .select2-results__option--highlighted[aria-selected] {
background-color: rgba(34, 48, 62, 0.06);
}
.select2-container--default .select2-results__option--highlighted:not([aria-selected=true]) {
background-color: rgba(34, 48, 62, 0.06) !important;
}
.select2-hidden-accessible {
clip: rect(0 0 0 0) !important;
overflow: hidden !important;
@ -151,14 +169,18 @@
height: auto;
}
.select2-dropdown {
border: 0;
border-radius: var(--bs-border-radius);
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding-right: 2.25rem;
padding-right: 2.1875rem;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
cursor: pointer;
font-weight: bold;
font-weight: 500;
float: right;
line-height: 2.5rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
width: 2.25rem;
@ -168,26 +190,21 @@
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
position: absolute;
height: 12px;
width: 17px;
top: 40%;
height: 18px;
width: 18px;
top: 24%;
background-repeat: no-repeat;
background-size: 17px 12px;
}
html:not([dir=rtl]) .select2-container--default .select2-selection--single .select2-selection__arrow b {
left: 15%;
}
[dir=rtl] .select2-container--default .select2-selection--single .select2-selection__arrow b {
right: 10%;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: rgba(105, 108, 255, 0.08) !important;
color: #696cff !important;
background-size: 20px 19px;
transform-origin: center;
transition: transform 0.3s ease;
}
.select2-container--default,
.select2-container--default * {
outline: 0 !important;
}
.select2-container--default.select2-container--disabled {
pointer-events: none;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
cursor: not-allowed;
}
@ -201,6 +218,12 @@ html:not([dir=rtl]) .select2-container--default .select2-selection--single .sele
left: 1px;
right: auto;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border-radius: var(--bs-border-radius);
margin: 0.25rem 0.5rem;
margin-bottom: 0;
width: calc(100% - 1rem);
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
margin: 0;
box-sizing: border-box;
@ -216,7 +239,7 @@ html:not([dir=rtl]) .select2-container--default .select2-selection--single .sele
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
cursor: pointer;
font-weight: bold;
font-weight: 500;
float: right;
margin-right: 0.625rem;
}
@ -226,7 +249,7 @@ html:not([dir=rtl]) .select2-container--default .select2-selection--single .sele
.select2-container--default .select2-selection--multiple .select2-selection__choice {
position: relative;
font-size: 0.8125rem;
border-radius: 0.1875rem;
border-radius: 0.25rem;
padding: 0 0.5rem;
cursor: default;
line-height: 1.5rem;
@ -240,7 +263,7 @@ html:not([dir=rtl]) .select2-container--default .select2-selection--multiple .se
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
position: absolute;
font-weight: bold;
font-weight: 500;
color: inherit;
display: inline-block;
cursor: pointer;
@ -268,6 +291,7 @@ html:not([dir=rtl]) .select2-container--default .select2-selection--multiple .se
float: right;
}
.select2-container--default[dir=rtl] .select2-selection__clear {
margin-left: 0.25rem;
float: left;
}
.select2-container--default .select2-search__field::-moz-placeholder {
@ -280,9 +304,13 @@ html:not([dir=rtl]) .select2-container--default .select2-selection--multiple .se
outline: 0;
-webkit-appearance: textfield;
}
.select2-container--default.select2-container--focus .select2-search--inline .select2-search__field {
margin-top: 5px;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 12.5rem;
max-height: 15rem;
overflow-y: auto;
margin-block: 0.5rem;
}
.select2-container--default .select2-results__option[role=group] {
padding: 0;
@ -299,172 +327,188 @@ html:not([dir=rtl]) .select2-container--default .select2-selection--multiple .se
border-top-left-radius: 0;
}
.select2-container--default .select2-results__group {
font-weight: 500;
font-size: 0.75rem;
font-size: 0.8125rem;
text-transform: uppercase;
cursor: default;
display: block;
font-weight: 500;
}
.select2-hidden-accessible.is-invalid + .select2-container--default.select2-container--focus .select2-selection:not(.select2-selection--multiple) .select2-search--inline .select2-search__field {
margin-top: 5px;
}
[dir=rtl] .select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 2.25rem !important;
padding-left: 2.1875rem;
}
.light-style .select2-hidden-accessible.is-invalid + .select2-container--default .select2-selection--multiple, .light-style .select2-hidden-accessible.is-invalid + .select2-container--default.select2-container--open .select2-selection--multiple, .light-style .select2-hidden-accessible.is-invalid + .select2-container--default.select2-container--focus .select2-selection--multiple {
padding: calc(0.543rem - var(--bs-border-width) - 0.25rem - var(--bs-border-width) - 0.043rem) calc(0.9375rem - 2px);
}
.light-style .select2-selection--multiple .select2-selection__clear {
margin-top: 0.375rem;
margin-top: 0.25rem;
}
.light-style .select2-selection--multiple .select2-selection__rendered {
padding: 0 0.375rem 0.375rem 0.375rem;
padding: 0;
}
.light-style .select2-selection--multiple .select2-selection__choice {
margin-right: 0.375rem;
margin-top: 0.375rem;
margin-top: calc(0.25rem - 1px);
margin-right: 0.25rem;
background-color: rgba(34, 48, 62, 0.08);
}
.light-style .select2-selection--multiple .select2-selection__choice:nth-last-child(2) {
margin-bottom: calc(0.25rem - 1px);
}
.light-style .select2-selection--multiple .select2-selection__placeholder {
margin-top: 0.375rem;
margin-top: 0.25rem;
}
.light-style .select2-search__field {
color: #697a8d;
color: #384551;
}
.light-style .select2-dropdown {
background: #fff;
box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);
box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14);
background-clip: padding-box;
border-color: transparent;
border-color: #e4e6e8;
z-index: 1000;
}
.light-style .select2-container--default .select2-selection {
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
background-color: #fff;
border: 1px solid #d9dee3;
background-color: transparent;
border: 1px solid #ced1d5;
border-radius: 0.375rem;
}
.light-style .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: rgba(67, 89, 113, 0.04);
color: #697a8d;
.light-style .select2-container--default .select2-selection:hover {
border-color: #7a838b;
}
.light-style .select2-container--default .select2-selection__placeholder {
color: #b4bdc6;
}
.light-style .select2-container--default .select2-results__group {
color: #a1acb8;
color: #a7acb2;
}
.light-style .select2-container--default .select2-selection--single {
height: calc(1.53em + 0.875rem + 2px);
height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2) - 2px);
}
.light-style .select2-container--default .select2-selection--single .select2-selection__clear {
color: rgba(67, 89, 113, 0.6);
color: #a7acb2;
}
.light-style .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 2.25rem;
height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2) - 2px);
position: absolute;
}
.light-style .select2-container--default .select2-selection--single .select2-selection__arrow b {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='rgba(67, 89, 113, 0.6)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"><path d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%2322303e" fill-opacity="0.9"/></svg>');
}
.light-style .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 2.25rem;
color: #697a8d;
padding-left: 0.875rem;
color: #384551;
}
.light-style .select2-container--default.select2-container--disabled .select2-selection__arrow b {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"><path d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23a7acb2" fill-opacity="0.9"/></svg>');
}
.light-style .select2-container--default:not([dir=rtl]) .select2-selection--single .select2-selection__rendered {
padding-left: 0.9375rem;
}
.light-style .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__rendered {
padding-right: 0.875rem;
padding-right: 0.9375rem;
}
.light-style .select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #eceef1;
border-color: #d9dee3 !important;
background-color: rgba(34, 48, 62, 0.06);
border-color: #ced1d5 !important;
}
.light-style .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
color: #a7acb2;
}
.light-style .select2-container--default .select2-selection--multiple {
min-height: 2.25rem;
min-height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2) - 4px);
padding: 0.1875rem calc(0.9375rem - var(--bs-border-width));
}
.light-style .select2-container--default .select2-selection--multiple .select2-selection__choice {
color: #697a8d;
background-color: rgba(67, 89, 113, 0.08);
color: #646e78;
background-color: rgba(34, 48, 62, 0.08);
}
.light-style .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background-color: rgba(67, 89, 113, 0.16);
.light-style .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered, .light-style .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
line-height: calc(2.25rem - 2px);
padding-inline-start: calc(0.9375rem - var(--bs-border-width));
padding-inline-end: calc(2.25rem - 2px);
}
.light-style .select2-container--default.select2-container--focus .select2-selection--multiple, .light-style .select2-container--default.select2-container--open .select2-selection--multiple {
padding: 0.125rem calc(0.9375rem - 2px);
}
.light-style .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__choice, .light-style .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__choice {
margin-top: calc(0.25rem - var(--bs-border-width));
}
.light-style .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__choice:nth-last-child(2), .light-style .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__choice:nth-last-child(2) {
margin-bottom: calc(0.25rem - var(--bs-border-width));
}
.light-style .select2-container--default.select2-container--disabled .select2-selection--multiple {
border-color: #d9dee3 !important;
background-color: #eceef1;
border-color: #ced1d5 !important;
background-color: rgba(34, 48, 62, 0.06);
}
.light-style .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered {
color: #a7acb2;
}
.light-style .select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #d9dee3;
border-radius: 0.375rem;
border: 1px solid #ced1d5;
}
.light-style .select2-container--default .select2-search__field::-webkit-input-placeholder {
color: #b4bdc6;
color: #a7acb2;
}
.light-style .select2-container--default .select2-search__field::-moz-placeholder {
color: #b4bdc6;
color: #a7acb2;
}
.light-style .select2-container--default .select2-search__field:-ms-input-placeholder {
color: #b4bdc6;
color: #a7acb2;
}
.light-style .select2-container--default .select2-results__option {
padding-left: 0.875rem;
padding-right: 0.875rem;
color: #384551;
}
.light-style .select2-container--default .select2-results__option[aria-selected=true] {
background-color: rgba(67, 89, 113, 0.1);
background-color: rgba(34, 48, 62, 0.06);
}
.light-style .select2-container--default .select2-results__option .select2-results__option {
width: calc(100% + 1.75rem);
margin-left: -0.875rem;
padding-left: 0.875rem;
.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] {
width: calc(100% - 0.9375rem);
padding-left: 0.9375rem;
}
.light-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
padding-left: 1.75rem;
margin-left: -0.875rem;
.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] {
padding-left: 1.875rem;
}
.light-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
padding-left: 2.625rem;
margin-left: -1.75rem;
.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
padding-left: 2.8125rem;
}
.light-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
padding-left: 3.5rem;
margin-left: -2.625rem;
.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
padding-left: 3.75rem;
}
.light-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
padding-left: 4.375rem;
margin-left: -3.5rem;
.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
padding-left: 4.6875rem;
}
.light-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
padding-left: 0.875rem;
margin-left: -4.375rem;
.light-style .select2-container--default .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
padding-left: 0.9375rem;
}
.light-style .select2-container--default .select2-results__group {
padding: 0.5rem 0;
padding: 0.5rem 0.46875rem;
}
.light-style .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-left: 0.375rem;
margin-left: 0.25rem;
margin-right: 0;
}
.light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option {
padding-right: 0.875rem;
padding-right: 0.9375rem;
padding-left: 0 !important;
margin-left: 0 !important;
margin-right: -0.875rem;
}
.light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
padding-right: 1.75rem;
margin-right: -0.875rem;
.light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] {
padding-right: 1.875rem;
}
.light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
padding-right: 2.625rem;
margin-right: -1.75rem;
.light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] {
padding-right: 2.8125rem;
}
.light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
padding-right: 3.5rem;
margin-right: -2.625rem;
.light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
padding-right: 3.75rem;
}
.light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
padding-right: 4.375rem;
margin-right: -3.5rem;
.light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
padding-right: 4.6875rem;
}
.light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
padding-right: 0.875rem;
margin-right: -4.375rem;
.light-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
padding-right: 0.9375rem;
}
.light-style .is-valid .select2-container--default .select2-selection,
.light-style .is-valid.select2-container--default .select2-selection {
@ -475,218 +519,211 @@ html:not([dir=rtl]) .select2-container--default .select2-selection--multiple .se
border-color: #ff3e1d !important;
}
.light-style .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: rgba(133, 146, 163, 0.08) !important;
color: #8592a3 !important;
}
.light-style .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background: rgba(133, 146, 163, 0.16) !important;
color: #8592a3 !important;
}
.light-style .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: rgba(113, 221, 55, 0.08) !important;
color: #71dd37 !important;
}
.light-style .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background: rgba(113, 221, 55, 0.16) !important;
color: #71dd37 !important;
}
.light-style .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: rgba(3, 195, 236, 0.08) !important;
color: #03c3ec !important;
}
.light-style .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background: rgba(3, 195, 236, 0.16) !important;
color: #03c3ec !important;
}
.light-style .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: rgba(255, 171, 0, 0.08) !important;
color: #ffab00 !important;
}
.light-style .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background: rgba(255, 171, 0, 0.16) !important;
color: #ffab00 !important;
}
.light-style .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: rgba(255, 62, 29, 0.08) !important;
color: #ff3e1d !important;
}
.light-style .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background: rgba(255, 62, 29, 0.16) !important;
color: #ff3e1d !important;
}
.light-style .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: rgba(252, 253, 253, 0.08) !important;
color: #fcfdfd !important;
}
.light-style .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background: rgba(252, 253, 253, 0.16) !important;
background: rgba(219, 222, 224, 0.16) !important;
color: #dbdee0 !important;
}
.light-style .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: rgba(35, 52, 70, 0.08) !important;
color: #233446 !important;
}
.light-style .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background: rgba(35, 52, 70, 0.16) !important;
background: rgba(43, 44, 64, 0.16) !important;
color: #2b2c40 !important;
}
.light-style .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: rgba(67, 89, 113, 0.08) !important;
color: rgba(67, 89, 113, 0.1) !important;
}
.light-style .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background: rgba(67, 89, 113, 0.16) !important;
background: rgba(34, 48, 62, 0.16) !important;
color: rgba(34, 48, 62, 0.5) !important;
}
.dark-style .select2-hidden-accessible.is-invalid + .select2-container--default .select2-selection--multiple, .dark-style .select2-hidden-accessible.is-invalid + .select2-container--default.select2-container--open .select2-selection--multiple, .dark-style .select2-hidden-accessible.is-invalid + .select2-container--default.select2-container--focus .select2-selection--multiple {
padding: calc(0.543rem - var(--bs-border-width) - 0.25rem - var(--bs-border-width) - 0.043rem) calc(0.9375rem - 2px);
}
.dark-style .select2-selection--multiple .select2-selection__choice {
margin-top: 0.375rem;
margin-right: 0.375rem;
margin-top: calc(0.25rem - 1px);
margin-right: 0.25rem;
background-color: rgba(230, 230, 241, 0.08);
}
.dark-style .select2-selection--multiple .select2-selection__choice:nth-last-child(2) {
margin-bottom: calc(0.25rem - 1px);
}
.dark-style .select2-selection--multiple .select2-selection__clear {
margin-top: 0.375rem;
margin-top: 0.25rem;
}
.dark-style .select2-selection--multiple .select2-selection__placeholder {
margin-top: 0.375rem;
margin-top: 0.25rem;
}
.dark-style .select2-selection--multiple .select2-selection__rendered {
padding: 0 0.375rem 0.375rem 0.375rem;
padding: 0;
}
.dark-style .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
margin-left: 0.375rem;
margin-left: 0.25rem;
margin-right: 0;
}
.dark-style .select2-container--default .select2-selection {
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
background-color: #2b2c40;
border: 1px solid #444564;
background-color: transparent;
border: 1px solid #5f607b;
border-radius: 0.375rem;
}
.dark-style .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: rgba(124, 125, 182, 0.1);
color: #a3a4cc;
.dark-style .select2-container--default .select2-selection:hover {
border-color: #a1a1b5;
}
.dark-style .select2-container--default .select2-selection__placeholder {
color: #7c7db6;
color: #7e7f96;
}
.dark-style .select2-container--default .select2-results__group {
color: #7071a4;
.dark-style .select2-container--default .select2-results__option--highlighted:not([aria-selected=true]) {
background-color: rgba(230, 230, 241, 0.06) !important;
}
.dark-style .select2-container--default .select2-selection--single {
height: calc(1.53em + 0.875rem + 2px);
height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2) - 2px);
}
.dark-style .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 2.25rem;
height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2) - 2px);
position: absolute;
}
.dark-style .select2-container--default .select2-selection--single .select2-selection__arrow b {
background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='rgba(255, 255, 255, 0.6)' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"><path d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%23e6e6f1" fill-opacity="0.9"/></svg>');
}
.dark-style .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 2.25rem;
color: #a3a4cc;
padding-left: 0.875rem;
color: #d5d5e2;
}
.dark-style .select2-container--default .select2-selection--single .select2-selection__clear {
color: rgba(255, 255, 255, 0.6);
color: #7e7f96;
}
.dark-style .select2-container--default.select2-container--disabled .select2-selection__arrow b {
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 22" fill="none"><path d="M10.9999 12.0743L15.5374 7.53676L16.8336 8.83292L10.9999 14.6666L5.16626 8.83292L6.46243 7.53676L10.9999 12.0743Z" fill="%237e7f96" fill-opacity="0.9"/></svg>');
}
.dark-style .select2-container--default:not([dir=rtl]) .select2-selection--single .select2-selection__rendered {
padding-left: 0.9375rem;
}
.dark-style .select2-container--default .select2-selection--multiple {
min-height: 2.25rem;
min-height: calc(1.375em + 1.086rem + calc(var(--bs-border-width) * 2) - 4px);
padding: 0.1875rem calc(0.9375rem - var(--bs-border-width));
}
.dark-style .select2-container--default .select2-selection--multiple .select2-selection__choice {
color: #a3a4cc;
background-color: rgba(124, 125, 182, 0.08);
color: #b2b2c4;
background-color: rgba(230, 230, 241, 0.08);
}
.dark-style .select2-container--default.select2-container--focus .select2-selection--single .select2-selection__rendered, .dark-style .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
line-height: calc(2.25rem - 2px);
padding-inline-start: calc(0.9375rem - var(--bs-border-width)) !important;
padding-inline-end: calc(2.25rem - 2px);
}
.dark-style .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background-color: rgba(124, 125, 182, 0.16);
.dark-style .select2-container--default.select2-container--focus .select2-selection--multiple, .dark-style .select2-container--default.select2-container--open .select2-selection--multiple {
padding: 0.125rem calc(0.9375rem - 2px);
}
.dark-style .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__choice, .dark-style .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__choice {
margin-top: calc(0.25rem - var(--bs-border-width));
}
.dark-style .select2-container--default.select2-container--focus .select2-selection--multiple .select2-selection__choice:nth-last-child(2), .dark-style .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__choice:nth-last-child(2) {
margin-bottom: calc(0.25rem - var(--bs-border-width));
}
.dark-style .select2-container--default.select2-container--disabled .select2-selection--multiple {
border-color: #444564 !important;
background-color: #444564;
border-color: #5f607b !important;
background-color: rgba(230, 230, 241, 0.06);
}
.dark-style .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered {
color: #7e7f96;
}
.dark-style .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__rendered {
padding-right: 0.875rem;
padding-right: 0.9375rem;
}
.dark-style .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #7e7f96 transparent;
}
.dark-style .select2-container--default.select2-container--disabled .select2-selection--single {
background-color: #444564;
border-color: #444564 !important;
background-color: rgba(230, 230, 241, 0.06);
border-color: #5f607b !important;
}
.dark-style .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
color: #7e7f96;
}
.dark-style .select2-container--default .select2-search__field::-webkit-input-placeholder {
color: #7c7db6;
color: #7e7f96;
}
.dark-style .select2-container--default .select2-search__field::-moz-placeholder {
color: #7c7db6;
color: #7e7f96;
}
.dark-style .select2-container--default .select2-search__field:-ms-input-placeholder {
color: #7c7db6;
color: #7e7f96;
}
.dark-style .select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #444564;
background: #2b2c40;
border-radius: 0.375rem;
border: 1px solid #5f607b;
background: transparent;
}
.dark-style .select2-container--default .select2-results__option {
padding-left: 0.875rem;
padding-right: 0.875rem;
color: #d5d5e2;
}
.dark-style .select2-container--default .select2-results__option[aria-selected=true] {
background-color: rgba(255, 255, 255, 0.8);
.dark-style .select2-container--default .select2-results__option .select2-results__option--highlighted[aria-selected] {
background-color: rgba(230, 230, 241, 0.06);
}
.dark-style .select2-container--default .select2-results__option .select2-results__option {
padding-left: 0.875rem;
margin-left: -0.875rem;
width: calc(100% + 1.75rem);
.dark-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] {
padding-left: 0.9375rem;
}
.dark-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
padding-left: 1.75rem;
margin-left: -0.875rem;
.dark-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] {
padding-left: 1.875rem;
}
.dark-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
padding-left: 2.625rem;
margin-left: -1.75rem;
.dark-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
padding-left: 2.8125rem;
}
.dark-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
padding-left: 3.5rem;
margin-left: -2.625rem;
.dark-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
padding-left: 3.75rem;
}
.dark-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
padding-left: 4.375rem;
margin-left: -3.5rem;
.dark-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
padding-left: 4.6875rem;
}
.dark-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
padding-left: 0.875rem;
margin-left: -4.375rem;
.dark-style .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
padding-left: 0.9375rem;
}
.dark-style .select2-container--default .select2-results__group {
padding: 0.5rem 0;
padding: 0.5rem 0.46875rem;
}
.dark-style .select2-dropdown {
z-index: 1000;
background: #323249;
border-color: transparent;
background: #2b2c40;
border-color: #4e4f6c;
background-clip: padding-box;
box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
box-shadow: 0 0.25rem 0.75rem 0 rgba(20, 20, 29, 0.24);
}
.dark-style .select2-search__field {
color: #a3a4cc;
color: #d5d5e2;
}
.dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option {
padding-left: 0 !important;
padding-right: 0.875rem;
padding-right: 0.9375rem;
margin-left: 0 !important;
margin-right: -0.875rem;
}
.dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
padding-right: 1.75rem;
margin-right: -0.875rem;
.dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] {
padding-right: 1.875rem;
}
.dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
padding-right: 2.625rem;
margin-right: -1.75rem;
.dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] {
padding-right: 2.8125rem;
}
.dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
padding-right: 3.5rem;
margin-right: -2.625rem;
.dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
padding-right: 3.75rem;
}
.dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
padding-right: 4.375rem;
margin-right: -3.5rem;
.dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
padding-right: 4.6875rem;
}
.dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
padding-right: 0.875rem;
margin-right: -4.375rem;
.dark-style[dir=rtl] .select2-container--default .select2-results__option .select2-results__option .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] .select2-results__option[role=option] {
padding-right: 0.9375rem;
}
.dark-style .is-valid .select2-container--default .select2-selection,
.dark-style .is-valid.select2-container--default .select2-selection {
@ -697,58 +734,34 @@ html:not([dir=rtl]) .select2-container--default .select2-selection--multiple .se
border-color: #ff3e1d !important;
}
.dark-style .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: rgba(133, 146, 163, 0.08) !important;
color: #8592a3 !important;
}
.dark-style .select2-secondary .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background: rgba(133, 146, 163, 0.16) !important;
color: #8592a3 !important;
}
.dark-style .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: rgba(113, 221, 55, 0.08) !important;
color: #71dd37 !important;
}
.dark-style .select2-success .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background: rgba(113, 221, 55, 0.16) !important;
color: #71dd37 !important;
}
.dark-style .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: rgba(3, 195, 236, 0.08) !important;
color: #03c3ec !important;
}
.dark-style .select2-info .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background: rgba(3, 195, 236, 0.16) !important;
color: #03c3ec !important;
}
.dark-style .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: rgba(255, 171, 0, 0.08) !important;
color: #ffab00 !important;
}
.dark-style .select2-warning .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background: rgba(255, 171, 0, 0.16) !important;
color: #ffab00 !important;
}
.dark-style .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: rgba(255, 62, 29, 0.08) !important;
color: #ff3e1d !important;
}
.dark-style .select2-danger .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background: rgba(255, 62, 29, 0.16) !important;
color: #ff3e1d !important;
}
.dark-style .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: rgba(79, 80, 92, 0.08) !important;
color: #4f505c !important;
}
.dark-style .select2-light .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background: rgba(79, 80, 92, 0.16) !important;
background: rgba(73, 74, 93, 0.16) !important;
color: #494a5d !important;
}
.dark-style .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: rgba(107, 108, 157, 0.08) !important;
color: #6b6c9d !important;
}
.dark-style .select2-dark .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background: rgba(107, 108, 157, 0.16) !important;
color: #6b6c9d !important;
}
.dark-style .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice {
background: rgba(255, 255, 255, 0.08) !important;
color: rgba(255, 255, 255, 0.8) !important;
}
.dark-style .select2-gray .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
background: rgba(255, 255, 255, 0.16) !important;
background: rgba(230, 230, 241, 0.16) !important;
color: rgba(230, 230, 241, 0.5) !important;
}

File diff suppressed because one or more lines are too long

@ -209,53 +209,99 @@
}
.shepherd-element .shepherd-content {
min-width: 15rem;
border-radius: 0.375rem !important;
}
.shepherd-element .shepherd-content .shepherd-header {
padding: 0.5rem 1rem;
padding: 1.25rem 1.25rem 0;
}
.shepherd-element .shepherd-content .shepherd-header .shepherd-title {
font-weight: 500 !important;
font-size: 1.125rem !important;
}
.shepherd-element .shepherd-content .shepherd-header .shepherd-cancel-icon {
font-size: 1.2rem;
font-size: 1.85rem !important;
}
.shepherd-element .shepherd-content .shepherd-header .shepherd-cancel-icon:focus {
outline: 0;
}
.shepherd-element .shepherd-content .shepherd-text {
font-size: 0.9375rem;
color: #697a8d;
font-size: 0.9375rem !important;
padding: 1rem 1.25rem !important;
}
.shepherd-element .shepherd-content .shepherd-footer {
padding: 0 1.25rem 1.25rem !important;
}
.shepherd-element .shepherd-content .shepherd-footer .shepherd-button {
padding: 0.438rem 1.125rem;
.shepherd-element .shepherd-content .shepherd-footer .shepherd-button:not(:last-child) {
margin-right: 0.75rem !important;
}
.shepherd-element[data-popper-placement=bottom] {
margin-top: 0.8rem !important;
}
.shepherd-element[data-popper-placement=top] {
margin-bottom: 0.8rem !important;
margin-top: -0.8rem !important;
}
.shepherd-element[data-popper-placement=left] {
margin-right: 0.8rem !important;
margin-left: -0.8rem !important;
}
.shepherd-element[data-popper-placement=left] .shepherd-arrow:before {
border-bottom: 0;
border-top: 1px solid;
}
.shepherd-element[data-popper-placement=right] {
margin-left: 0.8rem !important;
}
.shepherd-element[data-popper-placement=right] .shepherd-arrow:before {
border-right: 0;
border-left: 1px solid;
}
.light-style .shepherd-element .shepherd-arrow:before {
border-color: rgba(67, 89, 113, 0.3);
.shepherd-element {
box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1);
background-color: #fff !important;
}
.shepherd-element .shepherd-content .shepherd-header {
background: #fff !important;
}
.shepherd-element .shepherd-content .shepherd-header .shepherd-title {
color: #384551 !important;
}
.shepherd-element .shepherd-content .shepherd-header .shepherd-cancel-icon {
color: #a7acb2 !important;
}
.shepherd-element .shepherd-content .shepherd-text {
color: #646e78 !important;
}
.shepherd-element .shepherd-arrow:before {
background-color: #fff !important;
border-color: #fff !important;
}
.dark-style .shepherd-element {
background: #2b2c40;
box-shadow: 0 0.1875rem 0.5rem 0 rgba(20, 20, 29, 0.22);
background: #2b2c40 !important;
}
.dark-style .shepherd-element .shepherd-content .shepherd-header {
background: #2b2c40 !important;
}
.dark-style .shepherd-element .shepherd-text {
color: #fff;
.dark-style .shepherd-element .shepherd-content .shepherd-header .shepherd-title {
color: #d5d5e2 !important;
}
.dark-style .shepherd-element .shepherd-arrow:before {
background: #2b2c40;
border-color: rgba(43, 44, 64, 0.06);
.dark-style .shepherd-element .shepherd-content .shepherd-header .shepherd-cancel-icon {
color: #7e7f96 !important;
}
.dark-style .shepherd-element .shepherd-content .shepherd-text {
color: #b2b2c4 !important;
}
.dark-style .shepherd-arrow:before {
background-color: #2b2c40 !important;
border-color: #2b2c40 !important;
}
[dir=rtl] .shepherd-element .btn-next {
margin-right: 0.5rem;
margin-right: 0.75rem;
}
[dir=rtl] .shepherd-element[data-popper-placement=left] {
margin-left: -0.8rem !important;
}
@media (max-width: 575.98px) {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

@ -2,11 +2,11 @@
box-sizing: border-box;
grid-column: 1/4 !important;
grid-row: 1/4 !important;
grid-template-columns: 1fr 99fr 1fr;
grid-template-columns: min-content auto min-content;
padding: 1em;
overflow-y: hidden;
background: #fff;
box-shadow: 0 0 1px hsla(0deg, 0%, 0%, 0.075), 0 1px 2px hsla(0deg, 0%, 0%, 0.075), 1px 2px 4px hsla(0deg, 0%, 0%, 0.075), 1px 3px 8px hsla(0deg, 0%, 0%, 0.075), 2px 4px 16px hsla(0deg, 0%, 0%, 0.075);
box-shadow: 0 0 1px hsla(0, 0%, 0%, 0.075), 0 1px 2px hsla(0, 0%, 0%, 0.075), 1px 2px 4px hsla(0, 0%, 0%, 0.075), 1px 3px 8px hsla(0, 0%, 0%, 0.075), 2px 4px 16px hsla(0, 0%, 0%, 0.075);
pointer-events: all;
}
.swal2-popup.swal2-toast > * {
@ -109,7 +109,6 @@
position: absolute;
width: 1.6em;
height: 3em;
transform: rotate(45deg);
border-radius: 50%;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
@ -161,14 +160,11 @@
animation: swal2-toast-hide 0.1s forwards;
}
.swal2-container {
div:where(.swal2-container) {
display: grid;
position: fixed;
z-index: 1060;
top: 0;
right: 0;
bottom: 0;
left: 0;
inset: 0;
box-sizing: border-box;
grid-template-areas: "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end";
grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
@ -178,80 +174,73 @@
transition: background-color 0.1s;
-webkit-overflow-scrolling: touch;
}
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation {
background: rgba(0, 0, 0, 0.4);
}
.swal2-container.swal2-backdrop-hide {
div:where(.swal2-container).swal2-backdrop-hide {
background: transparent !important;
}
.swal2-container.swal2-top-start, .swal2-container.swal2-center-start, .swal2-container.swal2-bottom-start {
div:where(.swal2-container).swal2-top-start, div:where(.swal2-container).swal2-center-start, div:where(.swal2-container).swal2-bottom-start {
grid-template-columns: minmax(0, 1fr) auto auto;
}
.swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom {
div:where(.swal2-container).swal2-top, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-bottom {
grid-template-columns: auto minmax(0, 1fr) auto;
}
.swal2-container.swal2-top-end, .swal2-container.swal2-center-end, .swal2-container.swal2-bottom-end {
div:where(.swal2-container).swal2-top-end, div:where(.swal2-container).swal2-center-end, div:where(.swal2-container).swal2-bottom-end {
grid-template-columns: auto auto minmax(0, 1fr);
}
.swal2-container.swal2-top-start > .swal2-popup {
div:where(.swal2-container).swal2-top-start > .swal2-popup {
align-self: start;
}
.swal2-container.swal2-top > .swal2-popup {
div:where(.swal2-container).swal2-top > .swal2-popup {
grid-column: 2;
align-self: start;
justify-self: center;
place-self: start center;
}
.swal2-container.swal2-top-end > .swal2-popup, .swal2-container.swal2-top-right > .swal2-popup {
div:where(.swal2-container).swal2-top-end > .swal2-popup, div:where(.swal2-container).swal2-top-right > .swal2-popup {
grid-column: 3;
align-self: start;
justify-self: end;
place-self: start end;
}
.swal2-container.swal2-center-start > .swal2-popup, .swal2-container.swal2-center-left > .swal2-popup {
div:where(.swal2-container).swal2-center-start > .swal2-popup, div:where(.swal2-container).swal2-center-left > .swal2-popup {
grid-row: 2;
align-self: center;
}
.swal2-container.swal2-center > .swal2-popup {
div:where(.swal2-container).swal2-center > .swal2-popup {
grid-column: 2;
grid-row: 2;
align-self: center;
justify-self: center;
place-self: center center;
}
.swal2-container.swal2-center-end > .swal2-popup, .swal2-container.swal2-center-right > .swal2-popup {
div:where(.swal2-container).swal2-center-end > .swal2-popup, div:where(.swal2-container).swal2-center-right > .swal2-popup {
grid-column: 3;
grid-row: 2;
align-self: center;
justify-self: end;
place-self: center end;
}
.swal2-container.swal2-bottom-start > .swal2-popup, .swal2-container.swal2-bottom-left > .swal2-popup {
div:where(.swal2-container).swal2-bottom-start > .swal2-popup, div:where(.swal2-container).swal2-bottom-left > .swal2-popup {
grid-column: 1;
grid-row: 3;
align-self: end;
}
.swal2-container.swal2-bottom > .swal2-popup {
div:where(.swal2-container).swal2-bottom > .swal2-popup {
grid-column: 2;
grid-row: 3;
justify-self: center;
align-self: end;
place-self: end center;
}
.swal2-container.swal2-bottom-end > .swal2-popup, .swal2-container.swal2-bottom-right > .swal2-popup {
div:where(.swal2-container).swal2-bottom-end > .swal2-popup, div:where(.swal2-container).swal2-bottom-right > .swal2-popup {
grid-column: 3;
grid-row: 3;
align-self: end;
justify-self: end;
place-self: end end;
}
.swal2-container.swal2-grow-row > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
div:where(.swal2-container).swal2-grow-row > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
grid-column: 1/4;
width: 100%;
}
.swal2-container.swal2-grow-column > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
div:where(.swal2-container).swal2-grow-column > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup {
grid-row: 1/4;
align-self: stretch;
}
.swal2-container.swal2-no-transition {
div:where(.swal2-container).swal2-no-transition {
transition: none !important;
}
.swal2-popup {
div:where(.swal2-container) div:where(.swal2-popup) {
display: none;
position: relative;
box-sizing: border-box;
@ -266,14 +255,13 @@
font-family: inherit;
font-size: 1rem;
}
.swal2-popup:focus {
div:where(.swal2-container) div:where(.swal2-popup):focus {
outline: none;
}
.swal2-popup.swal2-loading {
div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
overflow-y: hidden;
}
.swal2-title {
div:where(.swal2-container) h2:where(.swal2-title) {
position: relative;
max-width: 100%;
margin: 0;
@ -285,8 +273,7 @@
text-transform: none;
word-wrap: break-word;
}
.swal2-actions {
div:where(.swal2-container) div:where(.swal2-actions) {
display: flex;
z-index: 1;
box-sizing: border-box;
@ -297,17 +284,16 @@
margin: 1.25em auto 0;
padding: 0;
}
.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] {
opacity: 0.4;
}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.swal2-actions:not(.swal2-loading) .swal2-styled:active {
div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active {
background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.swal2-loader {
div:where(.swal2-container) div:where(.swal2-loader) {
display: none;
align-items: center;
justify-content: center;
@ -320,18 +306,17 @@
border-radius: 100%;
border-color: #2778c4 transparent #2778c4 transparent;
}
.swal2-styled {
div:where(.swal2-container) button:where(.swal2-styled) {
margin: 0.3125em;
padding: 0.625em 1.1em;
transition: box-shadow 0.1s;
box-shadow: 0 0 0 3px transparent;
font-weight: 500;
}
.swal2-styled:not([disabled]) {
div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
cursor: pointer;
}
.swal2-styled.swal2-confirm {
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
border: 0;
border-radius: 0.25em;
background: initial;
@ -339,10 +324,10 @@
color: #fff;
font-size: 1em;
}
.swal2-styled.swal2-confirm:focus {
div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
box-shadow: 0 0 0 3px rgba(112, 102, 224, 0.5);
}
.swal2-styled.swal2-deny {
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
border: 0;
border-radius: 0.25em;
background: initial;
@ -350,10 +335,10 @@
color: #fff;
font-size: 1em;
}
.swal2-styled.swal2-deny:focus {
div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus {
box-shadow: 0 0 0 3px rgba(220, 55, 65, 0.5);
}
.swal2-styled.swal2-cancel {
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
border: 0;
border-radius: 0.25em;
background: initial;
@ -361,29 +346,27 @@
color: #fff;
font-size: 1em;
}
.swal2-styled.swal2-cancel:focus {
div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus {
box-shadow: 0 0 0 3px rgba(110, 120, 129, 0.5);
}
.swal2-styled.swal2-default-outline:focus {
div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus {
box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-styled:focus {
div:where(.swal2-container) button:where(.swal2-styled):focus {
outline: none;
}
.swal2-styled::-moz-focus-inner {
div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
border: 0;
}
.swal2-footer {
justify-content: center;
div:where(.swal2-container) div:where(.swal2-footer) {
margin: 1em 0 0;
padding: 1em 1em 0;
border-top: 1px solid #eee;
color: inherit;
font-size: 1em;
text-align: center;
}
.swal2-timer-progress-bar-container {
div:where(.swal2-container) .swal2-timer-progress-bar-container {
position: absolute;
right: 0;
bottom: 0;
@ -393,19 +376,16 @@
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.swal2-timer-progress-bar {
div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
width: 100%;
height: 0.25em;
background: rgba(0, 0, 0, 0.2);
}
.swal2-image {
div:where(.swal2-container) img:where(.swal2-image) {
max-width: 100%;
margin: 2em auto 1em;
}
.swal2-close {
div:where(.swal2-container) button:where(.swal2-close) {
z-index: 2;
align-items: center;
justify-content: center;
@ -421,26 +401,24 @@
border-radius: 5px;
background: transparent;
color: #ccc;
font-family: serif;
font-family: monospace;
font-size: 2.5em;
cursor: pointer;
justify-self: end;
}
.swal2-close:hover {
div:where(.swal2-container) button:where(.swal2-close):hover {
transform: none;
background: transparent;
color: #f27474;
}
.swal2-close:focus {
div:where(.swal2-container) button:where(.swal2-close):focus {
outline: none;
box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-close::-moz-focus-inner {
div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
border: 0;
}
.swal2-html-container {
div:where(.swal2-container) .swal2-html-container {
z-index: 1;
justify-content: center;
margin: 1em 1.6em 0.3em;
@ -454,19 +432,17 @@
word-wrap: break-word;
word-break: break-word;
}
.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select,
.swal2-radio,
.swal2-checkbox {
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea),
div:where(.swal2-container) select:where(.swal2-select),
div:where(.swal2-container) div:where(.swal2-radio),
div:where(.swal2-container) label:where(.swal2-checkbox) {
margin: 1em 2em 3px;
}
.swal2-input,
.swal2-file,
.swal2-textarea {
div:where(.swal2-container) input:where(.swal2-input),
div:where(.swal2-container) input:where(.swal2-file),
div:where(.swal2-container) textarea:where(.swal2-textarea) {
box-sizing: border-box;
width: auto;
transition: border-color 0.1s, box-shadow 0.1s;
@ -477,65 +453,60 @@
color: inherit;
font-size: 1.125em;
}
.swal2-input.swal2-inputerror,
.swal2-file.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,
div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,
div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
border-color: #f27474 !important;
box-shadow: 0 0 2px #f27474 !important;
}
.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
div:where(.swal2-container) input:where(.swal2-input):focus,
div:where(.swal2-container) input:where(.swal2-file):focus,
div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
border: 1px solid #b4dbed;
outline: none;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-input::placeholder,
.swal2-file::placeholder,
.swal2-textarea::placeholder {
div:where(.swal2-container) input:where(.swal2-input)::placeholder,
div:where(.swal2-container) input:where(.swal2-file)::placeholder,
div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
color: #ccc;
}
.swal2-range {
div:where(.swal2-container) .swal2-range {
margin: 1em 2em 3px;
background: #fff;
}
.swal2-range input {
div:where(.swal2-container) .swal2-range input {
width: 80%;
}
.swal2-range output {
div:where(.swal2-container) .swal2-range output {
width: 20%;
color: inherit;
font-weight: 600;
text-align: center;
}
.swal2-range input,
.swal2-range output {
div:where(.swal2-container) .swal2-range input,
div:where(.swal2-container) .swal2-range output {
height: 2.625em;
padding: 0;
font-size: 1.125em;
line-height: 2.625em;
}
.swal2-input {
div:where(.swal2-container) .swal2-input {
height: 2.625em;
padding: 0 0.75em;
}
.swal2-file {
div:where(.swal2-container) .swal2-file {
width: 75%;
margin-right: auto;
margin-left: auto;
background: transparent;
font-size: 1.125em;
}
.swal2-textarea {
div:where(.swal2-container) .swal2-textarea {
height: 6.75em;
padding: 0.75em;
}
.swal2-select {
div:where(.swal2-container) .swal2-select {
min-width: 50%;
max-width: 100%;
padding: 0.375em 0.625em;
@ -543,32 +514,29 @@
color: inherit;
font-size: 1.125em;
}
.swal2-radio,
.swal2-checkbox {
div:where(.swal2-container) .swal2-radio,
div:where(.swal2-container) .swal2-checkbox {
align-items: center;
justify-content: center;
background: #fff;
color: inherit;
}
.swal2-radio label,
.swal2-checkbox label {
div:where(.swal2-container) .swal2-radio label,
div:where(.swal2-container) .swal2-checkbox label {
margin: 0 0.6em;
font-size: 1.125em;
}
.swal2-radio input,
.swal2-checkbox input {
div:where(.swal2-container) .swal2-radio input,
div:where(.swal2-container) .swal2-checkbox input {
flex-shrink: 0;
margin: 0 0.4em;
}
.swal2-input-label {
div:where(.swal2-container) label:where(.swal2-input-label) {
display: flex;
justify-content: center;
margin: 1em auto 0;
}
.swal2-validation-message {
div:where(.swal2-container) div:where(.swal2-validation-message) {
align-items: center;
justify-content: center;
margin: 1em 0 0;
@ -579,7 +547,7 @@
font-size: 1em;
font-weight: 300;
}
.swal2-validation-message::before {
div:where(.swal2-container) div:where(.swal2-validation-message)::before {
content: "!";
display: inline-block;
width: 1.5em;
@ -593,8 +561,50 @@
line-height: 1.5em;
text-align: center;
}
div:where(.swal2-container) .swal2-progress-steps {
flex-wrap: wrap;
align-items: center;
max-width: 100%;
margin: 1.25em auto;
padding: 0;
background: transparent;
font-weight: 600;
}
div:where(.swal2-container) .swal2-progress-steps li {
display: inline-block;
position: relative;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
z-index: 20;
flex-shrink: 0;
width: 2em;
height: 2em;
border-radius: 2em;
background: #2778c4;
color: #fff;
line-height: 2em;
text-align: center;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
background: #2778c4;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
background: #add8e6;
color: #fff;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
background: #add8e6;
}
div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
z-index: 10;
flex-shrink: 0;
width: 2.5em;
height: 0.4em;
margin: 0 -1px;
background: #2778c4;
}
.swal2-icon {
div:where(.swal2-icon) {
position: relative;
box-sizing: content-box;
justify-content: center;
@ -609,20 +619,20 @@
cursor: default;
user-select: none;
}
.swal2-icon .swal2-icon-content {
div:where(.swal2-icon) .swal2-icon-content {
display: flex;
align-items: center;
font-size: 3.75em;
}
.swal2-icon.swal2-error {
div:where(.swal2-icon).swal2-error {
border-color: #f27474;
color: #f27474;
}
.swal2-icon.swal2-error .swal2-x-mark {
div:where(.swal2-icon).swal2-error .swal2-x-mark {
position: relative;
flex-grow: 1;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
display: block;
position: absolute;
top: 2.3125em;
@ -631,76 +641,75 @@
border-radius: 0.125em;
background-color: #f27474;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
left: 1.0625em;
transform: rotate(45deg);
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
right: 1em;
transform: rotate(-45deg);
}
.swal2-icon.swal2-error.swal2-icon-show {
div:where(.swal2-icon).swal2-error.swal2-icon-show {
animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
animation: swal2-animate-error-x-mark 0.5s;
}
.swal2-icon.swal2-warning {
div:where(.swal2-icon).swal2-warning {
border-color: #facea8;
color: #f8bb86;
}
.swal2-icon.swal2-warning.swal2-icon-show {
div:where(.swal2-icon).swal2-warning.swal2-icon-show {
animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
animation: swal2-animate-i-mark 0.5s;
}
.swal2-icon.swal2-info {
div:where(.swal2-icon).swal2-info {
border-color: #9de0f6;
color: #3fc3ee;
}
.swal2-icon.swal2-info.swal2-icon-show {
div:where(.swal2-icon).swal2-info.swal2-icon-show {
animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
animation: swal2-animate-i-mark 0.8s;
}
.swal2-icon.swal2-question {
div:where(.swal2-icon).swal2-question {
border-color: #c9dae1;
color: #87adbd;
}
.swal2-icon.swal2-question.swal2-icon-show {
div:where(.swal2-icon).swal2-question.swal2-icon-show {
animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
animation: swal2-animate-question-mark 0.8s;
}
.swal2-icon.swal2-success {
div:where(.swal2-icon).swal2-success {
border-color: #a5dc86;
color: #a5dc86;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
position: absolute;
width: 3.75em;
height: 7.5em;
transform: rotate(45deg);
border-radius: 50%;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
top: -0.4375em;
left: -2.0635em;
transform: rotate(-45deg);
transform-origin: 3.75em 3.75em;
border-radius: 7.5em 0 0 7.5em;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
top: -0.6875em;
left: 1.875em;
transform: rotate(-45deg);
transform-origin: 0 3.75em;
border-radius: 0 7.5em 7.5em 0;
}
.swal2-icon.swal2-success .swal2-success-ring {
div:where(.swal2-icon).swal2-success .swal2-success-ring {
position: absolute;
z-index: 2;
top: -0.25em;
@ -711,7 +720,7 @@
border: 0.25em solid rgba(165, 220, 134, 0.3);
border-radius: 50%;
}
.swal2-icon.swal2-success .swal2-success-fix {
div:where(.swal2-icon).swal2-success .swal2-success-fix {
position: absolute;
z-index: 1;
top: 0.5em;
@ -720,7 +729,7 @@
height: 5.625em;
transform: rotate(-45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
display: block;
position: absolute;
z-index: 2;
@ -728,71 +737,28 @@
border-radius: 0.125em;
background-color: #a5dc86;
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
top: 2.875em;
left: 0.8125em;
width: 1.5625em;
transform: rotate(45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
top: 2.375em;
right: 0.5em;
width: 2.9375em;
transform: rotate(-45deg);
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
animation: swal2-animate-success-line-tip 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
animation: swal2-animate-success-line-long 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
animation: swal2-rotate-success-circular-line 4.25s ease-in;
}
.swal2-progress-steps {
flex-wrap: wrap;
align-items: center;
max-width: 100%;
margin: 1.25em auto;
padding: 0;
background: transparent;
font-weight: 600;
}
.swal2-progress-steps li {
display: inline-block;
position: relative;
}
.swal2-progress-steps .swal2-progress-step {
z-index: 20;
flex-shrink: 0;
width: 2em;
height: 2em;
border-radius: 2em;
background: #2778c4;
color: #fff;
line-height: 2em;
text-align: center;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
background: #2778c4;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
background: #add8e6;
color: #fff;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
background: #add8e6;
}
.swal2-progress-steps .swal2-progress-step-line {
z-index: 10;
flex-shrink: 0;
width: 2.5em;
height: 0.4em;
margin: 0 -1px;
background: #2778c4;
}
[class^=swal2] {
-webkit-tap-highlight-color: transparent;
}
@ -826,58 +792,6 @@
left: auto;
}
.save-yourself-from-war {
display: flex;
position: fixed;
z-index: 1939;
top: 0;
right: 0;
bottom: 0;
left: 0;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 25px 0 20px;
background: #20232a;
color: #fff;
text-align: center;
}
.save-yourself-from-war div {
max-width: 560px;
margin: 10px;
line-height: 146%;
}
.save-yourself-from-war iframe {
max-width: 100%;
max-height: 55.5555555556vmin;
margin: 16px auto;
}
.save-yourself-from-war strong {
border-bottom: 2px dashed white;
}
.save-yourself-from-war button {
display: flex;
position: fixed;
z-index: 1940;
top: 0;
right: 0;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
margin-right: 10px;
margin-bottom: -10px;
border: none;
background: transparent;
color: #aaa;
font-size: 48px;
font-weight: bold;
cursor: pointer;
}
.save-yourself-from-war button:hover {
color: #fff;
}
@keyframes swal2-toast-show {
0% {
transform: translateY(-0.625em) rotateZ(2deg);
@ -1138,69 +1052,42 @@ body.swal2-toast-shown .swal2-container {
pointer-events: none;
}
body.swal2-toast-shown .swal2-container.swal2-top {
top: 0;
right: auto;
bottom: auto;
left: 50%;
inset: 0 auto auto 50%;
transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
top: 0;
right: 0;
bottom: auto;
left: auto;
inset: 0 0 auto auto;
}
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
top: 0;
right: auto;
bottom: auto;
left: 0;
inset: 0 auto auto 0;
}
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
top: 50%;
right: auto;
bottom: auto;
left: 0;
inset: 50% auto auto 0;
transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-center {
top: 50%;
right: auto;
bottom: auto;
left: 50%;
inset: 50% auto auto 50%;
transform: translate(-50%, -50%);
}
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
top: 50%;
right: 0;
bottom: auto;
left: auto;
inset: 50% 0 auto auto;
transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
top: auto;
right: auto;
bottom: 0;
left: 0;
inset: auto auto 0 0;
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
top: auto;
right: auto;
bottom: 0;
left: 50%;
inset: auto auto 0 50%;
transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
top: auto;
right: 0;
bottom: 0;
left: auto;
inset: auto 0 0 auto;
}
.swal2-modal.swal2-popup .swal2-title {
margin: 1.875rem 0 1rem 0;
max-width: 16em;
line-height: 1.53;
line-height: 1.375;
}
.swal2-modal.swal2-popup .swal2-content {
margin: 0 0 1rem 0;
@ -1273,34 +1160,34 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown
}
.light-style .swal2-modal.swal2-popup {
font-family: var(--bs-font-sans-serif);
box-shadow: 0 2px 16px 0 rgba(67, 89, 113, 0.45);
box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14);
border-radius: 0.375rem;
}
.light-style .swal2-container.swal2-shown {
background: rgba(67, 89, 113, 0.5);
background: rgba(34, 48, 62, 0.5);
}
.light-style .swal2-popup .swal2-title {
font-size: 2rem;
font-size: 2.375rem;
font-weight: 500;
color: #697a8d;
color: #646e78;
}
.light-style .swal2-popup .swal2-content {
color: #a1acb8;
line-height: 1.53;
color: #a7acb2;
line-height: 1.375;
font-size: 1.0546875rem;
font-weight: 400;
}
.light-style .swal2-popup .swal2-input,
.light-style .swal2-popup .swal2-file,
.light-style .swal2-popup .swal2-textarea {
border: 1px solid #d9dee3 !important;
font-size: 1rem;
color: #697a8d;
border: var(--bs-border-width) solid #ced1d5 !important;
font-size: 1.0625rem;
color: #646e78;
border-radius: 0.5rem;
}
.light-style .swal2-popup .swal2-validationerror {
color: #697a8d;
background: rgba(67, 89, 113, 0.1);
color: #646e78;
background: rgba(34, 48, 62, 0.1);
}
.light-style .swal2-popup .swal2-icon.swal2-success {
border-color: #71dd37;
@ -1342,43 +1229,43 @@ body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown
.dark-style .swal2-modal.swal2-popup {
background: #2b2c40;
font-family: var(--bs-font-sans-serif);
box-shadow: 0 0.25rem 2.8125rem 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0.25rem 0.75rem 0 rgba(20, 20, 29, 0.24);
border-radius: 0.375rem;
}
.dark-style .swal2-container.swal2-shown {
background: rgba(0, 0, 0, 0.5);
background: rgba(29, 29, 42, 0.6);
}
.dark-style .swal2-popup .swal2-title {
font-size: 2rem;
font-size: 2.375rem;
font-weight: 500;
color: #a3a4cc;
color: #b2b2c4;
}
.dark-style .swal2-popup .swal2-content {
font-weight: 400;
color: #7071a4;
line-height: 1.53;
color: #7e7f96;
line-height: 1.375;
font-size: 1.0546875rem;
}
.dark-style .swal2-popup .swal2-content pre {
color: #a3a4cc;
color: #b2b2c4;
}
.dark-style .swal2-popup .swal2-footer {
border-top: 1px solid #444564;
border-top: 1px solid #4e4f6c;
}
.dark-style .swal2-popup .swal2-html-container {
color: #a3a4cc;
color: #b2b2c4;
}
.dark-style .swal2-popup .swal2-input,
.dark-style .swal2-popup .swal2-file,
.dark-style .swal2-popup .swal2-textarea {
color: #a3a4cc;
border: 1px solid #444564 !important;
font-size: 1rem;
color: #b2b2c4;
border: var(--bs-border-width) solid #5f607b !important;
font-size: 1.0625rem;
border-radius: 0.5rem;
}
.dark-style .swal2-popup .swal2-validationerror {
color: #a3a4cc;
background: rgba(255, 255, 255, 0.8);
color: #b2b2c4;
background: rgba(230, 230, 241, 0.1);
}
.dark-style .swal2-popup .swal2-icon.swal2-success {
border-color: #71dd37;

File diff suppressed because one or more lines are too long

@ -1,22 +1,36 @@
/**
* Swiper 8.4.6
* Swiper 11.0.7
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2023 Vladimir Kharlampidi
* Copyright 2014-2024 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: January 17, 2023
* Released on: February 27, 2024
*/
/* FONT_START */
@font-face {
font-family: "swiper-icons";
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
/* FONT_END */
:root {
--swiper-theme-color: #007aff;
/*
--swiper-preloader-color: var(--swiper-theme-color);
--swiper-wrapper-transition-timing-function: initial;
*/
}
:host {
position: relative;
display: block;
margin-left: auto;
margin-right: auto;
z-index: 1;
}
.swiper {
@ -28,6 +42,7 @@
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
display: block;
}
.swiper-vertical > .swiper-wrapper {
@ -41,19 +56,21 @@
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
.swiper-vertical {
touch-action: pan-x;
}
@ -63,6 +80,7 @@
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
@ -87,54 +105,21 @@
}
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
.swiper-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
.swiper-3d {
perspective: 1200px;
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d;
}
/* CSS Mode */
@ -154,45 +139,132 @@
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
content: "";
flex-shrink: 0;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
-webkit-backface-visibility: hidden;
transform: translateZ(0);
@ -219,6 +291,8 @@
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-top-offset: 50%;
--swiper-navigation-sides-offset: 10px;
--swiper-navigation-color: var(--swiper-theme-color);
*/
}
@ -226,7 +300,7 @@
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
top: var(--swiper-navigation-top-offset, 50%);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - var(--swiper-navigation-size) / 2);
@ -257,6 +331,36 @@
display: none !important;
}
.swiper-button-prev svg,
.swiper-button-next svg {
width: 100%;
height: 100%;
object-fit: contain;
transform-origin: center;
}
.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: var(--swiper-navigation-sides-offset, 10px);
right: auto;
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
.swiper-button-lock {
display: none;
}
/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
@ -267,12 +371,6 @@
line-height: 1;
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: "prev";
@ -280,7 +378,7 @@
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
right: var(--swiper-navigation-sides-offset, 10px);
left: auto;
}
@ -289,16 +387,21 @@
content: "next";
}
.swiper-button-lock {
display: none;
}
/* Navigation font end */
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-left: auto;
--swiper-pagination-right: 8px;
--swiper-pagination-bottom: 8px;
--swiper-pagination-top: auto;
--swiper-pagination-fraction-color: inherit;
--swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
--swiper-pagination-progressbar-size: 4px;
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-border-radius: 50%;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
@ -329,7 +432,8 @@
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 10px;
bottom: var(--swiper-pagination-bottom, 8px);
top: var(--swiper-pagination-top, auto);
left: 0;
width: 100%;
}
@ -373,7 +477,7 @@
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
@ -402,7 +506,8 @@ button.swiper-pagination-bullet {
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: 10px;
right: var(--swiper-pagination-right, 8px);
left: var(--swiper-pagination-left, auto);
top: 50%;
transform: translate3d(0px, -50%, 0);
}
@ -447,9 +552,14 @@ button.swiper-pagination-bullet {
transition: 200ms transform, 200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
position: absolute;
}
@ -473,7 +583,7 @@ button.swiper-pagination-bullet {
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
height: var(--swiper-pagination-progressbar-size, 4px);
left: 0;
top: 0;
}
@ -482,7 +592,7 @@ button.swiper-pagination-bullet {
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: 4px;
width: var(--swiper-pagination-progressbar-size, 4px);
height: 100%;
left: 0;
top: 0;
@ -492,12 +602,25 @@ button.swiper-pagination-bullet {
display: none;
}
/* Scrollbar */
:root {
/*
--swiper-scrollbar-border-radius: 10px;
--swiper-scrollbar-top: auto;
--swiper-scrollbar-bottom: 4px;
--swiper-scrollbar-left: auto;
--swiper-scrollbar-right: 4px;
--swiper-scrollbar-sides-offset: 1%;
--swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
--swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
--swiper-scrollbar-size: 4px;
*/
}
.swiper-scrollbar {
border-radius: 10px;
border-radius: var(--swiper-scrollbar-border-radius, 10px);
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
touch-action: none;
background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
@ -508,29 +631,31 @@ button.swiper-pagination-bullet {
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
position: absolute;
left: 1%;
bottom: 3px;
left: var(--swiper-scrollbar-sides-offset, 1%);
bottom: var(--swiper-scrollbar-bottom, 4px);
top: var(--swiper-scrollbar-top, auto);
z-index: 50;
height: 5px;
width: 98%;
height: var(--swiper-scrollbar-size, 4px);
width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
position: absolute;
right: 3px;
top: 1%;
left: var(--swiper-scrollbar-left, auto);
right: var(--swiper-scrollbar-right, 4px);
top: var(--swiper-scrollbar-sides-offset, 1%);
z-index: 50;
width: 5px;
height: 98%;
width: var(--swiper-scrollbar-size, 4px);
height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
border-radius: var(--swiper-scrollbar-border-radius, 10px);
left: 0;
top: 0;
}
@ -543,6 +668,7 @@ button.swiper-pagination-bullet {
display: none;
}
/* Zoom container styles start */
.swiper-zoom-container {
width: 100%;
height: 100%;
@ -560,54 +686,12 @@ button.swiper-pagination-bullet {
object-fit: contain;
}
/* Zoom container styles end */
.swiper-slide-zoomed {
cursor: move;
touch-action: none;
}
/* Preloader */
:root {
/*
--swiper-preloader-color: var(--swiper-theme-color);
*/
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* a11y */
.swiper .swiper-notification {
position: absolute;
@ -645,7 +729,10 @@ button.swiper-pagination-bullet {
pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active {
pointer-events: auto;
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
@ -680,21 +767,11 @@ button.swiper-pagination-bullet {
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
.swiper-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
@ -716,6 +793,22 @@ button.swiper-pagination-bullet {
filter: blur(50px);
}
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* Cube slide shadows end */
.swiper-flip {
overflow: visible;
}
@ -736,15 +829,17 @@ button.swiper-pagination-bullet {
pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
/* Flip slide shadows end */
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
@ -783,7 +878,7 @@ button.swiper-pagination-bullet {
.swiper-button-prev::after,
.swiper-button-next::after {
font-size: 1.2rem;
font-weight: 900;
font-weight: 500;
}
.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
@ -797,7 +892,7 @@ button.swiper-pagination-bullet {
.swiper-button-prev.custom-icon::after,
.swiper-button-next.custom-icon::after {
font-size: 1.2rem;
font-weight: 900;
font-weight: 500;
}
[dir=rtl] .swiper-button-prev.custom-icon,
[dir=rtl] .swiper-button-next.custom-icon {

File diff suppressed because one or more lines are too long

@ -1,113 +1,9 @@
@charset "UTF-8";
/* Suggestions items */
.tagify__dropdown.users-list {
font-size: 1rem;
}
.tagify__dropdown.users-list .tagify__dropdown__item {
padding: 0.5em 0.7em;
display: grid;
grid-template-columns: auto 1fr;
gap: 0 1em;
grid-template-areas: "avatar name" "avatar email";
}
.tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
grid-area: avatar;
width: 36px;
height: 36px;
border-radius: 50%;
overflow: hidden;
transition: 0.1s ease-out;
}
.tagify__dropdown.users-list img {
width: 100%;
vertical-align: top;
}
.tagify__dropdown.users-list strong {
grid-area: name;
width: 100%;
align-self: center;
font-weight: 500;
}
.tagify__dropdown.users-list span {
grid-area: email;
width: 100%;
font-size: 0.9em;
opacity: 0.6;
}
/* Tags items */
.tagify__tag {
white-space: nowrap;
}
.tagify__tag .tagify__tag__avatar-wrap {
width: 22px;
height: 22px;
white-space: normal;
border-radius: 50%;
margin-right: 5px;
transition: 0.12s ease-out;
vertical-align: middle;
}
.tagify__tag img {
width: 100%;
vertical-align: top;
}
[dir=rtl] .tagify__tag .tagify__tag__avatar-wrap {
margin-left: 5px;
margin-right: auto;
}
.light-style .tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
background: #f5f5f9;
}
.light-style .tagify__tag .tagify__tag__avatar-wrap {
background: #f5f5f9;
}
.light-style .tagify__dropdown.users-list .addAll {
border-bottom: 1px solid #d9dee3;
}
.dark-style .tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
background: #232333;
}
.dark-style .tagify__tag .tagify__tag__avatar-wrap {
background: #232333;
}
.dark-style .tagify__dropdown.users-list .addAll {
border-bottom: 1px solid #444564;
}
.tags-inline .tagify__dropdown__wrapper {
padding: 0 0.375rem 0.375rem 0.375rem;
}
.tags-inline .tagify__dropdown__item {
display: inline-block;
border-radius: 3px;
padding: 0.3em 0.5em;
margin: 0.375rem 0.375rem 0 0;
font-size: 0.85em;
transition: 0s;
}
[dir=rtl] .tags-inline .tagify__dropdown__item {
margin: 0.375rem 0 0 0.375rem;
}
.light-style .tags-inline .tagify__dropdown__item {
border: 1px solid #d9dee3;
color: #697a8d;
}
.dark-style .tags-inline .tagify__dropdown__item {
border: 1px solid #444564;
color: #a3a4cc;
}
:root {
--tagify-dd-color-primary: rgb(53,149,246);
--tagify-dd-bg-color: white;
--tagify-dd-item-pad: .3em .5em;
--tagify-dd-max-height: 300px;
}
.tagify {
@ -116,22 +12,22 @@
--tags-hover-border-color: #CCC;
--tags-focus-border-color: #3595f6;
--tag-border-radius: 3px;
--tag-bg: #E5E5E5;
--tag-bg: rgba(167, 172, 178, 0.5);
--tag-hover: #D3E2E2;
--tag-text-color: black;
--tag-text-color--edit: black;
--tag-pad: 0.3em 0.5em;
--tag-inset-shadow-size: 1.1em;
--tag-inset-shadow-size: 2em;
--tag-invalid-color: #ff3e1d;
--tag-invalid-bg: rgba(255, 62, 29, 0.5);
--tag--min-width: 1ch;
--tag--max-width: auto;
--tag-hide-transition: 0.3s;
--tag-remove-bg: rgba(255, 62, 29, 0.3);
--tag-remove-btn-color: black;
--tag-remove-btn-color: #7a838b;
--tag-remove-btn-bg: none;
--tag-remove-btn-bg--hover: #ff2804;
--input-color: inherit;
--tag--min-width: 1ch;
--tag--max-width: auto;
--tag-hide-transition: 0.3s;
--placeholder-color: rgba(0, 0, 0, 0.4);
--placeholder-color-focus: rgba(0, 0, 0, 0.25);
--loader-size: .8em;
@ -228,7 +124,9 @@
.tagify__tag {
display: inline-flex;
align-items: center;
margin: 5px 0 5px 5px;
max-width: calc(var(--tag--max-width) - 10px);
margin-inline: 5px 0;
margin-block: 5px;
position: relative;
z-index: 1;
outline: none;
@ -370,8 +268,7 @@
color: var(--tag-remove-btn-color);
width: 14px;
height: 14px;
margin-right: 4.6666666667px;
margin-left: auto;
margin-inline: auto 4.6666666667px;
overflow: hidden;
transition: 0.2s ease-out;
}
@ -545,9 +442,13 @@
.tagify__dropdown {
position: absolute;
z-index: 9999;
transform: translateY(1px);
transform: translateY(-1px);
border-top: 1px solid var(--tagify-dd-color-primary);
overflow: hidden;
}
.tagify__dropdown[dir=rtl] {
transform: translate(-100%, -1px);
}
.tagify__dropdown[placement=top] {
margin-top: 0;
transform: translateY(-100%);
@ -564,8 +465,8 @@
border-width: 1px;
}
.tagify__dropdown__wrapper {
max-height: 300px;
overflow: auto;
max-height: var(--tagify-dd-max-height);
overflow: hidden;
overflow-x: hidden;
background: var(--tagify-dd-bg-color);
border: 1px solid;
@ -573,7 +474,13 @@
border-bottom-width: 1.5px;
border-top-width: 0;
box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
transition: 0.25s cubic-bezier(0, 1, 0.5, 1);
transition: 0.3s cubic-bezier(0.5, 0, 0.3, 1), transform 0.15s;
animation: dd-wrapper-show 0s 0.3s forwards;
}
@keyframes dd-wrapper-show {
to {
overflow-y: auto;
}
}
.tagify__dropdown__header:empty {
display: none;
@ -600,6 +507,7 @@
box-sizing: border-box;
padding: var(--tagify-dd-item-pad);
margin: 1px;
white-space: pre-wrap;
cursor: pointer;
border-radius: 2px;
position: relative;
@ -630,120 +538,112 @@
transition: inherit;
}
.tagify.form-control {
padding: 0 0.375rem 0.375rem 0.375rem;
}
.tagify__tag, .tagify__input {
margin: 0.375rem 0.375rem 0 0 !important;
line-height: 1;
}
.tagify__input {
line-height: 1.5rem;
}
.tagify__input:empty::before {
top: 4px;
/* Suggestions items */
.tagify__dropdown.users-list {
font-size: 1rem;
}
.tagify__tag > div {
line-height: 1.5rem;
padding: 0 0 0 0.375rem;
.tagify__dropdown.users-list .addAll {
display: block !important;
}
.tagify__tag > div .tagify__tag-text {
font-size: 0.8125rem;
.tagify__dropdown.users-list .tagify__dropdown__item {
padding: 0.5em 0.7em;
display: grid;
grid-template-columns: auto 1fr;
gap: 0 1em;
grid-template-areas: "avatar name" "avatar email";
}
.tagify__tag__removeBtn {
margin-right: 0.375rem;
margin-left: 0.1875rem;
color: #697a8d;
.tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
grid-area: avatar;
width: 36px;
height: 36px;
border-radius: 50%;
overflow: hidden;
transition: 0.1s ease-out;
}
.tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
.tagify__dropdown.users-list img {
width: 100%;
vertical-align: top;
}
.tagify[readonly]:not(.tagify--mix) .tagify__tag > div {
padding: 0 0.375rem 0 0.375rem !important;
.tagify__dropdown.users-list strong {
grid-area: name;
width: 100%;
align-self: center;
font-weight: 500;
}
.tagify__input {
padding: 0;
.tagify__dropdown.users-list span {
grid-area: email;
width: 100%;
font-size: 0.9em;
opacity: 0.6;
}
[dir=rtl] .tagify__tag, [dir=rtl] .tagify__input {
margin: 0.375rem 0 0 0.375rem;
/* Tags items */
.tagify__tag {
white-space: nowrap;
}
[dir=rtl] .tagify__tag > div {
padding: 0 0.375rem 0 0;
.tagify__tag .tagify__tag__avatar-wrap {
width: 22px;
height: 22px;
white-space: normal;
border-radius: 50%;
margin-right: 5px;
transition: 0.12s ease-out;
vertical-align: middle;
}
[dir=rtl] .tagify__tag__removeBtn {
margin-left: 0.375rem;
margin-right: 0.1875rem;
.tagify__tag img {
width: 100%;
vertical-align: top;
}
.light-style .tagify__tag > div::before {
box-shadow: 0 0 0 1.1em #f0f2f4 inset;
}
.light-style .tagify__tag .tagify__tag-text {
color: #697a8d;
}
.light-style .tagify__tag:hover:not([readonly]) div::before, .light-style .tagify__tag:focus div::before {
box-shadow: 0 0 0 1.1em #e1e4e8 inset;
}
.light-style .tagify:hover:not([readonly]) {
border-color: #d9dee3;
}
.light-style .tagify__input::before {
color: #b4bdc6 !important;
}
.light-style .tagify__dropdown {
box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);
}
.light-style .tagify__dropdown__wrapper {
background: #fff;
border: none;
}
.light-style .tagify--focus {
border-color: #d9dee3 !important;
}
.light-style .tagify__dropdown__item--active {
background: rgba(67, 89, 113, 0.04) !important;
color: #697a8d;
[dir=rtl] .tagify__tag .tagify__tag__avatar-wrap {
margin-left: 5px;
margin-right: auto;
}
.dark-style .tagify__tag > div::before {
box-shadow: 0 0 0 1.1em rgba(124, 125, 182, 0.08) inset;
.light-style .tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
background: #f5f5f9;
}
.dark-style .tagify__tag > div .tagify__tag-text {
color: #a3a4cc;
.light-style .tagify__tag .tagify__tag__avatar-wrap {
background: #f5f5f9;
}
.dark-style .tagify__tag:hover:not([readonly]) div::before, .dark-style .tagify__tag:focus div::before {
box-shadow: 0 0 0 1.1em rgba(124, 125, 182, 0.16) inset;
.light-style .tagify__dropdown.users-list .addAll {
border-bottom: 1px solid #e4e6e8;
}
.dark-style .tagify__tag__removeBtn {
color: #a3a4cc;
.dark-style .tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap {
background: #232333;
}
.dark-style .tagify:hover:not([readonly]) {
border-color: #444564;
.dark-style .tagify__tag .tagify__tag__avatar-wrap {
background: #232333;
}
.dark-style .tagify__input::before {
color: #7c7db6 !important;
.dark-style .tagify__dropdown.users-list .addAll {
border-bottom: 1px solid #4e4f6c;
}
.dark-style .tagify[readonly]:not(.tagify--mix) .tagify__tag > div::before {
background: linear-gradient(45deg, #444564 25%, transparent 25%, transparent 50%, #444564 50%, #444564 75%, transparent 75%, transparent) 0/5px 5px;
box-shadow: 0 0 0 1.1em rgba(124, 125, 182, 0.16) inset;
.tags-inline .tagify__dropdown__wrapper {
padding: 0 0.4375rem 0.4375rem 0.4375rem;
}
.dark-style .tagify__dropdown {
box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
.tags-inline .tagify__dropdown__item {
display: inline-block;
border-radius: 3px;
padding: 0.3em 0.5em;
margin: 0.4375rem 0.4375rem 0 0;
font-size: 0.85em;
transition: 0s;
}
.dark-style .tagify__dropdown__wrapper {
background: #323249;
border: none;
[dir=rtl] .tags-inline .tagify__dropdown__item {
margin: 0.4375rem 0 0 0.4375rem;
}
.dark-style .tagify--focus {
border-color: #444564 !important;
.light-style .tags-inline .tagify__dropdown__item {
border: 1px solid #e4e6e8;
color: #646e78;
}
.dark-style .tagify__dropdown__item--active {
background: rgba(124, 125, 182, 0.1) !important;
color: #a3a4cc;
.dark-style .tags-inline .tagify__dropdown__item {
border: 1px solid #4e4f6c;
color: #b2b2c4;
}
.tagify-email-list {
@ -752,12 +652,29 @@
border: none;
/* Do not show the "remove tag" (x) button when only a single tag remains */
}
.tagify-email-list.tagify {
padding: 0 !important;
padding-bottom: calc(0.4375rem - var(--bs-border-width)) !important;
}
.tagify-email-list.tagify {
padding: 0 !important;
padding-bottom: calc(0.4375rem - var(--bs-border-width)) !important;
}
.tagify-email-list.tagify.tagify--focus {
padding-left: 0 !important;
}
.tagify-email-list .tagify__tag {
margin: 0;
margin: 0 0 0.375rem 0.375rem;
margin-inline-start: 0 !important;
margin-inline-end: 0.625rem !important;
margin-bottom: 0.4375rem !important;
}
.tagify-email-list .tagify__tag > div {
padding: 0.1875rem 0.75rem;
padding: 0.21875rem 0.4375rem !important;
padding-inline: 0.875rem !important;
}
.tagify-email-list .tagify__tag:only-of-type > div {
padding-inline: 0.4375rem !important;
}
.tagify-email-list .tagify__tag:only-of-type .tagify__tag__removeBtn {
display: none;
@ -767,6 +684,8 @@
transform: translateX(-6px) scale(0.5);
margin-left: -3ch;
transition: 0.12s;
position: absolute;
inset-inline-end: 0;
}
.tagify-email-list .tagify__tag:hover .tagify__tag__removeBtn {
transform: none;
@ -778,11 +697,11 @@
}
.tagify__tag > div {
border-radius: 0.1875rem;
border-radius: 50rem;
}
[dir=rtl] .tagify-email-list .tagify__tag {
margin: 0 0.375rem 0.375rem 0;
margin: 0 0.4375rem 0.4375rem 0;
}
[dir=rtl] .tagify-email-list .tagify__tag:hover .tagify__tag__removeBtn {
margin-left: auto;
@ -795,9 +714,165 @@
}
.light-style .tagify-email-list .tagify__tag--editable:not(.tagify--invalid) > div::before {
box-shadow: 0 0 0 2px #d9dee3 inset !important;
box-shadow: 0 0 0 2px #e4e6e8 inset !important;
}
.dark-style .tagify-email-list .tagify__tag--editable:not(.tagify--invalid) > div::before {
box-shadow: 0 0 0 2px #444564 inset !important;
box-shadow: 0 0 0 2px #4e4f6c inset !important;
}
.tagify.form-control {
transition: none;
display: flex;
align-items: flex-end;
padding: calc(2px - var(--bs-border-width)) 0.4375rem 0.4231rem !important;
}
.fv-plugins-bootstrap5-row-invalid .tagify.form-control {
padding: 0 calc(0.4375rem - var(--bs-border-width)) calc(0.4375rem - 2px) !important;
}
.tagify.tagify--focus, .tagify.form-control:focus {
padding: 0 calc(0.4375rem - var(--bs-border-width)) 0.3606rem !important;
border-width: 2px;
}
.tagify__tag, .tagify__input {
margin: 0.1875rem 0.625rem 0 0 !important;
line-height: 1;
}
.tagify__input {
line-height: 1.5rem;
}
.tagify__input:empty::before {
top: 4px;
}
.tagify__tag > div {
line-height: 1.5rem;
padding: 0 0 0 0.4375rem;
}
.tagify__tag__removeBtn {
margin-right: 0.1375rem;
margin-left: 0.21875rem;
font-family: "boxicons";
font-size: 1rem;
opacity: 0.7;
}
.tagify__tag__removeBtn:hover {
background: none;
color: #ff2804 !important;
}
.tagify__tag__removeBtn::after {
content: "\ef06";
}
.tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before {
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
}
.tagify__dropdown {
transform: translateY(0);
}
.tagify[readonly]:not(.tagify--mix) .tagify__tag > div {
padding: 0 0.4375rem 0 0.4375rem !important;
}
.tagify__input {
padding: 0;
}
.tagify__tag-text {
font-size: 0.8125rem;
font-weight: 500;
}
.tagify.form-control {
padding-top: 0.1412rem !important;
}
.tagify.tagify--focus, .tagify.form-control:focus {
padding-top: calc(0.1412rem - 1px) !important;
}
.tagify__tag__removeBtn {
margin-inline-end: 0.3rem;
}
[dir=rtl] .tagify__tag, [dir=rtl] .tagify__input {
margin: 0.4375rem 0 0 0.4375rem;
}
[dir=rtl] .tagify + input,
[dir=rtl] .tagify + textarea {
left: 0;
right: -9999em !important;
}
[dir=rtl] .tagify__tag > div {
padding: 0 0.6875rem 0 0;
}
[dir=rtl] .tagify__tag__removeBtn {
margin-left: 0.4375rem;
margin-right: 0.21875rem;
}
.light-style .tagify__tag > div::before {
box-shadow: 0 0 0 1.3em rgba(34, 48, 62, 0.08) inset;
}
.light-style .tagify__tag .tagify__tag-text {
color: #384551;
}
.light-style .tagify__tag:hover:not([readonly]) div::before, .light-style .tagify__tag:focus div::before {
box-shadow: 0 0 0 1.3em rgba(34, 48, 62, 0.12) inset;
}
.light-style .tagify__tag__removeBtn {
color: #7a838b;
}
.light-style .tagify__tag__removeBtn:hover + div::before {
background: rgba(255, 62, 29, 0.3);
}
.light-style .tagify:hover:not([readonly]) {
border-color: #ced1d5;
}
.light-style .tagify__input::before {
color: #a7acb2 !important;
}
.light-style .tagify__dropdown {
box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14);
border-top-color: #e4e6e8;
}
.light-style .tagify__dropdown__wrapper {
background: #fff;
border-color: #e4e6e8;
}
.dark-style .tagify__tag > div::before {
box-shadow: 0 0 0 1.3em rgba(230, 230, 241, 0.08) inset;
}
.dark-style .tagify__tag > div .tagify__tag-text {
color: #d5d5e2;
}
.dark-style .tagify__tag:hover:not([readonly]) div::before, .dark-style .tagify__tag:focus div::before {
box-shadow: 0 0 0 1.3em rgba(230, 230, 241, 0.12) inset;
}
.dark-style .tagify__tag__removeBtn {
color: #a1a1b5;
}
.dark-style .tagify__tag__removeBtn:hover + div::before {
background: rgba(255, 62, 29, 0.3);
}
.dark-style .tagify:hover:not([readonly]) {
border-color: #5f607b;
}
.dark-style .tagify__input::before {
color: #7e7f96 !important;
}
.dark-style .tagify[readonly]:not(.tagify--mix) .tagify__tag > div::before {
background: linear-gradient(45deg, #5f607b 25%, transparent 25%, transparent 50%, #5f607b 50%, #5f607b 75%, transparent 75%, transparent) 0/5px 5px;
}
.dark-style .tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before {
animation: none;
box-shadow: none;
}
.dark-style .tagify__dropdown {
box-shadow: 0 0.25rem 0.75rem 0 rgba(20, 20, 29, 0.24);
border-top-color: #4e4f6c;
}
.dark-style .tagify__dropdown__wrapper {
box-shadow: 0 0.25rem 0.75rem 0 rgba(20, 20, 29, 0.24);
background: #2b2c40;
border-color: #4e4f6c;
}

File diff suppressed because one or more lines are too long

@ -357,12 +357,12 @@ html:not([dir=rtl]) .toast-close-button {
}
.light-style #toast-container .toast-close-button {
font-weight: 300;
color: #a1acb8 !important;
color: #a7acb2 !important;
background-color: #fff;
box-shadow: 0 0.125rem 0.25rem rgba(161, 172, 184, 0.4);
box-shadow: 0 0.125rem 0.375rem 0 rgba(34, 48, 62, 0.08);
}
.light-style #toast-container > div {
box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45) !important;
box-shadow: 0 0.1875rem 0.5rem 0 rgba(34, 48, 62, 0.1) !important;
border-radius: 0.375rem;
}
.light-style #toast-container > .toast-success,
@ -401,12 +401,12 @@ html:not([dir=rtl]) .toast-close-button {
}
.dark-style #toast-container .toast-close-button {
font-weight: 300;
color: #7071a4 !important;
color: #7e7f96 !important;
background-color: #2b2c40;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
box-shadow: 0 0.125rem 0.375rem 0 rgba(20, 20, 29, 0.2);
}
.dark-style #toast-container > div {
box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 0.1875rem 0.5rem 0 rgba(20, 20, 29, 0.22) !important;
border-radius: 0.375rem;
}
.dark-style #toast-container > .toast-success,

File diff suppressed because one or more lines are too long

@ -30,6 +30,9 @@
.twitter-typeahead .tt-menu .tt-suggestion p {
margin: 0;
}
.twitter-typeahead .tt-menu .tt-suggestion .tt-highlight {
font-weight: 500;
}
.twitter-typeahead .tt-hint {
color: #999;
}
@ -38,51 +41,61 @@
}
.light-style .twitter-typeahead .tt-menu {
min-width: 12rem;
padding: 0.3125rem 0;
min-width: 10rem;
padding: 0.5rem 0;
font-size: 0.9375rem;
z-index: 1000;
margin: 0.125rem 0;
color: #697a8d;
box-shadow: 0 0.25rem 1rem rgba(161, 172, 184, 0.45);
margin: 0.25rem 0;
color: #646e78;
box-shadow: 0 0.25rem 0.75rem 0 rgba(34, 48, 62, 0.14);
background-color: #fff;
border-radius: 0.375rem;
}
.light-style .twitter-typeahead .tt-hint {
color: #b4bdc6;
color: #a7acb2;
}
.light-style .twitter-typeahead .tt-suggestion {
font-weight: 400;
color: #697a8d;
padding: 0.532rem 1.25rem;
color: #384551;
padding: 0.543rem 1.25rem;
}
.light-style .twitter-typeahead .tt-suggestion:hover, .light-style .twitter-typeahead .tt-suggestion:focus {
text-decoration: none;
color: #5f6e7f;
background-color: rgba(67, 89, 113, 0.04);
color: #384551;
background-color: rgba(34, 48, 62, 0.06);
}
.light-style .tt-menu .suggestion:hover, .light-style .tt-menu .suggestion:focus {
text-decoration: none;
color: #384551;
background-color: rgba(34, 48, 62, 0.06);
}
.dark-style .twitter-typeahead .tt-menu {
color: #a3a4cc;
min-width: 12rem;
padding: 0.3125rem 0;
margin: 0.125rem 0;
box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
color: #b2b2c4;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.25rem 0;
box-shadow: 0 0.25rem 0.75rem 0 rgba(20, 20, 29, 0.24);
font-size: 0.9375rem;
background-color: #323249;
background-color: #2b2c40;
z-index: 1000;
border-radius: 0.375rem;
}
.dark-style .twitter-typeahead .tt-menu .tt-suggestion {
font-weight: 400;
color: #a3a4cc;
padding: 0.532rem 1.25rem;
color: #d5d5e2;
padding: 0.543rem 1.25rem;
}
.dark-style .twitter-typeahead .tt-menu .tt-suggestion:hover, .dark-style .twitter-typeahead .tt-menu .tt-suggestion:focus {
text-decoration: none;
color: #9394b8;
background-color: rgba(124, 125, 182, 0.1);
color: #d5d5e2;
background-color: rgba(230, 230, 241, 0.06);
}
.dark-style .twitter-typeahead .tt-hint {
color: #7c7db6;
color: #7e7f96;
}
.dark-style .tt-menu .suggestion:hover, .dark-style .tt-menu .suggestion:focus {
text-decoration: none;
color: #d5d5e2;
background-color: rgba(230, 230, 241, 0.06);
}

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save