:root {
--blue: #007bff;
--indigo: #6610f2;
--purple: #6f42c1;
--pink: #e83e8c;
--red: #dc3545;
--orange: #fd7e14;
--yellow: #ffc107;
--green: #28a745;
--teal: #20c997;
--cyan: #17a2b8;
--white: #fff;
--gray: #6c757d;
--gray-dark: #343a40;
--primary: #007bff;
--secondary: #6c757d;
--success: #28a745;
--info: #17a2b8;
--warning: #ffc107;
--danger: #dc3545;
--light: #f8f9fa;
--dark: #343a40;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}
*,
::after,
::before {
box-sizing: border-box
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
display: block
}
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0!important
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: .5rem
}
p {
margin-top: 0;
margin-bottom: 1rem
}
abbr[data-original-title],
abbr[title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit
}
dl,
ol,
ul {
margin-top: 0;
margin-bottom: 1rem
}
ol ol,
ol ul,
ul ol,
ul ul {
margin-bottom: 0
}
dt {
font-weight: 700
}
dd {
margin-bottom: .5rem;
margin-left: 0
}
blockquote {
margin: 0 0 1rem
}
b,
strong {
font-weight: bolder
}
small {
font-size: 80%
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline
}
sub {
bottom: -.25em
}
sup {
top: -.5em
}
a {
color: #007bff;
text-decoration: none;
background-color: transparent
}
a:hover {
color: #0056b3;
text-decoration: underline
}
a:not([href]):not([class]) {
color: inherit;
text-decoration: none
}
a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none
}
code,
kbd,
pre,
samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar
}
figure {
margin: 0 0 1rem
}
img {
vertical-align: middle;
border-style: none
}
svg {
overflow: hidden;
vertical-align: middle
}
table {
border-collapse: collapse
}
caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #6c757d;
text-align: left;
caption-side: bottom
}
th {
text-align: inherit
}
label {
display: inline-block;
margin-bottom: .5rem
}
button {
border-radius: 0
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
[role=button] {
cursor: pointer
}
select {
word-wrap: normal
}
[type=button],
[type=reset],
[type=submit],
button {
-webkit-appearance: button
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
cursor: pointer
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
padding: 0;
border-style: none
}
input[type=checkbox],
input[type=radio] {
box-sizing: border-box;
padding: 0
}
textarea {
overflow: auto;
resize: vertical
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal
}
progress {
vertical-align: baseline
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button
}
output {
display: inline-block
}
summary {
display: list-item;
cursor: pointer
}
template {
display: none
}
[hidden] {
display: none!important
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: .5rem;
font-weight: 500;
line-height: 1.2
}
.h1,
h1 {
font-size: 2.5rem
}
.h2,
h2 {
font-size: 2rem
}
.h3,
h3 {
font-size: 1.75rem
}
.h4,
h4 {
font-size: 1.5rem
}
.h5,
h5 {
font-size: 1.25rem
}
.h6,
h6 {
font-size: 1rem
}
.lead {
font-size: 1.25rem;
font-weight: 300
}
.display-1 {
font-size: 6rem;
font-weight: 300;
line-height: 1.2
}
.display-2 {
font-size: 5.5rem;
font-weight: 300;
line-height: 1.2
}
.display-3 {
font-size: 4.5rem;
font-weight: 300;
line-height: 1.2
}
.display-4 {
font-size: 3.5rem;
font-weight: 300;
line-height: 1.2
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, .1)
}
.small,
small {
font-size: 80%;
font-weight: 400
}
.mark,
mark {
padding: .2em;
background-color: #fcf8e3
}
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
padding-left: 0;
list-style: none
}
.list-inline-item {
display: inline-block
}
.list-inline-item:not(:last-child) {
margin-right: .5rem
}
.initialism {
font-size: 90%;
text-transform: uppercase
}
.blockquote {
margin-bottom: 1rem;
font-size: 1.25rem
}
.blockquote-footer {
display: block;
font-size: 80%;
color: #6c757d
}
.blockquote-footer::before {
content: "\2014\00A0"
}
.img-fluid {
max-width: 100%;
height: auto
}
.img-thumbnail {
padding: .25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: .25rem;
max-width: 100%;
height: auto
}
.figure {
display: inline-block
}
.figure-img {
margin-bottom: .5rem;
line-height: 1
}
.figure-caption {
font-size: 90%;
color: #6c757d
}
code {
font-size: 87.5%;
color: #e83e8c;
word-wrap: break-word
}
a>code {
color: inherit
}
kbd {
padding: .2rem .4rem;
font-size: 87.5%;
color: #fff;
background-color: #212529;
border-radius: .2rem
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 700
}
pre {
display: block;
font-size: 87.5%;
color: #212529
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
@media (min-width:576px) {
.container,
.container-sm {
max-width: 540px
}
}
@media (min-width:768px) {
.container,
.container-md,
.container-sm {
max-width: 720px
}
}
@media (min-width:992px) {
.container,
.container-lg,
.container-md,
.container-sm {
max-width: 960px
}
}
@media (min-width:1200px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 1140px
}
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
padding-right: 0;
padding-left: 0
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-first {
-ms-flex-order: -1;
order: -1
}
.order-last {
-ms-flex-order: 13;
order: 13
}
.order-0 {
-ms-flex-order: 0;
order: 0
}
.order-1 {
-ms-flex-order: 1;
order: 1
}
.order-2 {
-ms-flex-order: 2;
order: 2
}
.order-3 {
-ms-flex-order: 3;
order: 3
}
.order-4 {
-ms-flex-order: 4;
order: 4
}
.order-5 {
-ms-flex-order: 5;
order: 5
}
.order-6 {
-ms-flex-order: 6;
order: 6
}
.order-7 {
-ms-flex-order: 7;
order: 7
}
.order-8 {
-ms-flex-order: 8;
order: 8
}
.order-9 {
-ms-flex-order: 9;
order: 9
}
.order-10 {
-ms-flex-order: 10;
order: 10
}
.order-11 {
-ms-flex-order: 11;
order: 11
}
.order-12 {
-ms-flex-order: 12;
order: 12
}
.offset-1 {
margin-left: 8.333333%
}
.offset-2 {
margin-left: 16.666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.333333%
}
.offset-5 {
margin-left: 41.666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.333333%
}
.offset-8 {
margin-left: 66.666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.333333%
}
.offset-11 {
margin-left: 91.666667%
}
@media (min-width:576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-sm-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-sm-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-sm-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-sm-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-sm-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-sm-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-sm-first {
-ms-flex-order: -1;
order: -1
}
.order-sm-last {
-ms-flex-order: 13;
order: 13
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12
}
.offset-sm-0 {
margin-left: 0
}
.offset-sm-1 {
margin-left: 8.333333%
}
.offset-sm-2 {
margin-left: 16.666667%
}
.offset-sm-3 {
margin-left: 25%
}
.offset-sm-4 {
margin-left: 33.333333%
}
.offset-sm-5 {
margin-left: 41.666667%
}
.offset-sm-6 {
margin-left: 50%
}
.offset-sm-7 {
margin-left: 58.333333%
}
.offset-sm-8 {
margin-left: 66.666667%
}
.offset-sm-9 {
margin-left: 75%
}
.offset-sm-10 {
margin-left: 83.333333%
}
.offset-sm-11 {
margin-left: 91.666667%
}
}
@media (min-width:768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-md-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-md-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-md-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-md-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-md-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-md-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-md-first {
-ms-flex-order: -1;
order: -1
}
.order-md-last {
-ms-flex-order: 13;
order: 13
}
.order-md-0 {
-ms-flex-order: 0;
order: 0
}
.order-md-1 {
-ms-flex-order: 1;
order: 1
}
.order-md-2 {
-ms-flex-order: 2;
order: 2
}
.order-md-3 {
-ms-flex-order: 3;
order: 3
}
.order-md-4 {
-ms-flex-order: 4;
order: 4
}
.order-md-5 {
-ms-flex-order: 5;
order: 5
}
.order-md-6 {
-ms-flex-order: 6;
order: 6
}
.order-md-7 {
-ms-flex-order: 7;
order: 7
}
.order-md-8 {
-ms-flex-order: 8;
order: 8
}
.order-md-9 {
-ms-flex-order: 9;
order: 9
}
.order-md-10 {
-ms-flex-order: 10;
order: 10
}
.order-md-11 {
-ms-flex-order: 11;
order: 11
}
.order-md-12 {
-ms-flex-order: 12;
order: 12
}
.offset-md-0 {
margin-left: 0
}
.offset-md-1 {
margin-left: 8.333333%
}
.offset-md-2 {
margin-left: 16.666667%
}
.offset-md-3 {
margin-left: 25%
}
.offset-md-4 {
margin-left: 33.333333%
}
.offset-md-5 {
margin-left: 41.666667%
}
.offset-md-6 {
margin-left: 50%
}
.offset-md-7 {
margin-left: 58.333333%
}
.offset-md-8 {
margin-left: 66.666667%
}
.offset-md-9 {
margin-left: 75%
}
.offset-md-10 {
margin-left: 83.333333%
}
.offset-md-11 {
margin-left: 91.666667%
}
}
@media (min-width:992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-lg-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-lg-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-lg-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-lg-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-lg-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-lg-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-lg-first {
-ms-flex-order: -1;
order: -1
}
.order-lg-last {
-ms-flex-order: 13;
order: 13
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12
}
.offset-lg-0 {
margin-left: 0
}
.offset-lg-1 {
margin-left: 8.333333%
}
.offset-lg-2 {
margin-left: 16.666667%
}
.offset-lg-3 {
margin-left: 25%
}
.offset-lg-4 {
margin-left: 33.333333%
}
.offset-lg-5 {
margin-left: 41.666667%
}
.offset-lg-6 {
margin-left: 50%
}
.offset-lg-7 {
margin-left: 58.333333%
}
.offset-lg-8 {
margin-left: 66.666667%
}
.offset-lg-9 {
margin-left: 75%
}
.offset-lg-10 {
margin-left: 83.333333%
}
.offset-lg-11 {
margin-left: 91.666667%
}
}
@media (min-width:1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.row-cols-xl-1>* {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.row-cols-xl-2>* {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.row-cols-xl-3>* {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.row-cols-xl-4>* {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.row-cols-xl-5>* {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.row-cols-xl-6>* {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-xl-first {
-ms-flex-order: -1;
order: -1
}
.order-xl-last {
-ms-flex-order: 13;
order: 13
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12
}
.offset-xl-0 {
margin-left: 0
}
.offset-xl-1 {
margin-left: 8.333333%
}
.offset-xl-2 {
margin-left: 16.666667%
}
.offset-xl-3 {
margin-left: 25%
}
.offset-xl-4 {
margin-left: 33.333333%
}
.offset-xl-5 {
margin-left: 41.666667%
}
.offset-xl-6 {
margin-left: 50%
}
.offset-xl-7 {
margin-left: 58.333333%
}
.offset-xl-8 {
margin-left: 66.666667%
}
.offset-xl-9 {
margin-left: 75%
}
.offset-xl-10 {
margin-left: 83.333333%
}
.offset-xl-11 {
margin-left: 91.666667%
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529
}
.table td,
.table th {
padding: .75rem;
vertical-align: top;
border-top: 1px solid #dee2e6
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6
}
.table tbody+tbody {
border-top: 2px solid #dee2e6
}
.table-sm td,
.table-sm th {
padding: .3rem
}
.table-bordered {
border: 1px solid #dee2e6
}
.table-bordered td,
.table-bordered th {
border: 1px solid #dee2e6
}
.table-bordered thead td,
.table-bordered thead th {
border-bottom-width: 2px
}
.table-borderless tbody+tbody,
.table-borderless td,
.table-borderless th,
.table-borderless thead th {
border: 0
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, .05)
}
.table-hover tbody tr:hover {
color: #212529;
background-color: rgba(0, 0, 0, .075)
}
.table-primary,
.table-primary>td,
.table-primary>th {
background-color: #b8daff
}
.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
border-color: #7abaff
}
.table-hover .table-primary:hover {
background-color: #9fcdff
}
.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
background-color: #9fcdff
}
.table-secondary,
.table-secondary>td,
.table-secondary>th {
background-color: #d6d8db
}
.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
border-color: #b3b7bb
}
.table-hover .table-secondary:hover {
background-color: #c8cbcf
}
.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
background-color: #c8cbcf
}
.table-success,
.table-success>td,
.table-success>th {
background-color: #c3e6cb
}
.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
border-color: #8fd19e
}
.table-hover .table-success:hover {
background-color: #b1dfbb
}
.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
background-color: #b1dfbb
}
.table-info,
.table-info>td,
.table-info>th {
background-color: #bee5eb
}
.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
border-color: #86cfda
}
.table-hover .table-info:hover {
background-color: #abdde5
}
.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
background-color: #abdde5
}
.table-warning,
.table-warning>td,
.table-warning>th {
background-color: #ffeeba
}
.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
border-color: #ffdf7e
}
.table-hover .table-warning:hover {
background-color: #ffe8a1
}
.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
background-color: #ffe8a1
}
.table-danger,
.table-danger>td,
.table-danger>th {
background-color: #f5c6cb
}
.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
border-color: #ed969e
}
.table-hover .table-danger:hover {
background-color: #f1b0b7
}
.table-hover .table-danger:hover>td,
.table-hover .table-danger:hover>th {
background-color: #f1b0b7
}
.table-light,
.table-light>td,
.table-light>th {
background-color: #fdfdfe
}
.table-light tbody+tbody,
.table-light td,
.table-light th,
.table-light thead th {
border-color: #fbfcfc
}
.table-hover .table-light:hover {
background-color: #ececf6
}
.table-hover .table-light:hover>td,
.table-hover .table-light:hover>th {
background-color: #ececf6
}
.table-dark,
.table-dark>td,
.table-dark>th {
background-color: #c6c8ca
}
.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
border-color: #95999c
}
.table-hover .table-dark:hover {
background-color: #b9bbbe
}
.table-hover .table-dark:hover>td,
.table-hover .table-dark:hover>th {
background-color: #b9bbbe
}
.table-active,
.table-active>td,
.table-active>th {
background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover {
background-color: rgba(0, 0, 0, .075)
}
.table-hover .table-active:hover>td,
.table-hover .table-active:hover>th {
background-color: rgba(0, 0, 0, .075)
}
.table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55
}
.table .thead-light th {
color: #495057;
background-color: #e9ecef;
border-color: #dee2e6
}
.table-dark {
color: #fff;
background-color: #343a40
}
.table-dark td,
.table-dark th,
.table-dark thead th {
border-color: #454d55
}
.table-dark.table-bordered {
border: 0
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, .05)
}
.table-dark.table-hover tbody tr:hover {
color: #fff;
background-color: rgba(255, 255, 255, .075)
}
@media (max-width:575.98px) {
.table-responsive-sm {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-sm>.table-bordered {
border: 0
}
}
@media (max-width:767.98px) {
.table-responsive-md {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-md>.table-bordered {
border: 0
}
}
@media (max-width:991.98px) {
.table-responsive-lg {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-lg>.table-bordered {
border: 0
}
}
@media (max-width:1199.98px) {
.table-responsive-xl {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive-xl>.table-bordered {
border: 0
}
}
.table-responsive {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch
}
.table-responsive>.table-bordered {
border: 0
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.form-control {
transition: none
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0
}
.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.form-control::-webkit-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::-moz-placeholder {
color: #6c757d;
opacity: 1
}
.form-control:-ms-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::-ms-input-placeholder {
color: #6c757d;
opacity: 1
}
.form-control::placeholder {
color: #6c757d;
opacity: 1
}
.form-control:disabled,
.form-control[readonly] {
background-color: #e9ecef;
opacity: 1
}
input[type=date].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control,
input[type=time].form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff
}
.form-control-file,
.form-control-range {
display: block;
width: 100%
}
.col-form-label {
padding-top: calc(.375rem + 1px);
padding-bottom: calc(.375rem + 1px);
margin-bottom: 0;
font-size: inherit;
line-height: 1.5
}
.col-form-label-lg {
padding-top: calc(.5rem + 1px);
padding-bottom: calc(.5rem + 1px);
font-size: 1.25rem;
line-height: 1.5
}
.col-form-label-sm {
padding-top: calc(.25rem + 1px);
padding-bottom: calc(.25rem + 1px);
font-size: .875rem;
line-height: 1.5
}
.form-control-plaintext {
display: block;
width: 100%;
padding: .375rem 0;
margin-bottom: 0;
font-size: 1rem;
line-height: 1.5;
color: #212529;
background-color: transparent;
border: solid transparent;
border-width: 1px 0
}
.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
padding-right: 0;
padding-left: 0
}
.form-control-sm {
height: calc(1.5em + .5rem + 2px);
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.form-control-lg {
height: calc(1.5em + 1rem + 2px);
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
select.form-control[multiple],
select.form-control[size] {
height: auto
}
textarea.form-control {
height: auto
}
.form-group {
margin-bottom: 1rem
}
.form-text {
display: block;
margin-top: .25rem
}
.form-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px
}
.form-row>.col,
.form-row>[class*=col-] {
padding-right: 5px;
padding-left: 5px
}
.form-check {
position: relative;
display: block;
padding-left: 1.25rem
}
.form-check-input {
position: absolute;
margin-top: .3rem;
margin-left: -1.25rem
}
.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
color: #6c757d
}
.form-check-label {
margin-bottom: 0
}
.form-check-inline {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
margin-right: .75rem
}
.form-check-inline .form-check-input {
position: static;
margin-top: 0;
margin-right: .3125rem;
margin-left: 0
}
.valid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #28a745
}
.valid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(40, 167, 69, .9);
border-radius: .25rem
}
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
display: block
}
.form-control.is-valid,
.was-validated .form-control:valid {
border-color: #28a745;
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-valid,
.was-validated .custom-select:valid {
border-color: #28a745;
padding-right: calc(.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}
.custom-select.is-valid:focus,
.was-validated .custom-select:valid:focus {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
color: #28a745
}
.form-check-input.is-valid~.valid-feedback,
.form-check-input.is-valid~.valid-tooltip,
.was-validated .form-check-input:valid~.valid-feedback,
.was-validated .form-check-input:valid~.valid-tooltip {
display: block
}
.custom-control-input.is-valid~.custom-control-label,
.was-validated .custom-control-input:valid~.custom-control-label {
color: #28a745
}
.custom-control-input.is-valid~.custom-control-label::before,
.was-validated .custom-control-input:valid~.custom-control-label::before {
border-color: #28a745
}
.custom-control-input.is-valid:checked~.custom-control-label::before,
.was-validated .custom-control-input:valid:checked~.custom-control-label::before {
border-color: #34ce57;
background-color: #34ce57
}
.custom-control-input.is-valid:focus~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus~.custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before {
border-color: #28a745
}
.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-file-input:valid~.custom-file-label {
border-color: #28a745
}
.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
border-color: #28a745;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25)
}
.invalid-feedback {
display: none;
width: 100%;
margin-top: .25rem;
font-size: 80%;
color: #dc3545
}
.invalid-tooltip {
position: absolute;
top: 100%;
left: 0;
z-index: 5;
display: none;
max-width: 100%;
padding: .25rem .5rem;
margin-top: .1rem;
font-size: .875rem;
line-height: 1.5;
color: #fff;
background-color: rgba(220, 53, 69, .9);
border-radius: .25rem
}
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
display: block
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
border-color: #dc3545;
padding-right: calc(1.5em + .75rem);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right calc(.375em + .1875rem) center;
background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
padding-right: calc(1.5em + .75rem);
background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}
.custom-select.is-invalid,
.was-validated .custom-select:invalid {
border-color: #dc3545;
padding-right: calc(.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem)
}
.custom-select.is-invalid:focus,
.was-validated .custom-select:invalid:focus {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
color: #dc3545
}
.form-check-input.is-invalid~.invalid-feedback,
.form-check-input.is-invalid~.invalid-tooltip,
.was-validated .form-check-input:invalid~.invalid-feedback,
.was-validated .form-check-input:invalid~.invalid-tooltip {
display: block
}
.custom-control-input.is-invalid~.custom-control-label,
.was-validated .custom-control-input:invalid~.custom-control-label {
color: #dc3545
}
.custom-control-input.is-invalid~.custom-control-label::before,
.was-validated .custom-control-input:invalid~.custom-control-label::before {
border-color: #dc3545
}
.custom-control-input.is-invalid:checked~.custom-control-label::before,
.was-validated .custom-control-input:invalid:checked~.custom-control-label::before {
border-color: #e4606d;
background-color: #e4606d
}
.custom-control-input.is-invalid:focus~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus~.custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,
.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before {
border-color: #dc3545
}
.custom-file-input.is-invalid~.custom-file-label,
.was-validated .custom-file-input:invalid~.custom-file-label {
border-color: #dc3545
}
.custom-file-input.is-invalid:focus~.custom-file-label,
.was-validated .custom-file-input:invalid:focus~.custom-file-label {
border-color: #dc3545;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .25)
}
.form-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center
}
.form-inline .form-check {
width: 100%
}
@media (min-width:576px) {
.form-inline label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 0
}
.form-inline .form-group {
display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle
}
.form-inline .form-control-plaintext {
display: inline-block
}
.form-inline .custom-select,
.form-inline .input-group {
width: auto
}
.form-inline .form-check {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
padding-left: 0
}
.form-inline .form-check-input {
position: relative;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: 0;
margin-right: .25rem;
margin-left: 0
}
.form-inline .custom-control {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center
}
.form-inline .custom-control-label {
margin-bottom: 0
}
}
.btn {
display: inline-block;
font-weight: 400;
color: #212529;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.btn {
transition: none
}
}
.btn:hover {
color: #212529;
text-decoration: none
}
.btn.focus,
.btn:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.btn.disabled,
.btn:disabled {
opacity: .65
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer
}
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none
}
.btn-primary {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:hover {
color: #fff;
background-color: #0069d9;
border-color: #0062cc
}
.btn-primary.focus,
.btn-primary:focus {
color: #fff;
background-color: #0069d9;
border-color: #0062cc;
box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}
.btn-primary.disabled,
.btn-primary:disabled {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #0062cc;
border-color: #005cbf
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(38, 143, 255, .5)
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62
}
.btn-secondary.focus,
.btn-secondary:focus {
color: #fff;
background-color: #5a6268;
border-color: #545b62;
box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}
.btn-secondary.disabled,
.btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
color: #fff;
background-color: #545b62;
border-color: #4e555b
}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(130, 138, 145, .5)
}
.btn-success {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34
}
.btn-success.focus,
.btn-success:focus {
color: #fff;
background-color: #218838;
border-color: #1e7e34;
box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}
.btn-success.disabled,
.btn-success:disabled {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-success:not(:disabled):not(.disabled).active,
.btn-success:not(:disabled):not(.disabled):active,
.show>.btn-success.dropdown-toggle {
color: #fff;
background-color: #1e7e34;
border-color: #1c7430
}
.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(72, 180, 97, .5)
}
.btn-info {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:hover {
color: #fff;
background-color: #138496;
border-color: #117a8b
}
.btn-info.focus,
.btn-info:focus {
color: #fff;
background-color: #138496;
border-color: #117a8b;
box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}
.btn-info.disabled,
.btn-info:disabled {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
color: #fff;
background-color: #117a8b;
border-color: #10707f
}
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(58, 176, 195, .5)
}
.btn-warning {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:hover {
color: #212529;
background-color: #e0a800;
border-color: #d39e00
}
.btn-warning.focus,
.btn-warning:focus {
color: #212529;
background-color: #e0a800;
border-color: #d39e00;
box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}
.btn-warning.disabled,
.btn-warning:disabled {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
color: #212529;
background-color: #d39e00;
border-color: #c69500
}
.btn-warning:not(:disabled):not(.disabled).active:focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(222, 170, 12, .5)
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130
}
.btn-danger.focus,
.btn-danger:focus {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}
.btn-danger.disabled,
.btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-danger:not(:disabled):not(.disabled).active,
.btn-danger:not(:disabled):not(.disabled):active,
.show>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #bd2130;
border-color: #b21f2d
}
.btn-danger:not(:disabled):not(.disabled).active:focus,
.btn-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(225, 83, 97, .5)
}
.btn-light {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:hover {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5
}
.btn-light.focus,
.btn-light:focus {
color: #212529;
background-color: #e2e6ea;
border-color: #dae0e5;
box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}
.btn-light.disabled,
.btn-light:disabled {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
color: #212529;
background-color: #dae0e5;
border-color: #d3d9df
}
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(216, 217, 219, .5)
}
.btn-dark {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:hover {
color: #fff;
background-color: #23272b;
border-color: #1d2124
}
.btn-dark.focus,
.btn-dark:focus {
color: #fff;
background-color: #23272b;
border-color: #1d2124;
box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}
.btn-dark.disabled,
.btn-dark:disabled {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-dark:not(:disabled):not(.disabled).active,
.btn-dark:not(:disabled):not(.disabled):active,
.show>.btn-dark.dropdown-toggle {
color: #fff;
background-color: #1d2124;
border-color: #171a1d
}
.btn-dark:not(:disabled):not(.disabled).active:focus,
.btn-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(82, 88, 93, .5)
}
.btn-outline-primary {
color: #007bff;
border-color: #007bff
}
.btn-outline-primary:hover {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
color: #007bff;
background-color: transparent
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.btn-outline-secondary {
color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:hover {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary.focus,
.btn-outline-secondary:focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
color: #6c757d;
background-color: transparent
}
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.btn-outline-success {
color: #28a745;
border-color: #28a745
}
.btn-outline-success:hover {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-outline-success.focus,
.btn-outline-success:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-outline-success.disabled,
.btn-outline-success:disabled {
color: #28a745;
background-color: transparent
}
.btn-outline-success:not(:disabled):not(.disabled).active,
.btn-outline-success:not(:disabled):not(.disabled):active,
.show>.btn-outline-success.dropdown-toggle {
color: #fff;
background-color: #28a745;
border-color: #28a745
}
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.btn-outline-info {
color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:hover {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info.focus,
.btn-outline-info:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-outline-info.disabled,
.btn-outline-info:disabled {
color: #17a2b8;
background-color: transparent
}
.btn-outline-info:not(:disabled):not(.disabled).active,
.btn-outline-info:not(:disabled):not(.disabled):active,
.show>.btn-outline-info.dropdown-toggle {
color: #fff;
background-color: #17a2b8;
border-color: #17a2b8
}
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-info.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.btn-outline-warning {
color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:hover {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning.focus,
.btn-outline-warning:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
color: #ffc107;
background-color: transparent
}
.btn-outline-warning:not(:disabled):not(.disabled).active,
.btn-outline-warning:not(:disabled):not(.disabled):active,
.show>.btn-outline-warning.dropdown-toggle {
color: #212529;
background-color: #ffc107;
border-color: #ffc107
}
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-warning.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.btn-outline-danger {
color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:hover {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger.focus,
.btn-outline-danger:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
color: #dc3545;
background-color: transparent
}
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
color: #fff;
background-color: #dc3545;
border-color: #dc3545
}
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-danger.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.btn-outline-light {
color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:hover {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light.focus,
.btn-outline-light:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-outline-light.disabled,
.btn-outline-light:disabled {
color: #f8f9fa;
background-color: transparent
}
.btn-outline-light:not(:disabled):not(.disabled).active,
.btn-outline-light:not(:disabled):not(.disabled):active,
.show>.btn-outline-light.dropdown-toggle {
color: #212529;
background-color: #f8f9fa;
border-color: #f8f9fa
}
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.btn-outline-dark {
color: #343a40;
border-color: #343a40
}
.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark.focus,
.btn-outline-dark:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
color: #343a40;
background-color: transparent
}
.btn-outline-dark:not(:disabled):not(.disabled).active,
.btn-outline-dark:not(:disabled):not(.disabled):active,
.show>.btn-outline-dark.dropdown-toggle {
color: #fff;
background-color: #343a40;
border-color: #343a40
}
.btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-dark.dropdown-toggle:focus {
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.btn-link {
font-weight: 400;
color: #007bff;
text-decoration: none
}
.btn-link:hover {
color: #0056b3;
text-decoration: underline
}
.btn-link.focus,
.btn-link:focus {
text-decoration: underline
}
.btn-link.disabled,
.btn-link:disabled {
color: #6c757d;
pointer-events: none
}
.btn-group-lg>.btn,
.btn-lg {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.btn-group-sm>.btn,
.btn-sm {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.btn-block {
display: block;
width: 100%
}
.btn-block+.btn-block {
margin-top: .5rem
}
input[type=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
width: 100%
}
.fade {
transition: opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
transition: none
}
}
.fade:not(.show) {
opacity: 0
}
.collapse:not(.show) {
display: none
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height .35s ease
}
@media (prefers-reduced-motion:reduce) {
.collapsing {
transition: none
}
}
.dropdown,
.dropleft,
.dropright,
.dropup {
position: relative
}
.dropdown-toggle {
white-space: nowrap
}
.dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent
}
.dropdown-toggle:empty::after {
margin-left: 0
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: .5rem 0;
margin: .125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: .25rem
}
.dropdown-menu-left {
right: auto;
left: 0
}
.dropdown-menu-right {
right: 0;
left: auto
}
@media (min-width:576px) {
.dropdown-menu-sm-left {
right: auto;
left: 0
}
.dropdown-menu-sm-right {
right: 0;
left: auto
}
}
@media (min-width:768px) {
.dropdown-menu-md-left {
right: auto;
left: 0
}
.dropdown-menu-md-right {
right: 0;
left: auto
}
}
@media (min-width:992px) {
.dropdown-menu-lg-left {
right: auto;
left: 0
}
.dropdown-menu-lg-right {
right: 0;
left: auto
}
}
@media (min-width:1200px) {
.dropdown-menu-xl-left {
right: auto;
left: 0
}
.dropdown-menu-xl-right {
right: 0;
left: auto
}
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: .125rem
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: 0;
border-right: .3em solid transparent;
border-bottom: .3em solid;
border-left: .3em solid transparent
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0
}
.dropright .dropdown-menu {
top: 0;
right: auto;
left: 100%;
margin-top: 0;
margin-left: .125rem
}
.dropright .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: 0;
border-bottom: .3em solid transparent;
border-left: .3em solid
}
.dropright .dropdown-toggle:empty::after {
margin-left: 0
}
.dropright .dropdown-toggle::after {
vertical-align: 0
}
.dropleft .dropdown-menu {
top: 0;
right: 100%;
left: auto;
margin-top: 0;
margin-right: .125rem
}
.dropleft .dropdown-toggle::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: ""
}
.dropleft .dropdown-toggle::after {
display: none
}
.dropleft .dropdown-toggle::before {
display: inline-block;
margin-right: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid transparent;
border-right: .3em solid;
border-bottom: .3em solid transparent
}
.dropleft .dropdown-toggle:empty::after {
margin-left: 0
}
.dropleft .dropdown-toggle::before {
vertical-align: 0
}
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
right: auto;
bottom: auto
}
.dropdown-divider {
height: 0;
margin: .5rem 0;
overflow: hidden;
border-top: 1px solid #e9ecef
}
.dropdown-item {
display: block;
width: 100%;
padding: .25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0
}
.dropdown-item:focus,
.dropdown-item:hover {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa
}
.dropdown-item.active,
.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #007bff
}
.dropdown-item.disabled,
.dropdown-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: transparent
}
.dropdown-menu.show {
display: block
}
.dropdown-header {
display: block;
padding: .5rem 1.5rem;
margin-bottom: 0;
font-size: .875rem;
color: #6c757d;
white-space: nowrap
}
.dropdown-item-text {
display: block;
padding: .25rem 1.5rem;
color: #212529
}
.btn-group,
.btn-group-vertical {
position: relative;
display: -ms-inline-flexbox;
display: inline-flex;
vertical-align: middle
}
.btn-group-vertical>.btn,
.btn-group>.btn {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.btn-group-vertical>.btn:hover,
.btn-group>.btn:hover {
z-index: 1
}
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus {
z-index: 1
}
.btn-toolbar {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.btn-toolbar .input-group {
width: auto
}
.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
margin-left: -1px
}
.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.dropdown-toggle-split {
padding-right: .5625rem;
padding-left: .5625rem
}
.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
margin-left: 0
}
.dropleft .dropdown-toggle-split::before {
margin-right: 0
}
.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
padding-right: .375rem;
padding-left: .375rem
}
.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
padding-right: .75rem;
padding-left: .75rem
}
.btn-group-vertical {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: center;
justify-content: center
}
.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
width: 100%
}
.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
margin-top: -1px
}
.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.btn-group-toggle>.btn,
.btn-group-toggle>.btn-group>.btn {
margin-bottom: 0
}
.btn-group-toggle>.btn input[type=checkbox],
.btn-group-toggle>.btn input[type=radio],
.btn-group-toggle>.btn-group>.btn input[type=checkbox],
.btn-group-toggle>.btn-group>.btn input[type=radio] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none
}
.input-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%
}
.input-group>.custom-file,
.input-group>.custom-select,
.input-group>.form-control,
.input-group>.form-control-plaintext {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
min-width: 0;
margin-bottom: 0
}
.input-group>.custom-file+.custom-file,
.input-group>.custom-file+.custom-select,
.input-group>.custom-file+.form-control,
.input-group>.custom-select+.custom-file,
.input-group>.custom-select+.custom-select,
.input-group>.custom-select+.form-control,
.input-group>.form-control+.custom-file,
.input-group>.form-control+.custom-select,
.input-group>.form-control+.form-control,
.input-group>.form-control-plaintext+.custom-file,
.input-group>.form-control-plaintext+.custom-select,
.input-group>.form-control-plaintext+.form-control {
margin-left: -1px
}
.input-group>.custom-file .custom-file-input:focus~.custom-file-label,
.input-group>.custom-select:focus,
.input-group>.form-control:focus {
z-index: 3
}
.input-group>.custom-file .custom-file-input:focus {
z-index: 4
}
.input-group>.custom-select:not(:last-child),
.input-group>.form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.custom-select:not(:first-child),
.input-group>.form-control:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group>.custom-file {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.input-group>.custom-file:not(:last-child) .custom-file-label,
.input-group>.custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.input-group-append,
.input-group-prepend {
display: -ms-flexbox;
display: flex
}
.input-group-append .btn,
.input-group-prepend .btn {
position: relative;
z-index: 2
}
.input-group-append .btn:focus,
.input-group-prepend .btn:focus {
z-index: 3
}
.input-group-append .btn+.btn,
.input-group-append .btn+.input-group-text,
.input-group-append .input-group-text+.btn,
.input-group-append .input-group-text+.input-group-text,
.input-group-prepend .btn+.btn,
.input-group-prepend .btn+.input-group-text,
.input-group-prepend .input-group-text+.btn,
.input-group-prepend .input-group-text+.input-group-text {
margin-left: -1px
}
.input-group-prepend {
margin-right: -1px
}
.input-group-append {
margin-left: -1px
}
.input-group-text {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: .375rem .75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid #ced4da;
border-radius: .25rem
}
.input-group-text input[type=checkbox],
.input-group-text input[type=radio] {
margin-top: 0
}
.input-group-lg>.custom-select,
.input-group-lg>.form-control:not(textarea) {
height: calc(1.5em + 1rem + 2px)
}
.input-group-lg>.custom-select,
.input-group-lg>.form-control,
.input-group-lg>.input-group-append>.btn,
.input-group-lg>.input-group-append>.input-group-text,
.input-group-lg>.input-group-prepend>.btn,
.input-group-lg>.input-group-prepend>.input-group-text {
padding: .5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: .3rem
}
.input-group-sm>.custom-select,
.input-group-sm>.form-control:not(textarea) {
height: calc(1.5em + .5rem + 2px)
}
.input-group-sm>.custom-select,
.input-group-sm>.form-control,
.input-group-sm>.input-group-append>.btn,
.input-group-sm>.input-group-append>.input-group-text,
.input-group-sm>.input-group-prepend>.btn,
.input-group-sm>.input-group-prepend>.input-group-text {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5;
border-radius: .2rem
}
.input-group-lg>.custom-select,
.input-group-sm>.custom-select {
padding-right: 1.75rem
}
.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),
.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),
.input-group>.input-group-append:not(:last-child)>.btn,
.input-group>.input-group-append:not(:last-child)>.input-group-text,
.input-group>.input-group-prepend>.btn,
.input-group>.input-group-prepend>.input-group-text {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.input-group>.input-group-append>.btn,
.input-group>.input-group-append>.input-group-text,
.input-group>.input-group-prepend:first-child>.btn:not(:first-child),
.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),
.input-group>.input-group-prepend:not(:first-child)>.btn,
.input-group>.input-group-prepend:not(:first-child)>.input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.custom-control {
position: relative;
z-index: 1;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem
}
.custom-control-inline {
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 1rem
}
.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0
}
.custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: #007bff;
background-color: #007bff
}
.custom-control-input:focus~.custom-control-label::before {
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-control-input:focus:not(:checked)~.custom-control-label::before {
border-color: #80bdff
}
.custom-control-input:not(:disabled):active~.custom-control-label::before {
color: #fff;
background-color: #b3d7ff;
border-color: #b3d7ff
}
.custom-control-input:disabled~.custom-control-label,
.custom-control-input[disabled]~.custom-control-label {
color: #6c757d
}
.custom-control-input:disabled~.custom-control-label::before,
.custom-control-input[disabled]~.custom-control-label::before {
background-color: #e9ecef
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top
}
.custom-control-label::before {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #fff;
border: #adb5bd solid 1px
}
.custom-control-label::after {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: no-repeat 50%/50% 50%
}
.custom-checkbox .custom-control-label::before {
border-radius: .25rem
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
border-color: #007bff;
background-color: #007bff
}
.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")
}
.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-radio .custom-control-label::before {
border-radius: 50%
}
.custom-radio .custom-control-input:checked~.custom-control-label::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}
.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-switch {
padding-left: 2.25rem
}
.custom-switch .custom-control-label::before {
left: -2.25rem;
width: 1.75rem;
pointer-events: all;
border-radius: .5rem
}
.custom-switch .custom-control-label::after {
top: calc(.25rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
background-color: #adb5bd;
border-radius: .5rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out;
transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: transform .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-transform .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-switch .custom-control-label::after {
transition: none
}
}
.custom-switch .custom-control-input:checked~.custom-control-label::after {
background-color: #fff;
-webkit-transform: translateX(.75rem);
transform: translateX(.75rem)
}
.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before {
background-color: rgba(0, 123, 255, .5)
}
.custom-select {
display: inline-block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem 1.75rem .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
vertical-align: middle;
background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
border: 1px solid #ced4da;
border-radius: .25rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-select:focus {
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-select:focus::-ms-value {
color: #495057;
background-color: #fff
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
height: auto;
padding-right: .75rem;
background-image: none
}
.custom-select:disabled {
color: #6c757d;
background-color: #e9ecef
}
.custom-select::-ms-expand {
display: none
}
.custom-select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057
}
.custom-select-sm {
height: calc(1.5em + .5rem + 2px);
padding-top: .25rem;
padding-bottom: .25rem;
padding-left: .5rem;
font-size: .875rem
}
.custom-select-lg {
height: calc(1.5em + 1rem + 2px);
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 1rem;
font-size: 1.25rem
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin-bottom: 0
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + .75rem + 2px);
margin: 0;
opacity: 0
}
.custom-file-input:focus~.custom-file-label {
border-color: #80bdff;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-file-input:disabled~.custom-file-label,
.custom-file-input[disabled]~.custom-file-label {
background-color: #e9ecef
}
.custom-file-input:lang(en)~.custom-file-label::after {
content: "Browse"
}
.custom-file-input~.custom-file-label[data-browse]::after {
content: attr(data-browse)
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
border: 1px solid #ced4da;
border-radius: .25rem
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.5em + .75rem);
padding: .375rem .75rem;
line-height: 1.5;
color: #495057;
content: "Browse";
background-color: #e9ecef;
border-left: inherit;
border-radius: 0 .25rem .25rem 0
}
.custom-range {
width: 100%;
height: 1.4rem;
padding: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.custom-range:focus {
outline: 0
}
.custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range:focus::-moz-range-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range:focus::-ms-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.custom-range::-moz-focus-outer {
border: 0
}
.custom-range::-webkit-slider-thumb {
width: 1rem;
height: 1rem;
margin-top: -.25rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-webkit-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-webkit-slider-thumb {
-webkit-transition: none;
transition: none
}
}
.custom-range::-webkit-slider-thumb:active {
background-color: #b3d7ff
}
.custom-range::-webkit-slider-runnable-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.custom-range::-moz-range-thumb {
width: 1rem;
height: 1rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
-moz-appearance: none;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-moz-range-thumb {
-moz-transition: none;
transition: none
}
}
.custom-range::-moz-range-thumb:active {
background-color: #b3d7ff
}
.custom-range::-moz-range-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: #dee2e6;
border-color: transparent;
border-radius: 1rem
}
.custom-range::-ms-thumb {
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: .2rem;
margin-left: .2rem;
background-color: #007bff;
border: 0;
border-radius: 1rem;
-ms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
appearance: none
}
@media (prefers-reduced-motion:reduce) {
.custom-range::-ms-thumb {
-ms-transition: none;
transition: none
}
}
.custom-range::-ms-thumb:active {
background-color: #b3d7ff
}
.custom-range::-ms-track {
width: 100%;
height: .5rem;
color: transparent;
cursor: pointer;
background-color: transparent;
border-color: transparent;
border-width: .5rem
}
.custom-range::-ms-fill-lower {
background-color: #dee2e6;
border-radius: 1rem
}
.custom-range::-ms-fill-upper {
margin-right: 15px;
background-color: #dee2e6;
border-radius: 1rem
}
.custom-range:disabled::-webkit-slider-thumb {
background-color: #adb5bd
}
.custom-range:disabled::-webkit-slider-runnable-track {
cursor: default
}
.custom-range:disabled::-moz-range-thumb {
background-color: #adb5bd
}
.custom-range:disabled::-moz-range-track {
cursor: default
}
.custom-range:disabled::-ms-thumb {
background-color: #adb5bd
}
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.custom-control-label::before,
.custom-file-label,
.custom-select {
transition: none
}
}
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.nav-link {
display: block;
padding: .5rem 1rem
}
.nav-link:focus,
.nav-link:hover {
text-decoration: none
}
.nav-link.disabled {
color: #6c757d;
pointer-events: none;
cursor: default
}
.nav-tabs {
border-bottom: 1px solid #dee2e6
}
.nav-tabs .nav-item {
margin-bottom: -1px
}
.nav-tabs .nav-link {
border: 1px solid transparent;
border-top-left-radius: .25rem;
border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
border-color: #e9ecef #e9ecef #dee2e6
}
.nav-tabs .nav-link.disabled {
color: #6c757d;
background-color: transparent;
border-color: transparent
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
color: #495057;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
.nav-pills .nav-link {
border-radius: .25rem
}
.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
color: #fff;
background-color: #007bff
}
.nav-fill .nav-item,
.nav-fill>.nav-link {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center
}
.nav-justified .nav-item,
.nav-justified>.nav-link {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center
}
.tab-content>.tab-pane {
display: none
}
.tab-content>.active {
display: block
}
.navbar {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding: .5rem 1rem
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-lg,
.navbar .container-md,
.navbar .container-sm,
.navbar .container-xl {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between
}
.navbar-brand {
display: inline-block;
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap
}
.navbar-brand:focus,
.navbar-brand:hover {
text-decoration: none
}
.navbar-nav {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0
}
.navbar-nav .dropdown-menu {
position: static;
float: none
}
.navbar-text {
display: inline-block;
padding-top: .5rem;
padding-bottom: .5rem
}
.navbar-collapse {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-align: center;
align-items: center
}
.navbar-toggler {
padding: .25rem .75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: .25rem
}
.navbar-toggler:focus,
.navbar-toggler:hover {
text-decoration: none
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
background: no-repeat center center;
background-size: 100% 100%
}
@media (max-width:575.98px) {
.navbar-expand-sm>.container,
.navbar-expand-sm>.container-fluid,
.navbar-expand-sm>.container-lg,
.navbar-expand-sm>.container-md,
.navbar-expand-sm>.container-sm,
.navbar-expand-sm>.container-xl {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:576px) {
.navbar-expand-sm {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-sm .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-sm .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-sm .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-sm>.container,
.navbar-expand-sm>.container-fluid,
.navbar-expand-sm>.container-lg,
.navbar-expand-sm>.container-md,
.navbar-expand-sm>.container-sm,
.navbar-expand-sm>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-sm .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-sm .navbar-toggler {
display: none
}
}
@media (max-width:767.98px) {
.navbar-expand-md>.container,
.navbar-expand-md>.container-fluid,
.navbar-expand-md>.container-lg,
.navbar-expand-md>.container-md,
.navbar-expand-md>.container-sm,
.navbar-expand-md>.container-xl {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:768px) {
.navbar-expand-md {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-md .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-md>.container,
.navbar-expand-md>.container-fluid,
.navbar-expand-md>.container-lg,
.navbar-expand-md>.container-md,
.navbar-expand-md>.container-sm,
.navbar-expand-md>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-md .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-md .navbar-toggler {
display: none
}
}
@media (max-width:991.98px) {
.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid,
.navbar-expand-lg>.container-lg,
.navbar-expand-lg>.container-md,
.navbar-expand-lg>.container-sm,
.navbar-expand-lg>.container-xl {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:992px) {
.navbar-expand-lg {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-lg .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-lg>.container,
.navbar-expand-lg>.container-fluid,
.navbar-expand-lg>.container-lg,
.navbar-expand-lg>.container-md,
.navbar-expand-lg>.container-sm,
.navbar-expand-lg>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-lg .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-lg .navbar-toggler {
display: none
}
}
@media (max-width:1199.98px) {
.navbar-expand-xl>.container,
.navbar-expand-xl>.container-fluid,
.navbar-expand-xl>.container-lg,
.navbar-expand-xl>.container-md,
.navbar-expand-xl>.container-sm,
.navbar-expand-xl>.container-xl {
padding-right: 0;
padding-left: 0
}
}
@media (min-width:1200px) {
.navbar-expand-xl {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand-xl .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand-xl .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand-xl .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand-xl>.container,
.navbar-expand-xl>.container-fluid,
.navbar-expand-xl>.container-lg,
.navbar-expand-xl>.container-md,
.navbar-expand-xl>.container-sm,
.navbar-expand-xl>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand-xl .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand-xl .navbar-toggler {
display: none
}
}
.navbar-expand {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-pack: start;
justify-content: flex-start
}
.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
padding-right: 0;
padding-left: 0
}
.navbar-expand .navbar-nav {
-ms-flex-direction: row;
flex-direction: row
}
.navbar-expand .navbar-nav .dropdown-menu {
position: absolute
}
.navbar-expand .navbar-nav .nav-link {
padding-right: .5rem;
padding-left: .5rem
}
.navbar-expand>.container,
.navbar-expand>.container-fluid,
.navbar-expand>.container-lg,
.navbar-expand>.container-md,
.navbar-expand>.container-sm,
.navbar-expand>.container-xl {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.navbar-expand .navbar-collapse {
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-preferred-size: auto;
flex-basis: auto
}
.navbar-expand .navbar-toggler {
display: none
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
color: rgba(0, 0, 0, .7)
}
.navbar-light .navbar-nav .nav-link.disabled {
color: rgba(0, 0, 0, .3)
}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-toggler {
color: rgba(0, 0, 0, .5);
border-color: rgba(0, 0, 0, .1)
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-light .navbar-text {
color: rgba(0, 0, 0, .5)
}
.navbar-light .navbar-text a {
color: rgba(0, 0, 0, .9)
}
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
color: rgba(0, 0, 0, .9)
}
.navbar-dark .navbar-brand {
color: #fff
}
.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
color: #fff
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255, 255, 255, .75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
color: rgba(255, 255, 255, .25)
}
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show>.nav-link {
color: #fff
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, .5);
border-color: rgba(255, 255, 255, .1)
}
.navbar-dark .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
.navbar-dark .navbar-text {
color: rgba(255, 255, 255, .5)
}
.navbar-dark .navbar-text a {
color: #fff
}
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
color: #fff
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: .25rem
}
.card>hr {
margin-right: 0;
margin-left: 0
}
.card>.list-group {
border-top: inherit;
border-bottom: inherit
}
.card>.list-group:first-child {
border-top-width: 0;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card>.list-group:last-child {
border-bottom-width: 0;
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card>.card-header+.list-group,
.card>.list-group+.card-footer {
border-top: 0
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem
}
.card-title {
margin-bottom: .75rem
}
.card-subtitle {
margin-top: -.375rem;
margin-bottom: 0
}
.card-text:last-child {
margin-bottom: 0
}
.card-link:hover {
text-decoration: none
}
.card-link+.card-link {
margin-left: 1.25rem
}
.card-header {
padding: .75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, .03);
border-bottom: 1px solid rgba(0, 0, 0, .125)
}
.card-header:first-child {
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-footer {
padding: .75rem 1.25rem;
background-color: rgba(0, 0, 0, .03);
border-top: 1px solid rgba(0, 0, 0, .125)
}
.card-footer:last-child {
border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs {
margin-right: -.625rem;
margin-bottom: -.75rem;
margin-left: -.625rem;
border-bottom: 0
}
.card-header-pills {
margin-right: -.625rem;
margin-left: -.625rem
}
.card-img-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
border-radius: calc(.25rem - 1px)
}
.card-img,
.card-img-bottom,
.card-img-top {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%
}
.card-img,
.card-img-top {
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.card-img,
.card-img-bottom {
border-bottom-right-radius: calc(.25rem - 1px);
border-bottom-left-radius: calc(.25rem - 1px)
}
.card-deck .card {
margin-bottom: 15px
}
@media (min-width:576px) {
.card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px
}
.card-deck .card {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px
}
}
.card-group>.card {
margin-bottom: 15px
}
@media (min-width:576px) {
.card-group {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.card-group>.card {
-ms-flex: 1 0 0%;
flex: 1 0 0%;
margin-bottom: 0
}
.card-group>.card+.card {
margin-left: 0;
border-left: 0
}
.card-group>.card:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.card-group>.card:not(:last-child) .card-header,
.card-group>.card:not(:last-child) .card-img-top {
border-top-right-radius: 0
}
.card-group>.card:not(:last-child) .card-footer,
.card-group>.card:not(:last-child) .card-img-bottom {
border-bottom-right-radius: 0
}
.card-group>.card:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.card-group>.card:not(:first-child) .card-header,
.card-group>.card:not(:first-child) .card-img-top {
border-top-left-radius: 0
}
.card-group>.card:not(:first-child) .card-footer,
.card-group>.card:not(:first-child) .card-img-bottom {
border-bottom-left-radius: 0
}
}
.card-columns .card {
margin-bottom: .75rem
}
@media (min-width:576px) {
.card-columns {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-gap: 1.25rem;
-moz-column-gap: 1.25rem;
column-gap: 1.25rem;
orphans: 1;
widows: 1
}
.card-columns .card {
display: inline-block;
width: 100%
}
}
.accordion {
overflow-anchor: none
}
.accordion>.card {
overflow: hidden
}
.accordion>.card:not(:last-of-type) {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0
}
.accordion>.card:not(:first-of-type) {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.accordion>.card>.card-header {
border-radius: 0;
margin-bottom: -1px
}
.breadcrumb {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: .75rem 1rem;
margin-bottom: 1rem;
list-style: none;
background-color: #e9ecef;
border-radius: .25rem
}
.breadcrumb-item {
display: -ms-flexbox;
display: flex
}
.breadcrumb-item+.breadcrumb-item {
padding-left: .5rem
}
.breadcrumb-item+.breadcrumb-item::before {
display: inline-block;
padding-right: .5rem;
color: #6c757d;
content: "/"
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: underline
}
.breadcrumb-item+.breadcrumb-item:hover::before {
text-decoration: none
}
.breadcrumb-item.active {
color: #6c757d
}
.pagination {
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: .25rem
}
.page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #007bff;
background-color: #fff;
border: 1px solid #dee2e6
}
.page-link:hover {
z-index: 2;
color: #0056b3;
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6
}
.page-link:focus {
z-index: 3;
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem
}
.page-item:last-child .page-link {
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6
}
.pagination-lg .page-link {
padding: .75rem 1.5rem;
font-size: 1.25rem;
line-height: 1.5
}
.pagination-lg .page-item:first-child .page-link {
border-top-left-radius: .3rem;
border-bottom-left-radius: .3rem
}
.pagination-lg .page-item:last-child .page-link {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem
}
.pagination-sm .page-link {
padding: .25rem .5rem;
font-size: .875rem;
line-height: 1.5
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: .2rem;
border-bottom-left-radius: .2rem
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: .2rem;
border-bottom-right-radius: .2rem
}
.badge {
display: inline-block;
padding: .25em .4em;
font-size: 75%;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.badge {
transition: none
}
}
a.badge:focus,
a.badge:hover {
text-decoration: none
}
.badge:empty {
display: none
}
.btn .badge {
position: relative;
top: -1px
}
.badge-pill {
padding-right: .6em;
padding-left: .6em;
border-radius: 10rem
}
.badge-primary {
color: #fff;
background-color: #007bff
}
a.badge-primary:focus,
a.badge-primary:hover {
color: #fff;
background-color: #0062cc
}
a.badge-primary.focus,
a.badge-primary:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .5)
}
.badge-secondary {
color: #fff;
background-color: #6c757d
}
a.badge-secondary:focus,
a.badge-secondary:hover {
color: #fff;
background-color: #545b62
}
a.badge-secondary.focus,
a.badge-secondary:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(108, 117, 125, .5)
}
.badge-success {
color: #fff;
background-color: #28a745
}
a.badge-success:focus,
a.badge-success:hover {
color: #fff;
background-color: #1e7e34
}
a.badge-success.focus,
a.badge-success:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}
.badge-info {
color: #fff;
background-color: #17a2b8
}
a.badge-info:focus,
a.badge-info:hover {
color: #fff;
background-color: #117a8b
}
a.badge-info.focus,
a.badge-info:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}
.badge-warning {
color: #212529;
background-color: #ffc107
}
a.badge-warning:focus,
a.badge-warning:hover {
color: #212529;
background-color: #d39e00
}
a.badge-warning.focus,
a.badge-warning:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(255, 193, 7, .5)
}
.badge-danger {
color: #fff;
background-color: #dc3545
}
a.badge-danger:focus,
a.badge-danger:hover {
color: #fff;
background-color: #bd2130
}
a.badge-danger.focus,
a.badge-danger:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .5)
}
.badge-light {
color: #212529;
background-color: #f8f9fa
}
a.badge-light:focus,
a.badge-light:hover {
color: #212529;
background-color: #dae0e5
}
a.badge-light.focus,
a.badge-light:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(248, 249, 250, .5)
}
.badge-dark {
color: #fff;
background-color: #343a40
}
a.badge-dark:focus,
a.badge-dark:hover {
color: #fff;
background-color: #1d2124
}
a.badge-dark.focus,
a.badge-dark:focus {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(52, 58, 64, .5)
}
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #e9ecef;
border-radius: .3rem
}
@media (min-width:576px) {
.jumbotron {
padding: 4rem 2rem
}
}
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0
}
.alert {
position: relative;
padding: .75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: .25rem
}
.alert-heading {
color: inherit
}
.alert-link {
font-weight: 700
}
.alert-dismissible {
padding-right: 4rem
}
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: .75rem 1.25rem;
color: inherit
}
.alert-primary {
color: #004085;
background-color: #cce5ff;
border-color: #b8daff
}
.alert-primary hr {
border-top-color: #9fcdff
}
.alert-primary .alert-link {
color: #002752
}
.alert-secondary {
color: #383d41;
background-color: #e2e3e5;
border-color: #d6d8db
}
.alert-secondary hr {
border-top-color: #c8cbcf
}
.alert-secondary .alert-link {
color: #202326
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb
}
.alert-success hr {
border-top-color: #b1dfbb
}
.alert-success .alert-link {
color: #0b2e13
}
.alert-info {
color: #0c5460;
background-color: #d1ecf1;
border-color: #bee5eb
}
.alert-info hr {
border-top-color: #abdde5
}
.alert-info .alert-link {
color: #062c33
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba
}
.alert-warning hr {
border-top-color: #ffe8a1
}
.alert-warning .alert-link {
color: #533f03
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb
}
.alert-danger hr {
border-top-color: #f1b0b7
}
.alert-danger .alert-link {
color: #491217
}
.alert-light {
color: #818182;
background-color: #fefefe;
border-color: #fdfdfe
}
.alert-light hr {
border-top-color: #ececf6
}
.alert-light .alert-link {
color: #686868
}
.alert-dark {
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca
}
.alert-dark hr {
border-top-color: #b9bbbe
}
.alert-dark .alert-link {
color: #040505
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
@keyframes progress-bar-stripes {
from {
background-position: 1rem 0
}
to {
background-position: 0 0
}
}
.progress {
display: -ms-flexbox;
display: flex;
height: 1rem;
overflow: hidden;
line-height: 0;
font-size: .75rem;
background-color: #e9ecef;
border-radius: .25rem
}
.progress-bar {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #007bff;
transition: width .6s ease
}
@media (prefers-reduced-motion:reduce) {
.progress-bar {
transition: none
}
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-size: 1rem 1rem
}
.progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite;
animation: progress-bar-stripes 1s linear infinite
}
@media (prefers-reduced-motion:reduce) {
.progress-bar-animated {
-webkit-animation: none;
animation: none
}
}
.media {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start
}
.media-body {
-ms-flex: 1;
flex: 1
}
.list-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
border-radius: .25rem
}
.list-group-item-action {
width: 100%;
color: #495057;
text-align: inherit
}
.list-group-item-action:focus,
.list-group-item-action:hover {
z-index: 1;
color: #495057;
text-decoration: none;
background-color: #f8f9fa
}
.list-group-item-action:active {
color: #212529;
background-color: #e9ecef
}
.list-group-item {
position: relative;
display: block;
padding: .75rem 1.25rem;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, .125)
}
.list-group-item:first-child {
border-top-left-radius: inherit;
border-top-right-radius: inherit
}
.list-group-item:last-child {
border-bottom-right-radius: inherit;
border-bottom-left-radius: inherit
}
.list-group-item.disabled,
.list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #007bff;
border-color: #007bff
}
.list-group-item+.list-group-item {
border-top-width: 0
}
.list-group-item+.list-group-item.active {
margin-top: -1px;
border-top-width: 1px
}
.list-group-horizontal {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
@media (min-width:576px) {
.list-group-horizontal-sm {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-sm>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-sm>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-sm>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-sm>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width:768px) {
.list-group-horizontal-md {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-md>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-md>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-md>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-md>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width:992px) {
.list-group-horizontal-lg {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-lg>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-lg>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-lg>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-lg>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
@media (min-width:1200px) {
.list-group-horizontal-xl {
-ms-flex-direction: row;
flex-direction: row
}
.list-group-horizontal-xl>.list-group-item:first-child {
border-bottom-left-radius: .25rem;
border-top-right-radius: 0
}
.list-group-horizontal-xl>.list-group-item:last-child {
border-top-right-radius: .25rem;
border-bottom-left-radius: 0
}
.list-group-horizontal-xl>.list-group-item.active {
margin-top: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item {
border-top-width: 1px;
border-left-width: 0
}
.list-group-horizontal-xl>.list-group-item+.list-group-item.active {
margin-left: -1px;
border-left-width: 1px
}
}
.list-group-flush {
border-radius: 0
}
.list-group-flush>.list-group-item {
border-width: 0 0 1px
}
.list-group-flush>.list-group-item:last-child {
border-bottom-width: 0
}
.list-group-item-primary {
color: #004085;
background-color: #b8daff
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
color: #004085;
background-color: #9fcdff
}
.list-group-item-primary.list-group-item-action.active {
color: #fff;
background-color: #004085;
border-color: #004085
}
.list-group-item-secondary {
color: #383d41;
background-color: #d6d8db
}
.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
color: #383d41;
background-color: #c8cbcf
}
.list-group-item-secondary.list-group-item-action.active {
color: #fff;
background-color: #383d41;
border-color: #383d41
}
.list-group-item-success {
color: #155724;
background-color: #c3e6cb
}
.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
color: #155724;
background-color: #b1dfbb
}
.list-group-item-success.list-group-item-action.active {
color: #fff;
background-color: #155724;
border-color: #155724
}
.list-group-item-info {
color: #0c5460;
background-color: #bee5eb
}
.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
color: #0c5460;
background-color: #abdde5
}
.list-group-item-info.list-group-item-action.active {
color: #fff;
background-color: #0c5460;
border-color: #0c5460
}
.list-group-item-warning {
color: #856404;
background-color: #ffeeba
}
.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
color: #856404;
background-color: #ffe8a1
}
.list-group-item-warning.list-group-item-action.active {
color: #fff;
background-color: #856404;
border-color: #856404
}
.list-group-item-danger {
color: #721c24;
background-color: #f5c6cb
}
.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
color: #721c24;
background-color: #f1b0b7
}
.list-group-item-danger.list-group-item-action.active {
color: #fff;
background-color: #721c24;
border-color: #721c24
}
.list-group-item-light {
color: #818182;
background-color: #fdfdfe
}
.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
color: #818182;
background-color: #ececf6
}
.list-group-item-light.list-group-item-action.active {
color: #fff;
background-color: #818182;
border-color: #818182
}
.list-group-item-dark {
color: #1b1e21;
background-color: #c6c8ca
}
.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
color: #1b1e21;
background-color: #b9bbbe
}
.list-group-item-dark.list-group-item-action.active {
color: #fff;
background-color: #1b1e21;
border-color: #1b1e21
}
.close {
float: right;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5
}
.close:hover {
color: #000;
text-decoration: none
}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
opacity: .75
}
button.close {
padding: 0;
background-color: transparent;
border: 0
}
a.close.disabled {
pointer-events: none
}
.toast {
-ms-flex-preferred-size: 350px;
flex-basis: 350px;
max-width: 350px;
font-size: .875rem;
background-color: rgba(255, 255, 255, .85);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .1);
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .1);
opacity: 0;
border-radius: .25rem
}
.toast:not(:last-child) {
margin-bottom: .75rem
}
.toast.showing {
opacity: 1
}
.toast.show {
display: block;
opacity: 1
}
.toast.hide {
display: none
}
.toast-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: .25rem .75rem;
color: #6c757d;
background-color: rgba(255, 255, 255, .85);
background-clip: padding-box;
border-bottom: 1px solid rgba(0, 0, 0, .05);
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius: calc(.25rem - 1px)
}
.toast-body {
padding: .75rem
}
.modal-open {
overflow: hidden
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0
}
.modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none
}
.modal.fade .modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translate(0, -50px);
transform: translate(0, -50px)
}
@media (prefers-reduced-motion:reduce) {
.modal.fade .modal-dialog {
transition: none
}
}
.modal.show .modal-dialog {
-webkit-transform: none;
transform: none
}
.modal.modal-static .modal-dialog {
-webkit-transform: scale(1.02);
transform: scale(1.02)
}
.modal-dialog-scrollable {
display: -ms-flexbox;
display: flex;
max-height: calc(100% - 1rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 1rem);
overflow: hidden
}
.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable .modal-header {
-ms-flex-negative: 0;
flex-shrink: 0
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto
}
.modal-dialog-centered {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 1rem)
}
.modal-dialog-centered::before {
display: block;
height: calc(100vh - 1rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
content: ""
}
.modal-dialog-centered.modal-dialog-scrollable {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
height: 100%
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none
}
.modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem;
outline: 0
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid #dee2e6;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto
}
.modal-title {
margin-bottom: 0;
line-height: 1.5
}
.modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem
}
.modal-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
padding: .75rem;
border-top: 1px solid #dee2e6;
border-bottom-right-radius: calc(.3rem - 1px);
border-bottom-left-radius: calc(.3rem - 1px)
}
.modal-footer>* {
margin: .25rem
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll
}
@media (min-width:576px) {
.modal-dialog {
max-width: 500px;
margin: 1.75rem auto
}
.modal-dialog-scrollable {
max-height: calc(100% - 3.5rem)
}
.modal-dialog-scrollable .modal-content {
max-height: calc(100vh - 3.5rem)
}
.modal-dialog-centered {
min-height: calc(100% - 3.5rem)
}
.modal-dialog-centered::before {
height: calc(100vh - 3.5rem);
height: -webkit-min-content;
height: -moz-min-content;
height: min-content
}
.modal-sm {
max-width: 300px
}
}
@media (min-width:992px) {
.modal-lg,
.modal-xl {
max-width: 800px
}
}
@media (min-width:1200px) {
.modal-xl {
max-width: 1140px
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
opacity: 0
}
.tooltip.show {
opacity: .9
}
.tooltip .arrow {
position: absolute;
display: block;
width: .8rem;
height: .4rem
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid
}
.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=top] .arrow,
.bs-tooltip-top .arrow {
bottom: 0
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
top: 0;
border-width: .4rem .4rem 0;
border-top-color: #000
}
.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=right] .arrow,
.bs-tooltip-right .arrow {
left: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
right: 0;
border-width: .4rem .4rem .4rem 0;
border-right-color: #000
}
.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
padding: .4rem 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow,
.bs-tooltip-bottom .arrow {
top: 0
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
bottom: 0;
border-width: 0 .4rem .4rem;
border-bottom-color: #000
}
.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
padding: 0 .4rem
}
.bs-tooltip-auto[x-placement^=left] .arrow,
.bs-tooltip-left .arrow {
right: 0;
width: .4rem;
height: .8rem
}
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
left: 0;
border-width: .4rem 0 .4rem .4rem;
border-left-color: #000
}
.tooltip-inner {
max-width: 200px;
padding: .25rem .5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: .25rem
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: .875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: .3rem
}
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: .5rem;
margin: 0 .3rem
}
.popover .arrow::after,
.popover .arrow::before {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid
}
.bs-popover-auto[x-placement^=top],
.bs-popover-top {
margin-bottom: .5rem
}
.bs-popover-auto[x-placement^=top]>.arrow,
.bs-popover-top>.arrow {
bottom: calc(-.5rem - 1px)
}
.bs-popover-auto[x-placement^=top]>.arrow::before,
.bs-popover-top>.arrow::before {
bottom: 0;
border-width: .5rem .5rem 0;
border-top-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=top]>.arrow::after,
.bs-popover-top>.arrow::after {
bottom: 1px;
border-width: .5rem .5rem 0;
border-top-color: #fff
}
.bs-popover-auto[x-placement^=right],
.bs-popover-right {
margin-left: .5rem
}
.bs-popover-auto[x-placement^=right]>.arrow,
.bs-popover-right>.arrow {
left: calc(-.5rem - 1px);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=right]>.arrow::before,
.bs-popover-right>.arrow::before {
left: 0;
border-width: .5rem .5rem .5rem 0;
border-right-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=right]>.arrow::after,
.bs-popover-right>.arrow::after {
left: 1px;
border-width: .5rem .5rem .5rem 0;
border-right-color: #fff
}
.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
margin-top: .5rem
}
.bs-popover-auto[x-placement^=bottom]>.arrow,
.bs-popover-bottom>.arrow {
top: calc(-.5rem - 1px)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::before,
.bs-popover-bottom>.arrow::before {
top: 0;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=bottom]>.arrow::after,
.bs-popover-bottom>.arrow::after {
top: 1px;
border-width: 0 .5rem .5rem .5rem;
border-bottom-color: #fff
}
.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -.5rem;
content: "";
border-bottom: 1px solid #f7f7f7
}
.bs-popover-auto[x-placement^=left],
.bs-popover-left {
margin-right: .5rem
}
.bs-popover-auto[x-placement^=left]>.arrow,
.bs-popover-left>.arrow {
right: calc(-.5rem - 1px);
width: .5rem;
height: 1rem;
margin: .3rem 0
}
.bs-popover-auto[x-placement^=left]>.arrow::before,
.bs-popover-left>.arrow::before {
right: 0;
border-width: .5rem 0 .5rem .5rem;
border-left-color: rgba(0, 0, 0, .25)
}
.bs-popover-auto[x-placement^=left]>.arrow::after,
.bs-popover-left>.arrow::after {
right: 1px;
border-width: .5rem 0 .5rem .5rem;
border-left-color: #fff
}
.popover-header {
padding: .5rem .75rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(.3rem - 1px);
border-top-right-radius: calc(.3rem - 1px)
}
.popover-header:empty {
display: none
}
.popover-body {
padding: .5rem .75rem;
color: #212529
}
.carousel {
position: relative
}
.carousel.pointer-event {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden
}
.carousel-inner::after {
display: block;
clear: both;
content: ""
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition: -webkit-transform .6s ease-in-out;
transition: transform .6s ease-in-out;
transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
}
@media (prefers-reduced-motion:reduce) {
.carousel-item {
transition: none
}
}
.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
display: block
}
.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
.carousel-fade .carousel-item {
opacity: 0;
transition-property: opacity;
-webkit-transform: none;
transform: none
}
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
z-index: 1;
opacity: 1
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
z-index: 0;
opacity: 0;
transition: opacity 0s .6s
}
@media (prefers-reduced-motion:reduce) {
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
transition: none
}
}
.carousel-control-next,
.carousel-control-prev {
position: absolute;
top: 0;
bottom: 0;
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 15%;
color: #fff;
text-align: center;
opacity: .5;
transition: opacity .15s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-control-next,
.carousel-control-prev {
transition: none
}
}
.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
color: #fff;
text-decoration: none;
outline: 0;
opacity: .9
}
.carousel-control-prev {
left: 0
}
.carousel-control-next {
right: 0
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
display: inline-block;
width: 20px;
height: 20px;
background: no-repeat 50%/100% 100%
}
.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
}
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none
}
.carousel-indicators li {
box-sizing: content-box;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: .5;
transition: opacity .6s ease
}
@media (prefers-reduced-motion:reduce) {
.carousel-indicators li {
transition: none
}
}
.carousel-indicators .active {
opacity: 1
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center
}
@-webkit-keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spinner-border {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.spinner-border {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
border: .25em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spinner-border .75s linear infinite;
animation: spinner-border .75s linear infinite
}
.spinner-border-sm {
width: 1rem;
height: 1rem;
border-width: .2em
}
@-webkit-keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes spinner-grow {
0% {
-webkit-transform: scale(0);
transform: scale(0)
}
50% {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.spinner-grow {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: text-bottom;
background-color: currentColor;
border-radius: 50%;
opacity: 0;
-webkit-animation: spinner-grow .75s linear infinite;
animation: spinner-grow .75s linear infinite
}
.spinner-grow-sm {
width: 1rem;
height: 1rem
}
.align-baseline {
vertical-align: baseline!important
}
.align-top {
vertical-align: top!important
}
.align-middle {
vertical-align: middle!important
}
.align-bottom {
vertical-align: bottom!important
}
.align-text-bottom {
vertical-align: text-bottom!important
}
.align-text-top {
vertical-align: text-top!important
}
.bg-primary {
background-color: #007bff!important
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
background-color: #0062cc!important
}
.bg-secondary {
background-color: #6c757d!important
}
a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
background-color: #545b62!important
}
.bg-success {
background-color: #28a745!important
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
background-color: #1e7e34!important
}
.bg-info {
background-color: #17a2b8!important
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
background-color: #117a8b!important
}
.bg-warning {
background-color: #ffc107!important
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
background-color: #d39e00!important
}
.bg-danger {
background-color: #dc3545!important
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
background-color: #bd2130!important
}
.bg-light {
background-color: #f8f9fa!important
}
a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
background-color: #dae0e5!important
}
.bg-dark {
background-color: #343a40!important
}
a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
background-color: #1d2124!important
}
.bg-white {
background-color: #fff!important
}
.bg-transparent {
background-color: transparent!important
}
.border {
border: 1px solid #dee2e6!important
}
.border-top {
border-top: 1px solid #dee2e6!important
}
.border-right {
border-right: 1px solid #dee2e6!important
}
.border-bottom {
border-bottom: 1px solid #dee2e6!important
}
.border-left {
border-left: 1px solid #dee2e6!important
}
.border-0 {
border: 0!important
}
.border-top-0 {
border-top: 0!important
}
.border-right-0 {
border-right: 0!important
}
.border-bottom-0 {
border-bottom: 0!important
}
.border-left-0 {
border-left: 0!important
}
.border-primary {
border-color: #007bff!important
}
.border-secondary {
border-color: #6c757d!important
}
.border-success {
border-color: #28a745!important
}
.border-info {
border-color: #17a2b8!important
}
.border-warning {
border-color: #ffc107!important
}
.border-danger {
border-color: #dc3545!important
}
.border-light {
border-color: #f8f9fa!important
}
.border-dark {
border-color: #343a40!important
}
.border-white {
border-color: #fff!important
}
.rounded-sm {
border-radius: .2rem!important
}
.rounded {
border-radius: .25rem!important
}
.rounded-top {
border-top-left-radius: .25rem!important;
border-top-right-radius: .25rem!important
}
.rounded-right {
border-top-right-radius: .25rem!important;
border-bottom-right-radius: .25rem!important
}
.rounded-bottom {
border-bottom-right-radius: .25rem!important;
border-bottom-left-radius: .25rem!important
}
.rounded-left {
border-top-left-radius: .25rem!important;
border-bottom-left-radius: .25rem!important
}
.rounded-lg {
border-radius: .3rem!important
}
.rounded-circle {
border-radius: 50%!important
}
.rounded-pill {
border-radius: 50rem!important
}
.rounded-0 {
border-radius: 0!important
}
.clearfix::after {
display: block;
clear: both;
content: ""
}
.d-none {
display: none!important
}
.d-inline {
display: inline!important
}
.d-inline-block {
display: inline-block!important
}
.d-block {
display: block!important
}
.d-table {
display: table!important
}
.d-table-row {
display: table-row!important
}
.d-table-cell {
display: table-cell!important
}
.d-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
@media (min-width:576px) {
.d-sm-none {
display: none!important
}
.d-sm-inline {
display: inline!important
}
.d-sm-inline-block {
display: inline-block!important
}
.d-sm-block {
display: block!important
}
.d-sm-table {
display: table!important
}
.d-sm-table-row {
display: table-row!important
}
.d-sm-table-cell {
display: table-cell!important
}
.d-sm-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-sm-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media (min-width:768px) {
.d-md-none {
display: none!important
}
.d-md-inline {
display: inline!important
}
.d-md-inline-block {
display: inline-block!important
}
.d-md-block {
display: block!important
}
.d-md-table {
display: table!important
}
.d-md-table-row {
display: table-row!important
}
.d-md-table-cell {
display: table-cell!important
}
.d-md-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-md-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media (min-width:992px) {
.d-lg-none {
display: none!important
}
.d-lg-inline {
display: inline!important
}
.d-lg-inline-block {
display: inline-block!important
}
.d-lg-block {
display: block!important
}
.d-lg-table {
display: table!important
}
.d-lg-table-row {
display: table-row!important
}
.d-lg-table-cell {
display: table-cell!important
}
.d-lg-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-lg-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media (min-width:1200px) {
.d-xl-none {
display: none!important
}
.d-xl-inline {
display: inline!important
}
.d-xl-inline-block {
display: inline-block!important
}
.d-xl-block {
display: block!important
}
.d-xl-table {
display: table!important
}
.d-xl-table-row {
display: table-row!important
}
.d-xl-table-cell {
display: table-cell!important
}
.d-xl-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-xl-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
@media print {
.d-print-none {
display: none!important
}
.d-print-inline {
display: inline!important
}
.d-print-inline-block {
display: inline-block!important
}
.d-print-block {
display: block!important
}
.d-print-table {
display: table!important
}
.d-print-table-row {
display: table-row!important
}
.d-print-table-cell {
display: table-cell!important
}
.d-print-flex {
display: -ms-flexbox!important;
display: flex!important
}
.d-print-inline-flex {
display: -ms-inline-flexbox!important;
display: inline-flex!important
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden
}
.embed-responsive::before {
display: block;
content: ""
}
.embed-responsive .embed-responsive-item,
.embed-responsive embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.embed-responsive-21by9::before {
padding-top: 42.857143%
}
.embed-responsive-16by9::before {
padding-top: 56.25%
}
.embed-responsive-4by3::before {
padding-top: 75%
}
.embed-responsive-1by1::before {
padding-top: 100%
}
.flex-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
@media (min-width:576px) {
.flex-sm-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-sm-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-sm-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-sm-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-sm-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-sm-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-sm-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-sm-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-sm-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-sm-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-sm-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-sm-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-sm-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-sm-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-sm-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-sm-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-sm-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-sm-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-sm-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-sm-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-sm-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-sm-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-sm-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-sm-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-sm-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
}
@media (min-width:768px) {
.flex-md-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-md-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-md-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-md-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-md-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-md-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-md-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-md-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-md-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-md-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-md-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-md-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-md-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-md-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-md-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-md-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-md-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-md-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-md-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-md-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-md-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-md-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-md-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-md-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-md-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-md-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-md-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-md-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-md-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
}
@media (min-width:992px) {
.flex-lg-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-lg-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-lg-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-lg-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-lg-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-lg-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-lg-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-lg-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-lg-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-lg-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-lg-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-lg-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-lg-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-lg-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-lg-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-lg-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-lg-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-lg-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-lg-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-lg-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-lg-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-lg-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-lg-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-lg-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-lg-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
}
@media (min-width:1200px) {
.flex-xl-row {
-ms-flex-direction: row!important;
flex-direction: row!important
}
.flex-xl-column {
-ms-flex-direction: column!important;
flex-direction: column!important
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse!important;
flex-direction: row-reverse!important
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.flex-xl-wrap {
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse!important;
flex-wrap: wrap-reverse!important
}
.flex-xl-fill {
-ms-flex: 1 1 auto!important;
flex: 1 1 auto!important
}
.flex-xl-grow-0 {
-ms-flex-positive: 0!important;
flex-grow: 0!important
}
.flex-xl-grow-1 {
-ms-flex-positive: 1!important;
flex-grow: 1!important
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0!important;
flex-shrink: 0!important
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1!important;
flex-shrink: 1!important
}
.justify-content-xl-start {
-ms-flex-pack: start!important;
justify-content: flex-start!important
}
.justify-content-xl-end {
-ms-flex-pack: end!important;
justify-content: flex-end!important
}
.justify-content-xl-center {
-ms-flex-pack: center!important;
justify-content: center!important
}
.justify-content-xl-between {
-ms-flex-pack: justify!important;
justify-content: space-between!important
}
.justify-content-xl-around {
-ms-flex-pack: distribute!important;
justify-content: space-around!important
}
.align-items-xl-start {
-ms-flex-align: start!important;
align-items: flex-start!important
}
.align-items-xl-end {
-ms-flex-align: end!important;
align-items: flex-end!important
}
.align-items-xl-center {
-ms-flex-align: center!important;
align-items: center!important
}
.align-items-xl-baseline {
-ms-flex-align: baseline!important;
align-items: baseline!important
}
.align-items-xl-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important
}
.align-content-xl-start {
-ms-flex-line-pack: start!important;
align-content: flex-start!important
}
.align-content-xl-end {
-ms-flex-line-pack: end!important;
align-content: flex-end!important
}
.align-content-xl-center {
-ms-flex-line-pack: center!important;
align-content: center!important
}
.align-content-xl-between {
-ms-flex-line-pack: justify!important;
align-content: space-between!important
}
.align-content-xl-around {
-ms-flex-line-pack: distribute!important;
align-content: space-around!important
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch!important;
align-content: stretch!important
}
.align-self-xl-auto {
-ms-flex-item-align: auto!important;
align-self: auto!important
}
.align-self-xl-start {
-ms-flex-item-align: start!important;
align-self: flex-start!important
}
.align-self-xl-end {
-ms-flex-item-align: end!important;
align-self: flex-end!important
}
.align-self-xl-center {
-ms-flex-item-align: center!important;
align-self: center!important
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline!important;
align-self: baseline!important
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch!important;
align-self: stretch!important
}
}
.float-left {
float: left!important
}
.float-right {
float: right!important
}
.float-none {
float: none!important
}
@media (min-width:576px) {
.float-sm-left {
float: left!important
}
.float-sm-right {
float: right!important
}
.float-sm-none {
float: none!important
}
}
@media (min-width:768px) {
.float-md-left {
float: left!important
}
.float-md-right {
float: right!important
}
.float-md-none {
float: none!important
}
}
@media (min-width:992px) {
.float-lg-left {
float: left!important
}
.float-lg-right {
float: right!important
}
.float-lg-none {
float: none!important
}
}
@media (min-width:1200px) {
.float-xl-left {
float: left!important
}
.float-xl-right {
float: right!important
}
.float-xl-none {
float: none!important
}
}
.user-select-all {
-webkit-user-select: all!important;
-moz-user-select: all!important;
-ms-user-select: all!important;
user-select: all!important
}
.user-select-auto {
-webkit-user-select: auto!important;
-moz-user-select: auto!important;
-ms-user-select: auto!important;
user-select: auto!important
}
.user-select-none {
-webkit-user-select: none!important;
-moz-user-select: none!important;
-ms-user-select: none!important;
user-select: none!important
}
.overflow-auto {
overflow: auto!important
}
.overflow-hidden {
overflow: hidden!important
}
.position-static {
position: static!important
}
.position-relative {
position: relative!important
}
.position-absolute {
position: absolute!important
}
.position-fixed {
position: fixed!important
}
.position-sticky {
position: -webkit-sticky!important;
position: sticky!important
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030
}
@supports ((position:-webkit-sticky) or (position:sticky)) {
.sticky-top {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.shadow-sm {
box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075)!important
}
.shadow {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175)!important
}
.shadow-none {
box-shadow: none!important
}
.w-25 {
width: 25%!important
}
.w-50 {
width: 50%!important
}
.w-75 {
width: 75%!important
}
.w-100 {
width: 100%!important
}
.w-auto {
width: auto!important
}
.h-25 {
height: 25%!important
}
.h-50 {
height: 50%!important
}
.h-75 {
height: 75%!important
}
.h-100 {
height: 100%!important
}
.h-auto {
height: auto!important
}
.mw-100 {
max-width: 100%!important
}
.mh-100 {
max-height: 100%!important
}
.min-vw-100 {
min-width: 100vw!important
}
.min-vh-100 {
min-height: 100vh!important
}
.vw-100 {
width: 100vw!important
}
.vh-100 {
height: 100vh!important
}
.m-0 {
margin: 0!important
}
.mt-0,
.my-0 {
margin-top: 0!important
}
.mr-0,
.mx-0 {
margin-right: 0!important
}
.mb-0,
.my-0 {
margin-bottom: 0!important
}
.ml-0,
.mx-0 {
margin-left: 0!important
}
.m-1 {
margin: .25rem!important
}
.mt-1,
.my-1 {
margin-top: .25rem!important
}
.mr-1,
.mx-1 {
margin-right: .25rem!important
}
.mb-1,
.my-1 {
margin-bottom: .25rem!important
}
.ml-1,
.mx-1 {
margin-left: .25rem!important
}
.m-2 {
margin: .5rem!important
}
.mt-2,
.my-2 {
margin-top: .5rem!important
}
.mr-2,
.mx-2 {
margin-right: .5rem!important
}
.mb-2,
.my-2 {
margin-bottom: .5rem!important
}
.ml-2,
.mx-2 {
margin-left: .5rem!important
}
.m-3 {
margin: 1rem!important
}
.mt-3,
.my-3 {
margin-top: 1rem!important
}
.mr-3,
.mx-3 {
margin-right: 1rem!important
}
.mb-3,
.my-3 {
margin-bottom: 1rem!important
}
.ml-3,
.mx-3 {
margin-left: 1rem!important
}
.m-4 {
margin: 1.5rem!important
}
.mt-4,
.my-4 {
margin-top: 1.5rem!important
}
.mr-4,
.mx-4 {
margin-right: 1.5rem!important
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem!important
}
.ml-4,
.mx-4 {
margin-left: 1.5rem!important
}
.m-5 {
margin: 3rem!important
}
.mt-5,
.my-5 {
margin-top: 3rem!important
}
.mr-5,
.mx-5 {
margin-right: 3rem!important
}
.mb-5,
.my-5 {
margin-bottom: 3rem!important
}
.ml-5,
.mx-5 {
margin-left: 3rem!important
}
.p-0 {
padding: 0!important
}
.pt-0,
.py-0 {
padding-top: 0!important
}
.pr-0,
.px-0 {
padding-right: 0!important
}
.pb-0,
.py-0 {
padding-bottom: 0!important
}
.pl-0,
.px-0 {
padding-left: 0!important
}
.p-1 {
padding: .25rem!important
}
.pt-1,
.py-1 {
padding-top: .25rem!important
}
.pr-1,
.px-1 {
padding-right: .25rem!important
}
.pb-1,
.py-1 {
padding-bottom: .25rem!important
}
.pl-1,
.px-1 {
padding-left: .25rem!important
}
.p-2 {
padding: .5rem!important
}
.pt-2,
.py-2 {
padding-top: .5rem!important
}
.pr-2,
.px-2 {
padding-right: .5rem!important
}
.pb-2,
.py-2 {
padding-bottom: .5rem!important
}
.pl-2,
.px-2 {
padding-left: .5rem!important
}
.p-3 {
padding: 1rem!important
}
.pt-3,
.py-3 {
padding-top: 1rem!important
}
.pr-3,
.px-3 {
padding-right: 1rem!important
}
.pb-3,
.py-3 {
padding-bottom: 1rem!important
}
.pl-3,
.px-3 {
padding-left: 1rem!important
}
.p-4 {
padding: 1.5rem!important
}
.pt-4,
.py-4 {
padding-top: 1.5rem!important
}
.pr-4,
.px-4 {
padding-right: 1.5rem!important
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem!important
}
.pl-4,
.px-4 {
padding-left: 1.5rem!important
}
.p-5 {
padding: 3rem!important
}
.pt-5,
.py-5 {
padding-top: 3rem!important
}
.pr-5,
.px-5 {
padding-right: 3rem!important
}
.pb-5,
.py-5 {
padding-bottom: 3rem!important
}
.pl-5,
.px-5 {
padding-left: 3rem!important
}
.m-n1 {
margin: -.25rem!important
}
.mt-n1,
.my-n1 {
margin-top: -.25rem!important
}
.mr-n1,
.mx-n1 {
margin-right: -.25rem!important
}
.mb-n1,
.my-n1 {
margin-bottom: -.25rem!important
}
.ml-n1,
.mx-n1 {
margin-left: -.25rem!important
}
.m-n2 {
margin: -.5rem!important
}
.mt-n2,
.my-n2 {
margin-top: -.5rem!important
}
.mr-n2,
.mx-n2 {
margin-right: -.5rem!important
}
.mb-n2,
.my-n2 {
margin-bottom: -.5rem!important
}
.ml-n2,
.mx-n2 {
margin-left: -.5rem!important
}
.m-n3 {
margin: -1rem!important
}
.mt-n3,
.my-n3 {
margin-top: -1rem!important
}
.mr-n3,
.mx-n3 {
margin-right: -1rem!important
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem!important
}
.ml-n3,
.mx-n3 {
margin-left: -1rem!important
}
.m-n4 {
margin: -1.5rem!important
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem!important
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem!important
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem!important
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem!important
}
.m-n5 {
margin: -3rem!important
}
.mt-n5,
.my-n5 {
margin-top: -3rem!important
}
.mr-n5,
.mx-n5 {
margin-right: -3rem!important
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem!important
}
.ml-n5,
.mx-n5 {
margin-left: -3rem!important
}
.m-auto {
margin: auto!important
}
.mt-auto,
.my-auto {
margin-top: auto!important
}
.mr-auto,
.mx-auto {
margin-right: auto!important
}
.mb-auto,
.my-auto {
margin-bottom: auto!important
}
.ml-auto,
.mx-auto {
margin-left: auto!important
}
@media (min-width:576px) {
.m-sm-0 {
margin: 0!important
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0!important
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0!important
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0!important
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0!important
}
.m-sm-1 {
margin: .25rem!important
}
.mt-sm-1,
.my-sm-1 {
margin-top: .25rem!important
}
.mr-sm-1,
.mx-sm-1 {
margin-right: .25rem!important
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: .25rem!important
}
.ml-sm-1,
.mx-sm-1 {
margin-left: .25rem!important
}
.m-sm-2 {
margin: .5rem!important
}
.mt-sm-2,
.my-sm-2 {
margin-top: .5rem!important
}
.mr-sm-2,
.mx-sm-2 {
margin-right: .5rem!important
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: .5rem!important
}
.ml-sm-2,
.mx-sm-2 {
margin-left: .5rem!important
}
.m-sm-3 {
margin: 1rem!important
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem!important
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem!important
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem!important
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem!important
}
.m-sm-4 {
margin: 1.5rem!important
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem!important
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem!important
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem!important
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem!important
}
.m-sm-5 {
margin: 3rem!important
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem!important
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem!important
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem!important
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem!important
}
.p-sm-0 {
padding: 0!important
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0!important
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0!important
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0!important
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0!important
}
.p-sm-1 {
padding: .25rem!important
}
.pt-sm-1,
.py-sm-1 {
padding-top: .25rem!important
}
.pr-sm-1,
.px-sm-1 {
padding-right: .25rem!important
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: .25rem!important
}
.pl-sm-1,
.px-sm-1 {
padding-left: .25rem!important
}
.p-sm-2 {
padding: .5rem!important
}
.pt-sm-2,
.py-sm-2 {
padding-top: .5rem!important
}
.pr-sm-2,
.px-sm-2 {
padding-right: .5rem!important
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: .5rem!important
}
.pl-sm-2,
.px-sm-2 {
padding-left: .5rem!important
}
.p-sm-3 {
padding: 1rem!important
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem!important
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem!important
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem!important
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem!important
}
.p-sm-4 {
padding: 1.5rem!important
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem!important
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem!important
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem!important
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem!important
}
.p-sm-5 {
padding: 3rem!important
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem!important
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem!important
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem!important
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem!important
}
.m-sm-n1 {
margin: -.25rem!important
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -.25rem!important
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -.25rem!important
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -.25rem!important
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -.25rem!important
}
.m-sm-n2 {
margin: -.5rem!important
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -.5rem!important
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -.5rem!important
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -.5rem!important
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -.5rem!important
}
.m-sm-n3 {
margin: -1rem!important
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem!important
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem!important
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem!important
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem!important
}
.m-sm-n4 {
margin: -1.5rem!important
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem!important
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem!important
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem!important
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem!important
}
.m-sm-n5 {
margin: -3rem!important
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem!important
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem!important
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem!important
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem!important
}
.m-sm-auto {
margin: auto!important
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto!important
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto!important
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto!important
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto!important
}
}
@media (min-width:768px) {
.m-md-0 {
margin: 0!important
}
.mt-md-0,
.my-md-0 {
margin-top: 0!important
}
.mr-md-0,
.mx-md-0 {
margin-right: 0!important
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0!important
}
.ml-md-0,
.mx-md-0 {
margin-left: 0!important
}
.m-md-1 {
margin: .25rem!important
}
.mt-md-1,
.my-md-1 {
margin-top: .25rem!important
}
.mr-md-1,
.mx-md-1 {
margin-right: .25rem!important
}
.mb-md-1,
.my-md-1 {
margin-bottom: .25rem!important
}
.ml-md-1,
.mx-md-1 {
margin-left: .25rem!important
}
.m-md-2 {
margin: .5rem!important
}
.mt-md-2,
.my-md-2 {
margin-top: .5rem!important
}
.mr-md-2,
.mx-md-2 {
margin-right: .5rem!important
}
.mb-md-2,
.my-md-2 {
margin-bottom: .5rem!important
}
.ml-md-2,
.mx-md-2 {
margin-left: .5rem!important
}
.m-md-3 {
margin: 1rem!important
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem!important
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem!important
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem!important
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem!important
}
.m-md-4 {
margin: 1.5rem!important
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem!important
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem!important
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem!important
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem!important
}
.m-md-5 {
margin: 3rem!important
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem!important
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem!important
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem!important
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem!important
}
.p-md-0 {
padding: 0!important
}
.pt-md-0,
.py-md-0 {
padding-top: 0!important
}
.pr-md-0,
.px-md-0 {
padding-right: 0!important
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0!important
}
.pl-md-0,
.px-md-0 {
padding-left: 0!important
}
.p-md-1 {
padding: .25rem!important
}
.pt-md-1,
.py-md-1 {
padding-top: .25rem!important
}
.pr-md-1,
.px-md-1 {
padding-right: .25rem!important
}
.pb-md-1,
.py-md-1 {
padding-bottom: .25rem!important
}
.pl-md-1,
.px-md-1 {
padding-left: .25rem!important
}
.p-md-2 {
padding: .5rem!important
}
.pt-md-2,
.py-md-2 {
padding-top: .5rem!important
}
.pr-md-2,
.px-md-2 {
padding-right: .5rem!important
}
.pb-md-2,
.py-md-2 {
padding-bottom: .5rem!important
}
.pl-md-2,
.px-md-2 {
padding-left: .5rem!important
}
.p-md-3 {
padding: 1rem!important
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem!important
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem!important
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem!important
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem!important
}
.p-md-4 {
padding: 1.5rem!important
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem!important
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem!important
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem!important
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem!important
}
.p-md-5 {
padding: 3rem!important
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem!important
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem!important
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem!important
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem!important
}
.m-md-n1 {
margin: -.25rem!important
}
.mt-md-n1,
.my-md-n1 {
margin-top: -.25rem!important
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -.25rem!important
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -.25rem!important
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -.25rem!important
}
.m-md-n2 {
margin: -.5rem!important
}
.mt-md-n2,
.my-md-n2 {
margin-top: -.5rem!important
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -.5rem!important
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -.5rem!important
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -.5rem!important
}
.m-md-n3 {
margin: -1rem!important
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem!important
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem!important
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem!important
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem!important
}
.m-md-n4 {
margin: -1.5rem!important
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem!important
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem!important
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem!important
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem!important
}
.m-md-n5 {
margin: -3rem!important
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem!important
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem!important
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem!important
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem!important
}
.m-md-auto {
margin: auto!important
}
.mt-md-auto,
.my-md-auto {
margin-top: auto!important
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto!important
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto!important
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto!important
}
}
@media (min-width:992px) {
.m-lg-0 {
margin: 0!important
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0!important
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0!important
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0!important
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0!important
}
.m-lg-1 {
margin: .25rem!important
}
.mt-lg-1,
.my-lg-1 {
margin-top: .25rem!important
}
.mr-lg-1,
.mx-lg-1 {
margin-right: .25rem!important
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: .25rem!important
}
.ml-lg-1,
.mx-lg-1 {
margin-left: .25rem!important
}
.m-lg-2 {
margin: .5rem!important
}
.mt-lg-2,
.my-lg-2 {
margin-top: .5rem!important
}
.mr-lg-2,
.mx-lg-2 {
margin-right: .5rem!important
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: .5rem!important
}
.ml-lg-2,
.mx-lg-2 {
margin-left: .5rem!important
}
.m-lg-3 {
margin: 1rem!important
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem!important
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem!important
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem!important
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem!important
}
.m-lg-4 {
margin: 1.5rem!important
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem!important
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem!important
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem!important
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem!important
}
.m-lg-5 {
margin: 3rem!important
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem!important
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem!important
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem!important
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem!important
}
.p-lg-0 {
padding: 0!important
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0!important
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0!important
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0!important
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0!important
}
.p-lg-1 {
padding: .25rem!important
}
.pt-lg-1,
.py-lg-1 {
padding-top: .25rem!important
}
.pr-lg-1,
.px-lg-1 {
padding-right: .25rem!important
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: .25rem!important
}
.pl-lg-1,
.px-lg-1 {
padding-left: .25rem!important
}
.p-lg-2 {
padding: .5rem!important
}
.pt-lg-2,
.py-lg-2 {
padding-top: .5rem!important
}
.pr-lg-2,
.px-lg-2 {
padding-right: .5rem!important
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: .5rem!important
}
.pl-lg-2,
.px-lg-2 {
padding-left: .5rem!important
}
.p-lg-3 {
padding: 1rem!important
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem!important
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem!important
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem!important
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem!important
}
.p-lg-4 {
padding: 1.5rem!important
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem!important
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem!important
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem!important
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem!important
}
.p-lg-5 {
padding: 3rem!important
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem!important
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem!important
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem!important
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem!important
}
.m-lg-n1 {
margin: -.25rem!important
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -.25rem!important
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -.25rem!important
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -.25rem!important
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -.25rem!important
}
.m-lg-n2 {
margin: -.5rem!important
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -.5rem!important
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -.5rem!important
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -.5rem!important
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -.5rem!important
}
.m-lg-n3 {
margin: -1rem!important
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem!important
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem!important
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem!important
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem!important
}
.m-lg-n4 {
margin: -1.5rem!important
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem!important
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem!important
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem!important
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem!important
}
.m-lg-n5 {
margin: -3rem!important
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem!important
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem!important
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem!important
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem!important
}
.m-lg-auto {
margin: auto!important
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto!important
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto!important
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto!important
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto!important
}
}
@media (min-width:1200px) {
.m-xl-0 {
margin: 0!important
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0!important
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0!important
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0!important
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0!important
}
.m-xl-1 {
margin: .25rem!important
}
.mt-xl-1,
.my-xl-1 {
margin-top: .25rem!important
}
.mr-xl-1,
.mx-xl-1 {
margin-right: .25rem!important
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: .25rem!important
}
.ml-xl-1,
.mx-xl-1 {
margin-left: .25rem!important
}
.m-xl-2 {
margin: .5rem!important
}
.mt-xl-2,
.my-xl-2 {
margin-top: .5rem!important
}
.mr-xl-2,
.mx-xl-2 {
margin-right: .5rem!important
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: .5rem!important
}
.ml-xl-2,
.mx-xl-2 {
margin-left: .5rem!important
}
.m-xl-3 {
margin: 1rem!important
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem!important
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem!important
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem!important
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem!important
}
.m-xl-4 {
margin: 1.5rem!important
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem!important
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem!important
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem!important
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem!important
}
.m-xl-5 {
margin: 3rem!important
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem!important
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem!important
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem!important
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem!important
}
.p-xl-0 {
padding: 0!important
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0!important
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0!important
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0!important
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0!important
}
.p-xl-1 {
padding: .25rem!important
}
.pt-xl-1,
.py-xl-1 {
padding-top: .25rem!important
}
.pr-xl-1,
.px-xl-1 {
padding-right: .25rem!important
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: .25rem!important
}
.pl-xl-1,
.px-xl-1 {
padding-left: .25rem!important
}
.p-xl-2 {
padding: .5rem!important
}
.pt-xl-2,
.py-xl-2 {
padding-top: .5rem!important
}
.pr-xl-2,
.px-xl-2 {
padding-right: .5rem!important
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: .5rem!important
}
.pl-xl-2,
.px-xl-2 {
padding-left: .5rem!important
}
.p-xl-3 {
padding: 1rem!important
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem!important
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem!important
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem!important
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem!important
}
.p-xl-4 {
padding: 1.5rem!important
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem!important
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem!important
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem!important
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem!important
}
.p-xl-5 {
padding: 3rem!important
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem!important
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem!important
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem!important
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem!important
}
.m-xl-n1 {
margin: -.25rem!important
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -.25rem!important
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -.25rem!important
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -.25rem!important
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -.25rem!important
}
.m-xl-n2 {
margin: -.5rem!important
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -.5rem!important
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -.5rem!important
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -.5rem!important
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -.5rem!important
}
.m-xl-n3 {
margin: -1rem!important
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem!important
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem!important
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem!important
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem!important
}
.m-xl-n4 {
margin: -1.5rem!important
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem!important
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem!important
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem!important
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem!important
}
.m-xl-n5 {
margin: -3rem!important
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem!important
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem!important
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem!important
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem!important
}
.m-xl-auto {
margin: auto!important
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto!important
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto!important
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto!important
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto!important
}
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0)
}
.text-monospace {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace!important
}
.text-justify {
text-align: justify!important
}
.text-wrap {
white-space: normal!important
}
.text-nowrap {
white-space: nowrap!important
}
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.text-left {
text-align: left!important
}
.text-right {
text-align: right!important
}
.text-center {
text-align: center!important
}
@media (min-width:576px) {
.text-sm-left {
text-align: left!important
}
.text-sm-right {
text-align: right!important
}
.text-sm-center {
text-align: center!important
}
}
@media (min-width:768px) {
.text-md-left {
text-align: left!important
}
.text-md-right {
text-align: right!important
}
.text-md-center {
text-align: center!important
}
}
@media (min-width:992px) {
.text-lg-left {
text-align: left!important
}
.text-lg-right {
text-align: right!important
}
.text-lg-center {
text-align: center!important
}
}
@media (min-width:1200px) {
.text-xl-left {
text-align: left!important
}
.text-xl-right {
text-align: right!important
}
.text-xl-center {
text-align: center!important
}
}
.text-lowercase {
text-transform: lowercase!important
}
.text-uppercase {
text-transform: uppercase!important
}
.text-capitalize {
text-transform: capitalize!important
}
.font-weight-light {
font-weight: 300!important
}
.font-weight-lighter {
font-weight: lighter!important
}
.font-weight-normal {
font-weight: 400!important
}
.font-weight-bold {
font-weight: 700!important
}
.font-weight-bolder {
font-weight: bolder!important
}
.font-italic {
font-style: italic!important
}
.text-white {
color: #fff!important
}
.text-primary {
color: #007bff!important
}
a.text-primary:focus,
a.text-primary:hover {
color: #0056b3!important
}
.text-secondary {
color: #6c757d!important
}
a.text-secondary:focus,
a.text-secondary:hover {
color: #494f54!important
}
.text-success {
color: #28a745!important
}
a.text-success:focus,
a.text-success:hover {
color: #19692c!important
}
.text-info {
color: #17a2b8!important
}
a.text-info:focus,
a.text-info:hover {
color: #0f6674!important
}
.text-warning {
color: #ffc107!important
}
a.text-warning:focus,
a.text-warning:hover {
color: #ba8b00!important
}
.text-danger {
color: #dc3545!important
}
a.text-danger:focus,
a.text-danger:hover {
color: #a71d2a!important
}
.text-light {
color: #f8f9fa!important
}
a.text-light:focus,
a.text-light:hover {
color: #cbd3da!important
}
.text-dark {
color: #343a40!important
}
a.text-dark:focus,
a.text-dark:hover {
color: #121416!important
}
.text-body {
color: #212529!important
}
.text-muted {
color: #6c757d!important
}
.text-black-50 {
color: rgba(0, 0, 0, .5)!important
}
.text-white-50 {
color: rgba(255, 255, 255, .5)!important
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0
}
.text-decoration-none {
text-decoration: none!important
}
.text-break {
word-break: break-word!important;
overflow-wrap: break-word!important
}
.text-reset {
color: inherit!important
}
.visible {
visibility: visible!important
}
.invisible {
visibility: hidden!important
}
@media print {
*,
::after,
::before {
text-shadow: none!important;
box-shadow: none!important
}
a:not(.btn) {
text-decoration: underline
}
abbr[title]::after {
content: " (" attr(title) ")"
}
pre {
white-space: pre-wrap!important
}
blockquote,
pre {
border: 1px solid #adb5bd;
page-break-inside: avoid
}
thead {
display: table-header-group
}
img,
tr {
page-break-inside: avoid
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
@page {
size: a3
}
body {
min-width: 992px!important
}
.container {
min-width: 992px!important
}
.navbar {
display: none
}
.badge {
border: 1px solid #000
}
.table {
border-collapse: collapse!important
}
.table td,
.table th {
background-color: #fff!important
}
.table-bordered td,
.table-bordered th {
border: 1px solid #dee2e6!important
}
.table-dark {
color: inherit
}
.table-dark tbody+tbody,
.table-dark td,
.table-dark th,
.table-dark thead th {
border-color: #dee2e6
}
.table .thead-dark th {
color: inherit;
border-color: #dee2e6
}
}html {
height: 100%;
}
body {
min-height: 100%;
padding: 0;
margin: 0;
position: relative;
font-family: "Open Sans", "arial", "sans-serif";
font-size: 14px;
}
.lddfw_back_to_login_link svg,
#lddfw_new_password_reset_link svg,
#lddfw_back_to_forgot_password_link svg {
width: 12px;
top: -1px;
}
#lddfw_driver_delivered_note_wrap,
#lddfw_driver_note_wrap {
margin-bottom: 10px;
}
.lddfw_date_range {
margin-top: 15px;
margin-bottom: 15px;
line-height: 12px;
}
#lddfw_orders_table .lddfw_box {
min-height: 122px;
}
.lddfw_box .lddfw_counter {
border-width: 1px;
border-style: solid;
width: 30px;
height: 30px;
display: inline-block;
text-align: center;
border-radius: 100px;
font-size: 12px;
line-height: 29px;
position: absolute;
top: 50%;
margin-top: -15px;
}
.lddfw_order_view {
padding: 4px 8px;
position: absolute;
right: 13px;
}
.lddfw_multi_checkbox {
cursor: pointer;
position: relative;
}
.lddfw_multi_checkbox .lddfw_order_checkbox {
position: absolute;
top: 0;
margin-top: -15px;
}
.lddfw_multi_checkbox .custom-control-label {
cursor: pointer;
}
.lddfw_multi_checkbox .custom-control-label::before,
.lddfw_multi_checkbox .custom-control-label::after {
width: 20px;
height: 20px;
}
#lddfw_plain_route_note_alert {
padding-right: 24px;
}
.lddfw_handle_column {
position: absolute;
top: 0px;
right: 13px;
top: 0px;
margin-top: 0px;
z-index: 0;
height: 100%;
border-radius: 0.25rem;
padding: 5px;
padding-top: 15px;
}
.lddfw_dashboard .lddfw_box a {
display: inline-block;
width: 100%;
height: 100%;
}
#lddfw_next_delivery .btn,
.lddfw_order_alert .btn {
margin-top: 10px;
}
.lddfw_order_alert h2 {
font-size: 24px;
}
#lddfw_next_delivery,
.lddfw_order_alert h2 {
margin-bottom: 15px;
}
.lddfw_handle_column .lddfw_sort-up {
clear: both;
display: block;
margin-bottom: 15px;
}
.lddfw_handle_column .lddfw_fas {
font-size: 20px;
}
#lddfw_order {
margin-top: 15px;
}
.lddfw_no_map#lddfw_order {
margin-top: 85px;
}
.lddfw_box .lddfw_order_number {
display: block;
}
.lddfw_box .lddfw_order_notes,
.lddfw_box .lddfw_order_address {
display: block;
padding-left: 45px;
}
.lddfw_box .lddfw_order_custom {
display: block;
padding-left: 0;
} .lddfw_order_custom {
display: block;
width: 100%;
margin: 0;
padding: 0;
border: 0;
text-decoration: none;
color: inherit;
}
a.lddfw_order_custom:hover {
text-decoration: none;
color: inherit;
}
.lddfw_order_list_custom_field {
display: flex;
align-items: center;
gap: 0.75rem;
margin: 0;
padding: 0.55rem 0 0.55rem 1.55rem;
border-bottom: 1px dashed #eef1f7;
font-size: 0.875rem;
line-height: 1.45;
color: #475569;
position: relative;
word-break: break-word;
}
.lddfw_order_list_custom_field::before {
content: "";
position: absolute;
left: 0;
top: 0.6rem;
width: 1.1rem;
height: 1.1rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.75;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2364748b'><path d='M4 6h16v2H4zm0 5h16v2H4zm0 5h10v2H4z'/></svg>");
}
a.lddfw_order_custom:hover .lddfw_order_list_custom_field {
color: #0f172a;
}
.dark .lddfw_order_list_custom_field {
color: #cbd5e1;
border-bottom-color: #334155;
}
.dark a.lddfw_order_custom:hover .lddfw_order_list_custom_field {
color: #f1f5f9;
}
.dark .lddfw_order_list_custom_field::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h10v2H4z'/></svg>");
}
.lddfw_box .lddfw_order_distance {
display: block;
padding-left: 45px;
}
.lddfw_box .lddfw_order_notes {
padding: 10px 15px;
margin: 10px 0;
font-size: 14px;
line-height: 1.5;
}
.lddfw_box .lddfw_line {
display: block;
padding-left: 45px;
}
.lddfw_order_total_tbl i {
font-weight: normal;
}
a {
text-decoration: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Roboto", sans-serif;
}
.lddfw_table thead th {
vertical-align: bottom;
border-bottom-width: 2px;
border-bottom-style: solid;
margin-top: 0px;
padding-top: 0px;
}
.lddfw_table td,
.lddfw_table th {
border-top: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.lddfw_title {
font-size: 20px;
margin-bottom: 15px;
margin-top: 15px;
}
#lddfw_calldispatch i {
font-size: 17px;
margin-bottom: 4px;
}
#lddfw_calldispatch {
position: fixed;
bottom: 96px;
border-width: 1px;
border-style: solid;
z-index: 1;
width: 100px;
border-radius: 65px;
height: 60px;
width: 60px;
font-size: 12px;
right: 10px;
text-align: center;
line-height: 11px;
}
#lddfw_plain_route_row {
line-height: 28px;
}
.lddfw_box p,
#lddfw_claim_order_button_loading,
.lddfw_footer_buttons.driver_assigned .lddfw_loading_btn {
margin: 0px;
}
.lddfw_box {
border-width: 1px;
border-style: solid;
width: 100%;
border-radius: 4px;
text-align: left;
padding: 15px;
margin-bottom: 1rem;
}
.lddfw_box.lddfw_min {
min-height: 155px;
margin-bottom: 15px;
}
.lddfw_box .lddfw_title {
border-bottom-width: 1px;
border-bottom-style: solid;
width: 100%;
display: block;
padding-bottom: 10px;
font-size: 16px;
margin: 0px;
margin-bottom: 10px;
}
.lddfw_dashboard .lddfw_box .lddfw_number {
font-size: 50px;
display: block;
}
#lddfw_plainroute {
font-size: 28px;
}
#lddfw_home .lddfw_cover {
padding: 0px;
height: 50%;
text-align: center;
min-height: auto;
position: relative;
}
body::after {
content: "";
display: block;
}
.lddfw_cover {
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
margin-bottom: 15px;
}
.lddfw_helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.lddfw_date_range {
line-height: 21px;
}
.lddfw_dashboard .lddfw_box.min.text-center {
min-height: 157px;
display: flex;
align-items: center;
justify-content: center;
}
span.driver_photo_wrap {
border-radius: 100px;
width: 70px;
height: 70px;
overflow: hidden;
display: block;
margin: 0 auto;
text-align: center;
position: relative;
margin-bottom: 6px;
}
img.driver_photo {
width: auto;
height: auto;
margin: 0 auto;
max-width: 100%;
max-height: 100px;
}
#lddfw_home {
text-align: center;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
}
.lddfw_cover img {
max-height: 100%;
max-width: 100%;
}
#lddfw_home .lddfw_cover img {
height: auto;
width: auto;
}
#lddfw_page h1 {
font-size: 26px;
}
#lddfw_home h1 {
font-size: 30px;
font-weight: bold;
}
label.error {
margin-top: -15px;
}
#lddfw_application_thankyou .lddfw_back_to_login_link {
margin-top: 50px;
}
#lddfw_application_link {
margin-top: 0px;
display: inline-block;
font-size: 14px;
}
#lddfw_view_assigned_orders_button,
#lddfw_view_out_of_delivery_orders_button {
margin-top: 15px;
}
#lddfw_page {
padding-bottom: 15px;
width: 100%;
display: inline-block;
}
#lddfw_page.out_for_delivery {
padding-bottom: 90px;
}
.lddfw_page .lddfw_signup_button {
margin-top: 20px;
margin-bottom: 20px;
}
#lddfw_forgot_password_link,
.lddfw_back_to_login_link {
margin-top: 10px;
margin-bottom: 10px;
display: block;
}
#lddfw_orders_table .pagination {
margin: 0px;
margin-bottom: 7px;
}
#lddfw_delivered_btn,
.lddfw_date_range,
.lddfw_page form input,
.lddfw_page form textarea,
.lddfw_submit_btn,
.lddfw_loading_btn,
#lddfw_resend_button,
.lddfw_delivery_form .lddfw_btn,
.lddfw_plain_route_wrap {
margin-bottom: 15px;
}
.spinner-border-sm {
top: -5px;
position: relative;
}
#lddfw_login,
#lddfw_forgot_password {
text-align: left;
}
.alert {
text-align: left;
margin-bottom: 15px;
}
.alert ul {
list-style: none;
margin: 0px;
}
#lddfw_logout {
font-size: 32px;
}
#lddfw_thankyou,
.lddfw_order_alert {
text-align: center;
padding-top: 100px;
}
.lddfw_delivery_form .lddfw_lightbox_wrap {
top: 0;
margin-top: 10px;
position: absolute;
width: 100%;
}
.lddfw_delivery_form #lddfw_driver_comment_label {
margin-top: 40px;
}
.billing_phone {
margin-top: 10px;
}
#lddfw_thankyou .lddfw_btn,
.lddfw_order_alert .lddfw_btn {
margin-top: 20px;
}
#lddfw_start_delivery_btn,
#lddfw_start_delivery_loading_btn {
border-radius: 12px !important;
font-weight: 600 !important;
background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%) !important;
background-image: linear-gradient(
135deg,
#1d4ed8 0%,
#3b82f6 100%
) !important;
border: 0 !important;
color: #fff !important;
box-shadow: 0 2px 6px rgba(29, 78, 216, 0.28) !important;
transition:
filter 0.15s ease,
transform 0.15s ease,
box-shadow 0.15s ease;
}
#lddfw_start_delivery_loading_btn {
margin: 0px;
min-height: 48px;
}
#lddfw_start_delivery_btn:hover,
#lddfw_start_delivery_btn:focus {
filter: brightness(1.07) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(29, 78, 216, 0.35) !important;
color: #fff !important;
}
#lddfw_start_delivery_loading_btn .spinner-border-sm {
top: 0px;
}
#lddfw_thankyou .fa-check-circle,
.lddfw_order_alert svg {
font-size: 75px;
margin-bottom: 20px;
margin-top: 20px;
width: 100px;
}
#lddfw_thankyou .lddfw_lightbox_wrap,
.lddfw_order_alert .lddfw_lightbox_wrap {
top: 50%;
margin-top: -150px;
position: absolute;
width: 100%;
}
.delivered-report .lddfw_box b.lddfw_text {
font-size: 21px;
}
.lddfw_break {
flex-basis: 100%;
height: 0;
}
.delivered-report .lddfw_box {
min-height: 111px;
vertical-align: middle;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.delivery_header svg.fa-plus {
width: 15px;
top: -1px;
}
svg.fa-signature {
width: 32px;
}
.lddfw_lightbox_wrap .btn {
margin-bottom: 0px;
}
.lddfw_lightbox {
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
z-index: 999;
padding-top: 20px;
} html.lddfw-scroll-lock,
body.lddfw-scroll-lock {
overflow: hidden;
height: 100%;
overscroll-behavior: none;
}
.lddfw_footer_buttons {
position: fixed;
bottom: 0px;
width: 100%;
padding: 12px 0px;
border-top-width: 1px;
border-top-style: solid;
z-index: 99;
}
.lddfw_page_content {
margin-top: 70px;
}
div#signature-image {
width: 100%;
height: 100%;
text-align: center;
}
#lddfw_delivery_screen .screen_wrap {
margin-top: 50px;
}
#lddfw_driver_add_signature_btn {
white-space: nowrap;
}
.lddfw_lightbox_close {
font-size: 58px;
right: 30px;
position: fixed;
top: -11px;
text-decoration: none;
z-index: 99999;
width: auto !important;
height: auto !important;
}
.lddfw_logout-col {
margin-top: 10px;
}
.lddfw_header_title {
font-size: 20px;
}
#lddfw_header {
height: 70px;
border-bottom-width: 1px;
border-bottom-style: solid;
padding-top: 9px;
margin-bottom: 0px;
padding-top: 17px;
line-height: 32px;
position: fixed;
width: 100%;
z-index: 999;
top: 0px;
}
#lddfw_header .lddfw_col-8.lddfw_text-center,
#lddfw_hide_map .lddfw_col-8.lddfw_text-center {
font-size: 20px;
}
#lddfw_orders_table .lddfw_fa-sort {
font-size: 22px;
}
#lddfw_sort_orders a {
font-size: 20px;
border-width: 1px;
border-style: solid;
padding: 5px 10px;
display: inline-block;
margin-bottom: 10px;
border-radius: 4px;
}
#lddfw_order #order_number {
font-size: 20px;
font-weight: bold;
margin: 0px;
margin-top: 10px;
}
#lddfw_navigation_buttons {
margin-bottom: 10px;
}
#lddfw_order p,
#lddfw_out_for_delivery_button_loading,
#lddfw_claim_orders_button_loading,
#lddfw_claim_order_button_loading,
#lddfw_order_unassign_button_loading,
#lddfw_order_out_for_delivery_button_loading {
margin: 0px;
}
#view_out_of_delivery_orders_button {
margin-bottom: 15px;
}
.lddfw_map_buttons {
margin-top: 15px;
}
#lddfw_order #lddfw_customer {
line-height: 19px;
}
#lddfw_menu {
position: relative;
}
#lddfw_availability {
font-size: 28px;
vertical-align: middle;
position: relative;
top: -2px;
}
#lddfw_availability .fa-toggle-off,
#lddfw_trackme .lddfw_trackme_off,
.lddfw_order_alert .fa-times-circle {
}
#lddfw_availability .fa-toggle-on,
#lddfw_trackme .lddfw_trackme_on {
}
#lddfw_customer .whatsapp_phone {
margin-top: 10px;
}
.lddfw_order_alert .lddfw_notice {
margin-top: 30px;
margin-bottom: 30px;
}
.lddfw_cover i {
font-size: 100px;
padding-top: 30px;
padding-bottom: 30px;
}
svg {
width: 20px;
vertical-align: middle;
position: relative;
}
#lddfw_mySidenav svg,
.lddfw_navigation svg {
top: -2px;
}
.lddfw_box .lddfw_text {
font-size: 21px;
}
.lddfw_cover svg {
padding-top: 30px;
padding-bottom: 30px;
width: 100px;
}
.lddfw_content-subtitle {
font-weight: bold;
margin-bottom: 15px !important;
}
.lddfw_subtitle {
margin-bottom: 15px;
}
.lddfw_premium-feature {
text-align: left;
}
.lddfw_premium-feature .btn svg {
margin-top: -4px;
}
.premium_feature_title {
margin-bottom: 20px !important;
text-align: center;
border-bottom-width: 1px !important;
border-bottom-style: solid !important;
font-size: 20px !important;
padding-bottom: 15px !important;
}
.premium_feature_title p {
margin: 0px;
}
div#lddfw_directions {
margin-top: 48px;
}
.lddfw_premium-feature-content {
margin-top: 35px;
}
#google_map {
margin-top: -15px;
}
#lddfw_delivery_screen .screen_wrap .lddfw_premium-feature-content {
margin-top: -15px;
} #lddfw_delivery_photo .lddfw_premium-feature-content,
#lddfw_delivery_signature .lddfw_premium-feature-content {
margin: 2rem auto;
max-width: 26rem;
padding: 1.5rem 1.25rem 1.35rem;
background: #fff;
border: 1px solid #e9ecef;
border-radius: 16px;
box-shadow:
0 1px 2px rgba(15, 23, 42, 0.05),
0 8px 24px -4px rgba(15, 23, 42, 0.1);
text-align: left;
}
#lddfw_delivery_photo .lddfw_premium-feature-content .premium_feature_title,
#lddfw_delivery_signature
.lddfw_premium-feature-content
.premium_feature_title {
border-bottom-color: #e9ecef !important;
font-size: 1rem !important;
text-align: center;
}
#lddfw_delivery_photo .lddfw_premium-feature-content .premium_feature_title h2,
#lddfw_delivery_signature
.lddfw_premium-feature-content
.premium_feature_title
h2 {
font-size: 1.3rem !important;
font-weight: 700;
color: #0f172a;
margin-bottom: 0.15rem !important;
}
#lddfw_delivery_photo .lddfw_premium-feature-content .premium_feature_title p,
#lddfw_delivery_signature
.lddfw_premium-feature-content
.premium_feature_title
p {
font-size: 0.8rem;
color: #64748b;
} .dark #lddfw_delivery_photo .lddfw_premium-feature-content,
.dark #lddfw_delivery_signature .lddfw_premium-feature-content {
background: #111a2e;
border-color: #334155;
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.2),
0 8px 24px -4px rgba(0, 0, 0, 0.35);
}
.dark
#lddfw_delivery_photo
.lddfw_premium-feature-content
.premium_feature_title
h2,
.dark
#lddfw_delivery_signature
.lddfw_premium-feature-content
.premium_feature_title
h2 {
color: #f1f5f9;
}
.dark
#lddfw_delivery_photo
.lddfw_premium-feature-content
.premium_feature_title
p,
.dark
#lddfw_delivery_signature
.lddfw_premium-feature-content
.premium_feature_title
p {
color: #94a3b8;
}
.lddfw_premium-feature-content svg {
top: -3px;
}
.lddfw_premium-feature.lddfw_inline {
display: inline-block;
margin-bottom: 15px;
}  .lddfw_premium-trigger-btn {
display: inline-flex;
align-items: center;
gap: 0.35rem;
background: rgba(255, 193, 6, 0.12);
border: 1px solid rgba(255, 193, 6, 0.45);
color: #92640a;
border-radius: 20px;
padding: 0.25rem 0.7rem;
font-size: 0.8rem;
font-weight: 600;
line-height: 1.4;
cursor: pointer;
transition:
background 0.15s ease,
box-shadow 0.15s ease,
transform 0.15s ease;
}
.lddfw_premium-trigger-btn:hover,
.lddfw_premium-trigger-btn:focus {
background: rgba(255, 193, 6, 0.22);
box-shadow: 0 0 0 3px rgba(255, 193, 6, 0.2);
transform: translateY(-1px);
outline: none;
}
.lddfw_premium-trigger-btn svg {
width: 14px;
height: 14px;
flex-shrink: 0;
} .lddfw_premium-modal.lddfw_lightbox {
background: rgba(15, 23, 42, 0.58);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
padding: 1rem;
} .lddfw_premium-modal.lddfw_lightbox:not([style*="display:none"]):not(
[style*="display: none"]
) {
display: flex !important;
align-items: center;
justify-content: center;
} .lddfw_premium-modal .lddfw_lightbox_wrap {
display: block;
flex: 0 1 auto;
height: auto;
width: min(100%, 28rem);
max-width: 28rem;
margin: 0;
position: relative;
top: auto !important;
padding: 0;
animation: lddfw-pm-slide-up 0.25s ease both;
} .lddfw_premium-modal .lddfw_lightbox_wrap .container {
max-width: none;
padding: 1.75rem 1.5rem 1.5rem;
background: #fff;
border: 1px solid #e9ecef;
border-radius: 16px;
box-shadow:
0 1px 2px rgba(15, 23, 42, 0.05),
0 24px 48px -12px rgba(15, 23, 42, 0.28);
position: relative;
} .lddfw_premium-modal__close {
position: absolute;
top: 12px;
right: 12px;
width: 30px;
height: 30px;
border-radius: 50%;
background: #f1f5f9;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
color: #475569;
transition:
background 0.15s ease,
color 0.15s ease; position: absolute !important;
top: 12px !important;
right: 12px !important;
font-size: inherit !important;
width: 30px !important;
height: 30px !important;
z-index: 1;
}
.lddfw_premium-modal__close:hover,
.lddfw_premium-modal__close:focus {
background: #e2e8f0;
color: #0f172a;
outline: none;
}
.lddfw_premium-modal__close svg {
width: 15px;
height: 15px;
display: block;
} .lddfw_premium-modal .lddfw_premium-feature-content {
margin-top: 0;
font-weight: normal;
font-size: 14px;
} .lddfw_premium-modal .premium_feature_title {
font-size: 1rem !important;
margin-bottom: 0.85rem !important;
padding-bottom: 0.75rem !important;
text-align: center !important;
}
.lddfw_premium-modal .premium_feature_title h2 {
font-size: 1.05rem;
font-weight: 700;
color: #0f172a;
margin-bottom: 0.15rem !important;
text-align: center;
}
.lddfw_premium-modal .premium_feature_title p {
font-size: 0.8rem;
color: #64748b;
text-align: center;
} .lddfw_premium-godit-btn { position: static !important;
top: auto !important;
right: auto !important;
font-size: 0.925rem !important;
z-index: 1 !important;
width: 100% !important;
height: auto !important;
text-decoration: none !important; display: block;
margin-top: 1rem;
padding: 0.75rem 1rem;
background: linear-gradient(135deg, #ffc106, #ff8f00) !important;
color: #fff !important;
border: none !important;
border-radius: 12px !important;
font-weight: 700;
text-align: center;
cursor: pointer;
box-shadow: 0 2px 8px rgba(255, 143, 0, 0.3);
transition:
filter 0.15s ease,
box-shadow 0.15s ease,
transform 0.15s ease;
}
.lddfw_premium-godit-btn:hover,
.lddfw_premium-godit-btn:focus {
filter: brightness(1.08);
box-shadow: 0 4px 16px rgba(255, 143, 0, 0.4) !important;
transform: translateY(-1px);
outline: none;
}
.dark .lddfw_premium-godit-btn {
box-shadow: 0 2px 8px rgba(255, 143, 0, 0.2);
} @keyframes lddfw-pm-slide-up {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .dark .lddfw_premium-modal .lddfw_lightbox_wrap .container {
background: #111a2e;
border-color: #334155;
box-shadow:
0 1px 2px rgba(0, 0, 0, 0.2),
0 24px 48px -12px rgba(0, 0, 0, 0.55);
}
.dark .lddfw_premium-modal .premium_feature_title h2 {
color: #f1f5f9;
}
.dark .lddfw_premium-modal .premium_feature_title p {
color: #94a3b8;
}
.dark .lddfw_premium-modal__close {
background: #1e293b;
color: #94a3b8;
}
.dark .lddfw_premium-modal__close:hover,
.dark .lddfw_premium-modal__close:focus {
background: #334155;
color: #f1f5f9;
}
.lddfw_items img {
float: left;
margin-right: 10px;
max-width: 50px;
max-height: 50px;
width: auto;
height: auto;
margin-top: 6px;
}
.lddfw_back_link svg,
#lddfw_menu .fa-bars,
#lddfw_availability svg,
#lddfw_hide_map_btn .fa-arrow-left,
#lddfw_trackme svg {
width: 34px;
}
#lddfw_claim_orders_button svg,
#lddfw_claim_order_button svg,
#lddfw_order_out_for_delivery_button svg,
#lddfw_out_for_delivery_button svg {
top: -1px;
}
#lddfw_order svg,
.lddfw_done_btn svg {
top: -2px;
width: 16px;
}
#lddfw_plainroute_btn svg {
top: -3px;
}
#lddfw_plain_route_row .lddfw_loading_btn,
#lddfw_plain_route_row .lddfw_done_btn {
margin: 0px;
}
#lddfw_sortroute_btn svg {
height: 20px;
}
#lddfw_plainroute_btn .fa-lock {
width: 16px;
}
.availability-text {
line-height: 42px;
}
.lddfw_table td.lddfw_space_col {
width: 70%;
border: none;
}
.lddfw_total_col {
width: 100px;
text-align: center;
}
#lddfw_footer {
position: absolute;
bottom: 0;
width: 100%;
height: 24px;
text-align: center;
line-height: 24px;
font-size: 12px;
}
#lddfw_user_avatar {
border-radius: 100px;
width: 100px;
height: 100px;
border-width: 1px;
border-style: solid;
}
.lddfw_avatar-col {
text-align: right;
margin-top: 10px;
}
#lddfw_menu .lddfw_availability {
position: absolute;
font-size: 0;
right: 5px;
bottom: 5px;
top: auto;
left: auto;
border-radius: 50%;
padding: 0;
width: 9px;
height: 9px;
line-height: 0;
display: block;
}
.lddfw_sidenav h3 {
font-size: 20px;
margin: 5px;
margin-top: 0px;
}
.lddfw_sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 999;
top: 0;
left: 0;
overflow-x: hidden;
padding-top: 16px;
text-align: left;
}
#lddfw_directions-panel-listing {
padding-top: 0;
height: 36%;
overflow-y: auto;
font-size: 14px;
bottom: 0px;
}
#lddfw_directions-panel-listing .fa-map-marker,
#lddfw_directions-panel-lightbox .fa-map-marker {
font-size: 26px;
position: absolute;
top: 50%;
margin-top: -13px;
left: 11%;
margin-left: -9px;
z-index: 0;
}
#lddfw_directions-panel-listing .lddfw_text-center {
position: relative;
}
#lddfw_directions-panel-listing .lddfw_point,
#lddfw_directions-panel-lightbox .lddfw_point {
position: absolute;
margin-left: -14px;
margin-top: 0px;
z-index: 1;
top: 50%;
left: 12%;
margin-top: -12px;
margin-left: -4px;
}
#lddfw_directions-panel-lightbox .adp-placemark {
display: none;
}
#lddfw_directions-panel-listing .lddfw_address {
padding-top: 5px;
padding-bottom: 5px;
}
#lddfw_directions-panel-listing .lddfw_drive {
margin-bottom: 5px;
margin-top: 5px;
}
.lddfw_order_products_tbl td,
.lddfw_order_products_tbl .table th {
border-top-width: 1px;
border-top-style: solid;
}
tr:first-child td,
tr:first-child th {
border: none;
}
a.lddfw_closebtn {
font-size: 58px !important;
right: 1px !important;
top: 10px !important;
}
#lddfw_hide_map {
height: 70px;
padding-top: 9px;
margin-bottom: 0px;
padding-top: 19px;
line-height: 32px;
margin-top: -70px;
}
.lddfw_dropdown-divider {
border-top-width: 1px;
border-top-style: solid;
}
.lddfw_sidenav .dropdown-header {
text-align: center;
}
#lddfw_header .lddfw_sidenav a {
padding: 6px 8px 6px 32px;
text-decoration: none;
font-size: 0.95rem !important;
display: block;
transition: 0.3s;
}
.lddfw_sidenav .lddfw_closebtn {
position: absolute;
right: 10px !important;
margin-left: 0px;
padding: 0px !important;
top: 18px !important;
z-index: 9999;
}
#lddfw_main {
transition: margin-left 0.5s;
padding: 16px;
}
.lddfw_map-main-outer {
height: 577px;
border-width: 1px;
border-style: solid;
padding: 5px;
width: 100% !important;
margin-top: 0 !important;
}
#lddfw_directions-panel td {
padding: 5px 0px;
}
#lddfw_directions-panel tr {
border-bottom-width: 1px;
border-bottom-style: solid;
}
#lddfw_directions-panel tr:last-child {
border-bottom: none;
}
.lddfw_list-section {
height: 190px;
border-width: 1px;
border-style: solid;
padding: 10px;
overflow: auto;
margin-top: 10px;
direction: rtl;
text-align: right;
}
.lddfw_box.lddfw_no_orders {
text-align: center;
padding-top: 63px;
padding-bottom: 63px;
}
.lddfw_confirmation .lddfw_lightbox_close,
.lddfw_alert_screen .lddfw_lightbox_close {
display: none;
}
.lddfw_confirmation h2,
.lddfw_alert_screen h2 {
text-align: center;
margin-bottom: 50px;
}
.lddfw_confirmation svg,
.lddfw_alert_screen svg {
width: 100px;
margin-bottom: 50px;
}
#lddfw_total_route b {
display: inline-block;
}
#lddfw_total_route {
margin-top: 5px;
margin-bottom: 5px;
}
#lddfw_map123 {
height: 55%;
}
.lddfw_tracking_content,
#lddfw_tracking_page {
height: 100%;
}
#lddfw_right-panel {
font-family: "Roboto", "sans-serif";
line-height: 30px;
padding-left: 10px;
}
#lddfw_right-panel select,
#lddfw_right-panel input {
font-size: 15px;
}
#lddfw_right-panel select {
width: 100%;
}
#lddfw_right-panel i {
font-size: 12px;
}
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
#lddfw_map {
height: 100%;
width: 100%;
}
#lddfw_right-panel {
margin: 20px;
border-width: 2px;
width: 20%;
height: 400px;
float: left;
text-align: left;
padding-top: 0;
}
#lddfw_directions-panel {
margin-top: 10px;
padding: 10px;
overflow: scroll;
height: 174px;
}
.lddfw_delivery_form .custom-control {
border-width: 1px;
border-style: solid;
margin-bottom: 6px;
padding: 0px;
border-radius: 4px;
cursor: pointer;
}
.lddfw_delivery_form .custom-control-label {
cursor: pointer;
padding: 10px;
width: 100%;
padding-left: 40px;
}
.lddfw_delivery_form .custom-radio .custom-control-label::before {
left: 12px;
top: 14px;
}
.lddfw_delivery_form h1 {
font-size: 22px;
}
.delivery_header {
border-bottom-width: 1px;
border-bottom-style: solid;
padding-bottom: 0px;
position: fixed;
width: 100%;
top: 0px;
line-height: 36px;
left: 0px;
padding-top: 8px;
z-index: 999;
height: 57px;
}
.delivery_header h4 {
line-height: 40px;
}
.table.lddfw_order_total_tbl tr:last-child td {
border-top-width: 1px;
border-top-style: solid;
}
#lddfw_delivery_screen .lddfw_lightbox_close {
display: none;
}
#lddfw_driver_cancel_btn {
margin-top: 8px;
}
#signature-line {
border-bottom-width: 1px;
border-bottom-style: solid;
width: 90%;
margin: 0 auto;
position: absolute;
top: 65%;
left: 5%;
}
.signature-wrapper {
position: fixed;
width: 100%;
height: 100%;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 9999;
top: 0px;
left: 0px;
padding-bottom: 100px;
}
.signature-pad {
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
#signature-image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
}
#signature-line svg {
position: absolute;
bottom: 10px;
font-size: small;
}
.lddfw_lightbox.lddfw_confirmation,
.lddfw_lightbox.lddfw_alert_screen {
padding-top: 0px;
}
.lddfw_lightbox.lddfw_confirmation .lddfw_lightbox_wrap,
.lddfw_lightbox.lddfw_alert_screen .lddfw_lightbox_wrap {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
#signature-header {
height: 57px;
border-bottom-width: 1px;
border-bottom-style: solid;
padding-top: 7px;
margin-bottom: 0px;
line-height: 39px;
}
.delivery_proof_bar {
text-align: center;
}
.delivery_proof_bar a {
display: block;
}
#lddfw_driver_complete_btn {
margin-top: 8px;
}
#delivery_image_wrap {
height: 100%;
text-align: center;
vertical-align: middle;
min-height: 300px;
}
.delivery_proof_photo svg.fa-camera {
width: 27px;
}
#lddfw_driver_add_photo_btn .custom-file-label {
text-align: center;
cursor: pointer;
border-radius: 0.3rem;
height: auto;
margin: 0px;
}
#lddfw_driver_add_photo_btn .custom-file {
margin-bottom: 10px;
}
#lddfw_driver_add_photo_btn .custom-file-label::after {
display: none;
}
.form-control,
.custom-file-label {
border-width: 1px;
border-style: solid;
font-size: 14px;
}
#delivery_image_wrap img {
max-width: 100%;
max-height: 100%;
}
#lddfw_driver_note,
#lddfw_driver_delivered_note {
height: 100px;
}
#lddfw_delivery_screen.lddfw_lightbox {
height: 100%;
overflow-y: scroll;
padding-bottom: 147px;
}
#driver_form {
margin-top: 70px;
}
#driver_form .upload_image_wrap {
height: 100px;
width: 100px;
text-align: center;
border-width: 1px;
border-style: solid;
position: relative;
overflow: hidden;
border-radius: 8px;
margin-right: 10px;
margin-bottom: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
}
#driver_form .upload_image_wrap img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: cover;
}
#driver_form .custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin: 0;
opacity: 0;
cursor: pointer;
}
#driver_form .custom-file-label {
text-align: center;
cursor: pointer;
border-radius: 0.3rem;
height: auto;
margin: 0px;
}
#lddfw_page.driver {
margin-bottom: 0px;
padding-bottom: 0px;
}
#lddfw_password_holder {
margin-top: 20px;
}
#driver_form .custom-file-label::after {
display: none;
}
#driver_form .col-form-label {
font-size: 14px;
}
#driver_form .photo_upload {
max-width: 100px;
margin-top: 10px;
}
#lddfw_start_delivery_notice_duration {
display: block;
font-size: 36px;
}
#lddfw_start_delivery_notice_distance {
display: block;
font-size: 22px;
}
#lddfw_start_delivery_notice {
margin-bottom: 15px;
}
#lddfw_start_delivery_notice_duration {
display: block;
font-size: 36px;
}
#lddfw_page.settings {
padding-bottom: 70px;
}
#lddfw_page.settings .lddfw_footer_buttons .btn {
margin: 0px auto;
}
@media screen and (max-height: 731px) {
#lddfw_driver_note,
#lddfw_driver_delivered_note {
height: 70px;
}
}
@media screen and (max-height: 568px) {
.lddfw_delivery_form h4 {
margin: 0px;
}
}
@media screen and (max-height: 450px) {
.lddfw_sidenav {
padding-top: 15px;
}
.lddfw_sidenav a {
font-size: 18px;
}
}
@media screen and (max-height: 414px) {
.delivery_proof_bar {
margin-bottom: 2px;
}
#lddfw_order_unassign_button,
#lddfw_order_out_for_delivery_button,
#lddfw_delivered_screen_btn,
#lddfw_failed_delivered_screen_btn {
margin-bottom: 0px;
}
#lddfw_failed_delivery_confirmation,
#lddfw_thankyou,
.lddfw_order_alert {
height: 100%;
}
}
.lddfw_footer_buttons .btn {
white-space: nowrap;
border-radius: 10px;
padding: 11px !important;
}
#lddfw_page.dashboard {
padding-bottom: 0px;
}
.lddfw_box.availability {
padding-top: 6px;
padding-bottom: 6px;
} .lddfw_dashboard .lddfw-greeting {
display: flex;
align-items: center;
gap: 0.85rem;
padding: 0.25rem 0.15rem 1rem;
margin-bottom: 0.25rem;
margin-top: 15px;
}
.lddfw_dashboard .lddfw-greeting__avatar {
display: flex;
align-items: center;
justify-content: center;
width: 3.25rem;
height: 3.25rem;
border-radius: 50%;
background-color: #e9ecef;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
flex-shrink: 0;
color: #6c757d;
box-shadow: 0 2px 6px rgba(1, 22, 39, 0.08);
}
.lddfw_dashboard .lddfw-greeting__avatar--fallback svg {
width: 1.75rem;
height: 1.75rem;
}
.lddfw_dashboard .lddfw-greeting__text {
min-width: 0;
line-height: 1.2;
}
.lddfw_dashboard .lddfw-greeting__hello {
font-size: 1.15rem;
font-weight: 700;
color: #011627;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.lddfw_dashboard .lddfw-greeting__date {
font-size: 0.8125rem;
color: #6c757d;
margin-top: 0.15rem;
} .lddfw_dashboard .lddfw-primary-cta {
display: flex;
align-items: center;
gap: 0.9rem;
padding: 1rem 1.15rem;
margin-bottom: 1rem;
border-radius: 14px;
color: #343a40;
background: #fff9f3;
border: 1px solid #ffe8cc;
border-left: 4px solid #fd7e14;
box-shadow: 0 2px 10px rgba(202, 101, 16, 0.08);
text-decoration: none;
transition:
transform 0.15s ease,
box-shadow 0.2s ease,
background 0.2s ease,
border-color 0.2s ease;
}
.lddfw_dashboard .lddfw-primary-cta:hover,
.lddfw_dashboard .lddfw-primary-cta:focus {
color: #212529;
background: #fff4e6;
border-color: #ffd8a8;
border-left-color: #ca6510;
text-decoration: none;
transform: translateY(-1px);
box-shadow: 0 4px 14px rgba(202, 101, 16, 0.12);
}
.lddfw_dashboard .lddfw-primary-cta--empty {
color: #495057;
background: #ffffff;
border: 1px solid #e9ecef;
border-left: 4px solid #ffc078;
box-shadow: 0 2px 10px rgba(1, 22, 39, 0.07);
}
.lddfw_dashboard .lddfw-primary-cta--empty:hover,
.lddfw_dashboard .lddfw-primary-cta--empty:focus {
color: #343a40;
background: #fff9f3;
border-color: #ffe8cc;
border-left-color: #fd7e14;
box-shadow: 0 4px 14px rgba(202, 101, 16, 0.1);
transform: translateY(-1px);
}
.lddfw_dashboard .lddfw-primary-cta--empty .lddfw-primary-cta__icon {
background: rgba(253, 126, 20, 0.12);
color: #ca6510;
}
.lddfw_dashboard .lddfw-primary-cta--empty .lddfw-primary-cta__label {
color: #343a40;
}
.lddfw_dashboard .lddfw-primary-cta--empty .lddfw-primary-cta__sub {
color: #868e96;
opacity: 1;
}
.lddfw_dashboard .lddfw-primary-cta--empty .lddfw-primary-cta__count {
background: rgba(253, 126, 20, 0.1);
color: #ca6510;
}
.lddfw_dashboard .lddfw-primary-cta--empty .lddfw-primary-cta__chevron {
color: #adb5bd;
opacity: 1;
}
.lddfw_dashboard .lddfw-primary-cta__icon {
display: flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
border-radius: 12px;
background: rgba(253, 126, 20, 0.16);
color: #ca6510;
flex-shrink: 0;
}
.lddfw_dashboard .lddfw-primary-cta__icon svg {
width: 1.6rem;
height: 1.6rem;
}
.lddfw_dashboard .lddfw-primary-cta__text {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
line-height: 1.2;
}
.lddfw_dashboard .lddfw-primary-cta__label {
font-size: 1.05rem;
font-weight: 700;
letter-spacing: 0.01em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.lddfw_dashboard .lddfw-primary-cta__sub {
font-size: 0.8125rem;
font-weight: 500;
color: #9a4a0a;
opacity: 0.9;
margin-top: 0.2rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.lddfw_dashboard .lddfw-primary-cta__count {
font-size: 1.6rem;
font-weight: 800;
line-height: 1;
padding: 0.15rem 0.65rem;
border-radius: 999px;
background: rgba(253, 126, 20, 0.14);
color: #ca6510;
min-width: 2.2rem;
text-align: center;
flex-shrink: 0;
}
.lddfw_dashboard .lddfw-primary-cta__chevron {
display: flex;
align-items: center;
flex-shrink: 0;
color: #ca6510;
opacity: 0.85;
}
.lddfw_dashboard .lddfw-primary-cta__chevron svg {
width: 1.4rem;
height: 1.4rem;
} .lddfw_dashboard .lddfw-dashboard-kpi-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(15.5rem, 1fr));
gap: 1rem;
margin-bottom: 1rem;
}
.lddfw_dashboard .lddfw-dashboard-kpi-grid > .lddfw_box {
margin-bottom: 0;
height: 100%;
border-radius: 12px;
padding: 1rem 1.15rem;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 0.75rem;
transition:
box-shadow 0.2s ease,
border-color 0.2s ease;
}
.lddfw-kpi-card__body {
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
}
.lddfw-kpi-card__icon-col {
display: flex;
align-items: center;
justify-content: flex-end;
height: 100%;
}
.lddfw_dashboard .lddfw-dashboard-kpi-grid > .lddfw_box.min {
min-height: 0;
}
.lddfw-kpi-card__header {
display: flex;
align-items: flex-start;
gap: 0.5rem;
margin-bottom: 0.4rem;
}
.lddfw-kpi-card__header .lddfw-kpi-card__eyebrow,
.lddfw-kpi-card__header .lddfw-kpi-card__title {
margin-bottom: 0;
flex: 1;
min-width: 0;
text-transform: uppercase;
}
.lddfw-kpi-card__icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 3.25rem;
height: 3.25rem;
border-radius: 12px;
background: rgba(108, 117, 125, 0.12);
color: #5c636a;
}
.lddfw-kpi-card__icon-svg {
width: 1.75rem;
height: 1.75rem;
display: block;
}
.lddfw-kpi-card--availability .lddfw-kpi-card__icon {
background: rgba(108, 117, 125, 0.14);
color: #6c757d;
}
.lddfw-kpi-card--availability:has(#lddfw_availability.lddfw_active)
.lddfw-kpi-card__icon {
background: rgba(25, 135, 84, 0.15);
color: #198754;
}
.lddfw-kpi-card--tracking .lddfw-kpi-card__icon {
background: rgba(13, 110, 253, 0.12);
color: #0d6efd;
}
.lddfw-kpi-card--rating .lddfw-kpi-card__icon {
background: rgba(233, 161, 0, 0.15);
color: #c28800;
}
.lddfw-kpi-card--earnings .lddfw-kpi-card__icon {
background: rgba(15, 81, 50, 0.12);
color: #0f5132;
}
.lddfw-kpi-card__eyebrow,
.lddfw-kpi-card__title {
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: #6c757d;
margin-top: 0;
margin-bottom: 0;
line-height: 1.25;
}
.lddfw-kpi-card__title {
text-transform: none;
letter-spacing: normal;
font-size: 0.8125rem;
}
.lddfw-kpi-card__value {
font-size: 1.45rem;
font-weight: 700;
line-height: 1.25;
color: #011627;
}
.lddfw-kpi-card__value--rating {
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.lddfw-kpi-card--availability {
border-left-color: #adb5bd;
}
.lddfw-kpi-card--availability .availability-text {
line-height: 1.35;
}
.lddfw-kpi-card--availability #lddfw_availability_status {
display: contents;
margin-top: 0.2rem;
font-weight: 700;
font-size: 14px;
}
.lddfw-kpi-card--tracking {
border-left-color: #0d6efd;
}
.lddfw-kpi-card--rating {
border-left-color: #e9a100;
}
.lddfw-kpi-card--earnings {
border-left-color: #0f5132;
}
.lddfw_dashboard .lddfw-dashboard-kpi-grid .lddfw-kpi-card .row {
align-items: center;
}
.lddfw_dashboard .lddfw-dashboard-kpi-grid .lddfw-kpi-card .col-9 {
font-weight: 600;
font-size: 14px;
} .lddfw_dashboard .lddfw-order-stat-card {
border-radius: 12px;
border-left-width: 4px;
border-left-style: solid;
box-shadow: 0 2px 10px rgba(1, 22, 39, 0.07);
transition:
box-shadow 0.2s ease,
border-color 0.2s ease,
transform 0.15s ease;
}
.lddfw_dashboard .lddfw-order-stat-card:hover {
box-shadow: 0 4px 18px rgba(1, 22, 39, 0.1);
transform: translateY(-1px);
}
.lddfw_dashboard .lddfw-order-stat-card {
display: flex;
padding: 1rem 1.15rem;
}
.lddfw_dashboard .lddfw-order-stat-card a.lddfw-order-stat-card__link {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 0.75rem;
text-decoration: none;
color: inherit;
width: 100%;
height: 100%;
padding: 0;
box-sizing: border-box;
text-align: left;
}
.lddfw_dashboard .lddfw-order-stat-card .lddfw_number {
font-size: 1.45rem;
display: block;
}
.lddfw_dashboard .lddfw-order-stat-card__link:hover,
.lddfw_dashboard .lddfw-order-stat-card__link:focus {
text-decoration: none;
color: inherit;
}
.lddfw_dashboard .lddfw-order-stat-card__text {
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.35rem;
min-width: 0;
}
.lddfw_dashboard .lddfw-order-stat-card__label {
margin: 0;
}
.lddfw_dashboard .lddfw-order-stat-card__icon-col {
display: flex;
align-items: center;
justify-content: flex-end;
height: 100%;
}
.lddfw_dashboard .lddfw-order-stat-card__icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 3.25rem;
height: 3.25rem;
border-radius: 12px;
margin: 0;
background: rgba(108, 117, 125, 0.12);
color: #5c636a;
}
.lddfw_dashboard .lddfw-order-stat-card__icon-svg {
width: 1.75rem;
height: 1.75rem;
display: block;
}
.lddfw_dashboard .lddfw-order-stat-card .lddfw_number {
font-size: 1.45rem;
font-weight: 700;
line-height: 1.25;
letter-spacing: -0.01em;
color: #011627;
margin: 0;
text-align: left;
}
.lddfw_dashboard .lddfw-order-stat-card .lddfw_label {
font-size: 0.75rem;
font-weight: 600;
color: #6c757d;
text-transform: uppercase;
letter-spacing: 0.04em;
line-height: 1.25;
}
.lddfw_dashboard .lddfw-order-stat-card--claim {
border-left-color: #0d6efd;
}
.lddfw_dashboard .lddfw-order-stat-card--claim .lddfw-order-stat-card__icon {
background: rgba(13, 110, 253, 0.12);
color: #0d6efd;
}
.lddfw_dashboard .lddfw-order-stat-card--assign {
border-left-color: #6f42c1;
}
.lddfw_dashboard .lddfw-order-stat-card--assign .lddfw-order-stat-card__icon {
background: rgba(111, 66, 193, 0.12);
color: #6f42c1;
}
.lddfw_dashboard .lddfw-order-stat-card--out {
border-left-color: #ca6510;
}
.lddfw_dashboard .lddfw-order-stat-card--out .lddfw-order-stat-card__icon {
background: rgba(253, 126, 20, 0.14);
color: #ca6510;
}
.lddfw_dashboard .lddfw-order-stat-card--failed {
border-left-color: #dc3545;
}
.lddfw_dashboard .lddfw-order-stat-card--failed .lddfw-order-stat-card__icon {
background: rgba(220, 53, 69, 0.12);
color: #dc3545;
}
.lddfw_dashboard .lddfw-order-stat-card--delivered {
border-left-color: #198754;
}
.lddfw_dashboard
.lddfw-order-stat-card--delivered
.lddfw-order-stat-card__icon {
background: rgba(25, 135, 84, 0.12);
color: #198754;
}
.lddfw_submenu {
display: none;
}
.lddfw_submenu.active {
display: block;
}
.lddfw_submenu a {
white-space: normal;
}
.lddfw_submenu svg {
margin-right: 5px;
}
.submenu-item.active .fa-chevron-up,
.submenu-item .fa-chevron-down {
display: inline-block;
}
.submenu-item.active .fa-chevron-down,
.submenu-item .fa-chevron-up {
display: none;
}
#lddfw_mySidenav .submenu-item svg.fa-chevron-down,
#lddfw_mySidenav .submenu-item svg.fa-chevron-up {
margin-left: 7px;
margin-top: 4px;
}
#lddfw_mySidenav .submenu-item svg.fa-chevron-down {
margin-left: 3px;
}
.item-variation p {
display: inline-block;
}
.item-variation {
display: block;
margin-left: 60px;
}
.route_title span {
font-size: 14px;
font-weight: bold;
}
.lddfw_order_coordinates {
display: block;
font-size: 12px;
}
.lddfw_order_coordinates svg {
width: 14px;
height: 14px;
top: -2px;
}
@media screen and (max-width: 320px) {
#lddfw_page.dashboard span.lddfw_label {
font-size: 17px;
}
#lddfw_order_unassign_button,
#lddfw_order_out_for_delivery_button,
#lddfw_delivered_screen_btn {
margin-bottom: 10px;
}
} #lddfw_tracking_driver_name {
font-size: 16px;
font-weight: bold;
}
#lddfw_tracking_driver_image {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 65px;
height: 65px;
border-radius: 100px;
float: left;
margin-right: 5px;
word-break: normal;
font-size: 16px;
}
#lddfw_page.order .base-timer {
height: 50px;
margin-top: 9px;
}
#lddfw_delivery_counter svg {
height: 32px;
margin: 0px;
width: 32px;
margin-top: 3px;
}
#lddfw_delivery_counter {
text-align: center;
}
#lddfw_page.order .base-timer__svg {
height: 100%;
width: 100%;
margin-top: 0px;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
background: none;
}
#lddfw_directions-panel-direction img.adp-marker2 {
width: 27px;
height: 27px;
margin-right: 8px;
margin-left: 8px;
margin-top: 4px;
margin-bottom: 4px;
}
#lddfw-panel-listing-toggle {
display: inline-block;
margin-left: 10px;
border-radius: 4px;
padding: 0px 6px;
line-height: 22px;
padding-bottom: 2px;
}
#lddfw_directions-panel-lightbox {
overflow-y: auto;
padding-bottom: 15px;
}
#lddfw_directions-panel-lightbox h2 {
margin-bottom: 30px;
}
#lddfw_directions-panel-direction {
margin-top: 15px;
margin-bottom: 15px;
}
.adp-directions {
width: 100%;
}
#google_map_direction {
margin-top: 16px;
}
.adp-placemark {
border: none !important;
} body,
.lddfw_box .lddfw_counter,
a,
.lddfw_table,
.lddfw_box .lddfw_title,
.lddfw_cover,
span.driver_photo_wrap,
#lddfw_home,
#lddfw_page h1,
#lddfw_home h1,
#lddfw_logout,
.lddfw_lightbox_close,
#lddfw_header,
#lddfw_header a,
#lddfw_header .lddfw_dropdown-item,
#lddfw_hide_map,
.lddfw_sidenav .dropdown-header,
#lddfw_header .lddfw_sidenav a,
#signature-header,
.delivery_proof_bar a,
.lddfw_sidenav {
color: #011627;
}
body,
.lddfw_box .lddfw_counter {
background-color: #f5f7fb;
}
.lddfw_cover,
span.driver_photo_wrap,
.lddfw_sidenav,
.lddfw_cover,
span.driver_photo_wrap,
.lddfw_lightbox,
.lddfw_footer_buttons,
#lddfw_header,
#lddfw_menu .lddfw_availability,
#lddfw_hide_map,
.delivery_header,
.signature-wrapper,
#signature-header,
.lddfw_tracking_page,
#lddfw_counter,
.lddfw_box {
background-color: #ffffff;
}
#lddfw_sort_orders a:focus,
#lddfw_directions-panel-listing .lddfw_point,
#lddfw_directions-panel-lightbox .lddfw_point,
#lddfw_driver_add_photo_btn .custom-file-label,
#driver_form .custom-file-label {
color: #fff;
}
.lddfw_delivery_form .custom-control,
.delivery_header,
.form-control,
.custom-file-label,
#signature-header,
.lddfw_box .lddfw_counter {
border-color: #f1f0f0;
}
.adp-step,
.adp-substep {
border-top: 1px solid #ededed !important;
}
.multi_checkbox.lddfw_active {
background-color: #007bff;
}
#lddfw_header .lddfw_sidenav a.active,
#lddfw_header .lddfw_sidenav a:active,
.lddfw_box.lddfw_active {
background-color: #cce5ff;
}
.lddfw_table thead th,
.lddfw_table td,
.lddfw_table th {
border-color: #f5f5f5;
}
#lddfw_calldispatch {
border-color: #f2f9ff;
background-color: #d0e6fd;
color: #131313;
}
.table.lddfw_order_total_tbl tr:last-child td,
.lddfw_dropdown-divider,
.lddfw_footer_buttons,
.lddfw_box,
#lddfw_header,
#lddfw_sort_orders a {
border-color: #dee2e6;
}
.lddfw_box,
.table {
color: #4c4c4c;
}
.lddfw_box .lddfw_title,
.lddfw_order_products_tbl td,
.lddfw_order_products_tbl .table th {
border-color: whitesmoke;
}
.lddfw_dashboard .lddfw_box a:hover {
color: #000;
}
#lddfw_home .lddfw_cover,
#lddfw_home {
background-color: #fed14c;
}
label.error {
color: #ce0404;
}
#lddfw_thankyou .fa-check-circle,
.lddfw_order_alert svg {
color: #51b951;
}
#lddfw_order_claim_failed svg {
color: #dc3545;
}
#lddfw_application_thankyou .fa-check-circle {
color: #51b951;
}
.lddfw_footer_buttons {
box-shadow: 0px 0 10px rgba(216, 216, 216, 0.6);
}
#lddfw_sort_orders a:focus {
background-color: #295d8d;
}
#lddfw_availability .fa-toggle-off,
#lddfw_trackme .lddfw_trackme_off,
.lddfw_order_alert .fa-times-circle {
color: #dc3545;
}
#lddfw_availability .fa-toggle-on,
#lddfw_trackme .lddfw_trackme_on {
color: #28a745;
}
.whatsapp_phone {
background-color: #25d366;
border-color: #25d366;
}
hr {
border-color: #f1f0f0;
}
.premium_feature_title {
border-color: #f1f0f0 !important;
}
.lddfw_home #lddfw_content {
background-color: transparent;
}
#lddfw_user_avatar {
border-color: silver;
}
#lddfw_directions-panel-listing .fa-map-marker,
#lddfw_directions-panel-lightbox .fa-map-marker {
color: #eb4335;
}
#lddfw_directions-panel-listing .lddfw_address {
background-color: #f7f7f7;
}
.lddfw_sidenav .lddfw_dropdown-item:focus,
.lddfw_sidenav .lddfw_dropdown-item:hover {
background-color: rgba(0, 0, 0, #075);
}
.lddfw_sidenav a:hover {
color: #f1f1f1;
}
.lddfw_map-main-outer {
border-color: #ccc;
}
#lddfw_directions-panel tr {
border-color: silver;
}
.lddfw_list-section {
border-color: silver;
}
#signature-line {
border-color: #000;
}
.customer_email,
.delivery_proof_bar a.active {
color: #007bff;
}
#driver_form .custom-file-label,
#lddfw_driver_add_photo_btn .custom-file-label {
background-color: #6c757d;
border-color: #6c757d;
}
#driver_form .upload_image_wrap {
border-color: #ced4da;
}
.lddfw_tracking_page .lddfw_box {
background-color: transparent;
}
.lddfw_tracking_svg {
color: #6c757d;
}
.lddfw_tracking_svg.fa-times {
color: #c30214;
}
.lddfw_tracking_svg.fa-box {
color: #795548;
}
.lddfw_tracking_svg.fa-check-circle {
color: #22c55e;
}
.base-timer__path-elapsed {
stroke: grey;
}
.base-timer__path-remaining.green {
color: #22c55e;
}
.base-timer__path-remaining.orange {
color: #f59e0b;
}
.base-timer__path-remaining.red {
color: #ef4444;
}
#lddfw_loader {
border-radius: 50px;
position: fixed;
z-index: 9999;
top: 11px;
left: 10px;
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
}
#lddfw_loader .spinner-border {
color: #007bff;
width: 30px;
height: 30px;
top: 6px;
font-size: 20px;
}
.lddfw_back_column #lddfw_loader {
position: relative;
top: -7px;
left: -7px;
}  body.dark,
.dark .lddfw_box .lddfw_counter,
.dark a,
.dark .lddfw_table,
.dark .lddfw_box .lddfw_title,
.dark .lddfw_cover,
.dark span.driver_photo_wrap,
.dark #lddfw_home,
.dark #lddfw_page h1,
.dark #lddfw_home h1,
.dark #lddfw_logout,
.dark .lddfw_lightbox_close,
.dark #lddfw_header,
.dark #lddfw_header a,
.dark #lddfw_header .lddfw_dropdown-item,
.dark #lddfw_hide_map,
.dark .lddfw_sidenav .dropdown-header,
.dark #lddfw_header .lddfw_sidenav a,
.dark #signature-header,
.dark .delivery_proof_bar a,
.dark .lddfw_sidenav,
.dark .lddfw-title,
.dark #lddfw_page h1,
.dark #lddfw_page h2,
.dark #lddfw_page h3,
.dark #lddfw_tracking_page h1,
.dark #lddfw_tracking_page h2,
.dark #lddfw_tracking_page h3,
.dark .lddfw-rating-stars__value {
color: #fff;
}
.dark #lddfw_home h1,
.dark #lddfw_home {
color: #011627;
}
body.dark,
.dark .lddfw_box .lddfw_counter {
background-color: #121212;
}
.dark .lddfw_cover,
.dark span.driver_photo_wrap,
.dark .lddfw_sidenav,
.dark span.driver_photo_wrap,
.dark .lddfw_lightbox,
.dark .lddfw_footer_buttons,
.dark #lddfw_header,
.dark #lddfw_menu .lddfw_availability,
.dark #lddfw_hide_map,
.dark .delivery_header,
.dark .signature-wrapper,
.dark #signature-header,
.dark .lddfw_tracking_page,
.dark #lddfw_counter,
.dark .lddfw_box {
background-color: #1e1e1e;
}
.dark #lddfw_sort_orders a:focus,
.dark #lddfw_directions-panel-listing .lddfw_point,
.dark #lddfw_driver_add_photo_btn .custom-file-label,
.dark #driver_form .custom-file-label {
color: #fff;
}
.dark .lddfw_delivery_form .custom-control,
.dark .delivery_header,
.dark .form-control,
.dark .custom-file-label,
.dark #signature-header,
.dark .lddfw_box .lddfw_counter {
border-color: #2a2a2a;
}
.dark .text-muted {
color: #ababab !important;
}
.dark .form-control {
background-color: #181818;
color: #ffffff;
}
.dark .lddfw_multi_checkbox.lddfw_active {
background-color: #007bff;
}
.dark #lddfw_header .lddfw_sidenav a.active,
.dark #lddfw_header .lddfw_sidenav a:active,
.dark .lddfw_box.lddfw_active {
background-color: #2d2d2d;
}
.dark .lddfw_table thead th,
.dark .lddfw_table td,
.dark .lddfw_table th {
border-color: #f5f5f5;
}
.dark #lddfw_calldispatch {
border-color: #f2f9ff;
background-color: #d0e6fd;
color: #131313;
}
.dark .dropdown-divider {
border-color: #010101;
}
.dark .table.lddfw_order_total_tbl tr:last-child td,
.dark .lddfw_dropdown-divider,
.dark .lddfw_footer_buttons,
.dark .lddfw_box,
.dark #lddfw_header,
.dark #lddfw_sort_orders a {
border-color: #010101;
}
.dark .lddfw_box,
.dark .table {
color: #fff;
}
.dark .lddfw-kpi-card__eyebrow,
.dark .lddfw-kpi-card__title {
color: #a8b0ba;
}
.dark .lddfw-kpi-card__value {
color: #f1f3f5;
}
.dark .lddfw-kpi-card--availability .lddfw-kpi-card__icon {
background: rgba(255, 255, 255, 0.08);
color: #adb5bd;
}
.dark
.lddfw-kpi-card--availability:has(#lddfw_availability.lddfw_active)
.lddfw-kpi-card__icon {
background: rgba(25, 135, 84, 0.25);
color: #75b798;
}
.dark .lddfw-kpi-card--tracking .lddfw-kpi-card__icon {
background: rgba(13, 110, 253, 0.22);
color: #9ec5fe;
}
.dark .lddfw-kpi-card--rating .lddfw-kpi-card__icon {
background: rgba(233, 161, 0, 0.2);
color: #ffda6a;
}
.dark .lddfw-kpi-card--earnings .lddfw-kpi-card__icon {
background: rgba(117, 183, 152, 0.18);
color: #75b798;
}
.dark
.lddfw_dashboard
.lddfw-order-stat-card--claim
.lddfw-order-stat-card__icon {
background: rgba(13, 110, 253, 0.25);
color: #9ec5fe;
}
.dark
.lddfw_dashboard
.lddfw-order-stat-card--assign
.lddfw-order-stat-card__icon {
background: rgba(171, 136, 233, 0.22);
color: #d4b5ff;
}
.dark
.lddfw_dashboard
.lddfw-order-stat-card--out
.lddfw-order-stat-card__icon {
background: rgba(253, 126, 20, 0.22);
color: #ffc078;
}
.dark
.lddfw_dashboard
.lddfw-order-stat-card--failed
.lddfw-order-stat-card__icon {
background: rgba(220, 53, 69, 0.22);
color: #ffa8a8;
}
.dark
.lddfw_dashboard
.lddfw-order-stat-card--delivered
.lddfw-order-stat-card__icon {
background: rgba(25, 135, 84, 0.25);
color: #75b798;
}
.dark .lddfw_dashboard .lddfw-order-stat-card {
border-color: #2a2a2a;
}
.dark .lddfw_dashboard .lddfw-order-stat-card--claim {
border-left-color: #0d6efd;
}
.dark .lddfw_dashboard .lddfw-order-stat-card--assign {
border-left-color: #6f42c1;
}
.dark .lddfw_dashboard .lddfw-order-stat-card--out {
border-left-color: #ca6510;
}
.dark .lddfw_dashboard .lddfw-order-stat-card--failed {
border-left-color: #dc3545;
}
.dark .lddfw_dashboard .lddfw-order-stat-card--delivered {
border-left-color: #198754;
}
.dark .lddfw_dashboard .lddfw-order-stat-card .lddfw_label {
color: #a8b0ba;
}
.dark .lddfw_dashboard .lddfw-order-stat-card .lddfw_number {
color: #f1f3f5;
}
.dark .lddfw_dashboard .lddfw-greeting__hello {
color: #f1f3f5;
}
.dark .lddfw_dashboard .lddfw-greeting__date {
color: #a8b0ba;
}
.dark .lddfw_dashboard .lddfw-greeting__avatar {
background-color: #2a2a2a;
color: #a8b0ba;
}
body.dark .lddfw_dashboard .lddfw-primary-cta {
background: #2a2118;
border: 1px solid rgba(253, 126, 20, 0.35);
border-left: 4px solid #fd7e14;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}
body.dark .lddfw_dashboard .lddfw-primary-cta:hover,
body.dark .lddfw_dashboard .lddfw-primary-cta:focus {
color: #ffffff;
background: #352818;
border-color: rgba(253, 126, 20, 0.5);
border-left-color: #ffa94d;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45);
}
body.dark
.lddfw_dashboard
.lddfw-primary-cta:not(.lddfw-primary-cta--empty)
.lddfw-primary-cta__icon {
background: rgba(253, 126, 20, 0.22);
color: #ffc078;
}
body.dark
.lddfw_dashboard
.lddfw-primary-cta:not(.lddfw-primary-cta--empty)
.lddfw-primary-cta__count {
background: rgba(253, 126, 20, 0.28);
color: #ffe8cc;
}
body.dark
.lddfw_dashboard
.lddfw-primary-cta:not(.lddfw-primary-cta--empty)
.lddfw-primary-cta__sub {
color: #ffc078;
opacity: 1;
}
body.dark .lddfw_dashboard .lddfw-primary-cta .lddfw-primary-cta__label {
color: #ffffff;
}
body.dark .lddfw_dashboard .lddfw-primary-cta--empty {
background: #1e1e1e;
border: 1px solid #3a3a3f;
border-left: 4px solid #525860;
box-shadow: none;
}
body.dark .lddfw_dashboard .lddfw-primary-cta--empty:hover,
body.dark .lddfw_dashboard .lddfw-primary-cta--empty:focus {
color: #e9ecef;
background: #252525;
border-color: #45454b;
border-left-color: #6c757d;
box-shadow: none;
}
body.dark .lddfw_dashboard .lddfw-primary-cta--empty .lddfw-primary-cta__icon {
background: rgba(255, 255, 255, 0.06);
color: #868e96;
}
body.dark .lddfw_dashboard .lddfw-primary-cta--empty .lddfw-primary-cta__sub {
color: #868e96;
opacity: 1;
}
body.dark .lddfw_dashboard .lddfw-primary-cta--empty .lddfw-primary-cta__count {
background: rgba(255, 255, 255, 0.08);
color: #adb5bd;
}
body.dark
.lddfw_dashboard
.lddfw-primary-cta--empty
.lddfw-primary-cta__chevron {
color: #868e96;
opacity: 1;
}
.dark .lddfw_box .lddfw_title,
.dark .lddfw_order_products_tbl td,
.dark .lddfw_order_products_tbl .table th,
.dark .table td,
.dark .table th {
border-color: #010101;
}
.dark .lddfw_dashboard .lddfw_box a:hover {
color: #d4d4d4;
}
.dark label.error {
color: #e96e6e;
}
.dark #lddfw_thankyou .fa-check-circle,
.dark .lddfw_order_alert svg {
color: #51b951;
}
.dark #lddfw_order_claim_failed svg {
color: #dc3545;
}
.dark #lddfw_application_thankyou .fa-check-circle {
color: #51b951;
}
.dark .lddfw_footer_buttons {
box-shadow: 0px 0 10px rgba(96, 96, 96, 0.6);
}
.dark #lddfw_sort_orders a:focus {
background-color: #295d8d;
}
.dark #lddfw_availability .fa-toggle-off,
.dark #lddfw_trackme .lddfw_trackme_off,
.dark .lddfw_order_alert .fa-times-circle {
color: #dc3545;
}
.dark #lddfw_availability .fa-toggle-on,
.dark #lddfw_trackme .lddfw_trackme_on {
color: #28a745;
}
.dark .whatsapp_phone {
background-color: #25d366;
border-color: #25d366;
}
.dark .premium_feature_title {
border-color: #e5e5e5 !important;
}
.dark .lddfw_home #lddfw_content {
background-color: transparent;
}
.dark #lddfw_user_avatar {
border-color: silver;
}
.dark #lddfw_directions-panel-listing .fa-map-marker {
color: #eb4335;
}
.dark #lddfw_directions-panel-listing .lddfw_address {
background-color: #282828;
}
.dark::-webkit-scrollbar-thumb {
height: 50px;
border-radius: 3px;
}
.dark::-webkit-scrollbar {
width: 8px;
height: 3px;
}
.dark::-webkit-scrollbar-button {
background-color: #666;
}
.dark::-webkit-scrollbar-track {
background-color: #646464;
}
.dark::-webkit-scrollbar-track-piece {
background-color: #000;
}
.dark::-webkit-scrollbar-thumb {
background-color: #666;
}
.dark::-webkit-scrollbar-corner {
background-color: #646464;
}
.dark::-webkit-resizer {
background-color: #666;
}
.dark .lddfw_sidenav .lddfw_dropdown-item:focus,
.dark .lddfw_sidenav .lddfw_dropdown-item:hover {
background-color: rgba(0, 0, 0, #075);
}
.dark .lddfw_sidenav a:hover {
color: #f1f1f1;
}
.dark .lddfw_map-main-outer {
border-color: #2e2e2e;
}
.dark .dropdown-item:focus,
.dark .dropdown-item:hover {
background-color: #1b1b1b;
}
.dark #lddfw_directions-panel tr {
border-color: silver;
}
.dark .lddfw_list-section {
border-color: silver;
}
.dark #signature-line {
border-color: #000;
}
.dark .customer_email,
.dark .delivery_proof_bar a.active {
color: #007bff;
}
.dark #driver_form .custom-file-label,
.dark #lddfw_driver_add_photo_btn .custom-file-label {
background-color: #6c757d;
border-color: #6c757d;
}
.dark #driver_form .upload_image_wrap {
border-color: #ced4da;
}
.dark .lddfw_tracking_page .lddfw_box {
background-color: transparent;
}
.dark .lddfw_tracking_svg {
color: #6c757d;
}
.dark .lddfw_tracking_svg.fa-times {
color: #ef4444;
}
.dark .lddfw_tracking_svg.fa-box {
color: #795548;
}
.dark .lddfw_tracking_svg.fa-check-circle {
color: #22c55e;
}
.dark .base-timer__path-elapsed {
stroke: grey;
}
.dark .base-timer__path-remaining.green {
color: #22c55e;
}
.dark .base-timer__path-remaining.orange {
color: #f59e0b;
}
.dark .base-timer__path-remaining.red {
color: #ef4444;
}
.dark .adp-placemark {
background: #000;
color: #fff;
}
#lddfw-panel-listing-toggle {
background: #fff;
border: 1px solid #dee2e6;
}
.dark #lddfw-panel-listing-toggle {
background-color: #fff;
}
.dark .adp-directions {
color: #fff;
}
.dark .adp-stepicon {
background-color: #fff;
border-radius: 3px;
}
.dark .adp-step,
.dark .adp-substep {
border-top: 1px solid #323232 !important;
}
.dark .adp-summary {
color: #fff;
}  #delivery_image_wrap {
display: flex;
flex-wrap: wrap;
gap: 10px;
min-height: 100px;
margin-bottom: 15px;
}
.lddfw_image_item {
position: relative;
width: 110px;
height: 110px;
border: 1px solid #ced4da;
border-radius: 8px;
overflow: hidden;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 10px;
margin-bottom: 10px;
}
.lddfw_image_item img {
max-width: 100%;
max-height: 100%;
object-fit: cover;
} .lddfw_delete_image {
position: absolute;
top: 4px;
right: 4px;
background-color: rgba(30, 30, 30, 0.7);
color: white;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition:
background-color 0.2s ease,
transform 0.1s ease;
z-index: 10;
border-radius: 4px; }
.lddfw_delete_image:hover {
background-color: rgba(220, 53, 69, 0.9); } .lddfw_image_status {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 44px; height: 44px;
background-color: rgba(30, 30, 30, 0.7); color: white;
border-radius: 50%; display: flex;
align-items: center;
justify-content: center;
transition:
background-color 0.3s ease,
opacity 0.3s ease;
z-index: 5;
opacity: 0.9; }
.lddfw_image_item:hover .lddfw_image_status {
opacity: 1; }
.lddfw_delete_image svg {
width: 16px;
height: 16px;
}
.lddfw_image_status svg {
width: 42px; height: 42px;
color: white;
}
.lddfw_image_status svg.lddfw_loader_icon {
width: 30px;
height: 30px;
} .lddfw_image_status:has(.lddfw_uploading_icon) {
background-color: rgba(90, 187, 241, 0.7); }
.lddfw_image_status:has(.lddfw_success_icon) {
background-color: rgba(40, 167, 69, 0.7); }
.lddfw_image_status:has(.lddfw_failure_icon) {
background-color: rgba(255, 165, 0, 0.7); }
#lddfw_driver_add_photo_btn .custom-file-label:hover {
background-color: #5a6268;
} .dark .lddfw_image_item {
border-color: #444;
background-color: #2d2d2d;
}
.dark .lddfw_delete_image {
background-color: rgba(220, 53, 69, 0.85);
}
.dark .lddfw_delete_image:hover {
background-color: rgba(220, 53, 69, 1);
}  @media screen and (max-width: 576px) {
#delivery_image_wrap {
justify-content: center;
}
.lddfw_image_item {
width: 100px;
height: 100px;
margin-right: 5px;
margin-bottom: 5px;
}
.lddfw_delete_image {
width: 28px;
height: 28px;
}
} .lddfw_image_item {
animation: fadeIn 0.5s;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: scale(0.8);
}
to {
opacity: 1;
transform: scale(1);
}
} .lddfw_helper {
display: none;
} #upload_image {
cursor: pointer;
} .lddfw_delete_image {
touch-action: manipulation;
} .lddfw_review_widget {
text-align: center;
padding: 24px 12px 48px;
max-width: 520px;
margin: 0 auto;
}
.lddfw_review_card {
background: #ffffff;
border-radius: 16px;
box-shadow:
0 1px 2px rgba(15, 23, 42, 0.04),
0 8px 24px rgba(15, 23, 42, 0.06);
padding: 28px 24px 32px;
position: relative;
}
.lddfw_review_skip {
text-align: end;
padding: 0 0 12px;
}
.lddfw_review_skip a {
color: #8a909a;
font-size: 13px;
font-weight: 500;
text-decoration: none;
transition: color 0.15s ease;
}
.lddfw_review_skip a:hover,
.lddfw_review_skip a:focus-visible {
color: #202125;
}
.lddfw_review_store_name {
font-size: 22px;
font-weight: 700;
color: #202125;
margin-bottom: 4px;
line-height: 1.25;
}
.lddfw_review_subtext {
font-size: 13px;
color: #8a909a;
margin-bottom: 24px;
}
.lddfw_review_form h2 {
font-size: 20px;
font-weight: 700;
color: #202125;
margin: 0 0 6px;
line-height: 1.3;
}
.lddfw_review_driver_name {
color: #43a047;
white-space: nowrap;
}
.lddfw_review_subtitle {
font-size: 14px;
color: #6b7280;
margin: 0 0 24px;
}
.lddfw_review_emojis {
display: flex;
justify-content: center;
gap: 4px;
margin-bottom: 20px;
flex-wrap: nowrap;
}
.lddfw_review_emoji_option {
cursor: pointer;
text-align: center;
flex: 1 1 0;
min-width: 0;
max-width: 68px;
padding: 6px 0;
border-radius: 10px;
transition:
transform 0.2s ease,
background 0.15s ease;
outline: none;
}
.lddfw_review_emoji_option:hover {
transform: scale(1.08);
}
.lddfw_review_emoji_option:focus-visible {
box-shadow: 0 0 0 3px rgba(67, 160, 71, 0.35);
}
.lddfw_review_emoji_option.lddfw_review_emoji_selected {
transform: scale(1.15);
}
.lddfw_review_emoji_option.lddfw_review_emoji_selected
.lddfw_review_emoji_icon
svg {
filter: drop-shadow(0 3px 10px rgba(0, 0, 0, 0.2));
}
.lddfw_review_emoji_icon {
width: 100%;
max-width: 48px;
aspect-ratio: 1;
margin: 0 auto 4px;
}
.lddfw_review_emoji_icon svg {
width: 100%;
height: 100%;
filter: grayscale(0.85);
opacity: 0.55;
transition:
filter 0.2s ease,
opacity 0.2s ease,
transform 0.2s ease;
}
.lddfw_review_emoji_option:hover .lddfw_review_emoji_icon svg,
.lddfw_review_emoji_option:focus-visible .lddfw_review_emoji_icon svg,
.lddfw_review_emoji_option.lddfw_review_emoji_selected
.lddfw_review_emoji_icon
svg {
filter: grayscale(0);
opacity: 1;
}
.lddfw_review_emoji_label {
font-size: 11px;
color: #9aa0a6;
font-weight: 500;
transition: color 0.15s ease;
}
.lddfw_review_emoji_option:hover .lddfw_review_emoji_label {
color: #4b5563;
}
.lddfw_review_emoji_selected .lddfw_review_emoji_label {
color: #202125;
font-weight: 700;
}
.lddfw_review_comment_wrap {
margin-bottom: 20px;
padding: 0 4px;
}
.lddfw_review_comment {
width: 100%;
min-height: 84px;
padding: 12px 14px;
border: 1px solid #e3e5e8;
border-radius: 10px;
font-size: 14px;
font-family: inherit;
resize: vertical;
box-sizing: border-box;
background: #fafbfc;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease,
background 0.15s ease;
}
.lddfw_review_comment:focus {
border-color: #43a047;
outline: none;
box-shadow: 0 0 0 3px rgba(67, 160, 71, 0.15);
background: #ffffff;
}
.lddfw_review_counter {
font-size: 11px;
color: #9aa0a6;
text-align: end;
margin-top: 6px;
padding: 0 4px;
font-variant-numeric: tabular-nums;
}
.lddfw_review_counter.is-near-limit {
color: #ef5350;
}
.lddfw_review_btn {
display: block;
width: calc(100% - 8px);
margin: 4px auto 0;
padding: 15px;
background: #43a047;
color: #fff;
border: none;
border-radius: 10px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
letter-spacing: 0.01em;
transition:
background 0.2s ease,
transform 0.1s ease,
box-shadow 0.2s ease,
opacity 0.2s ease;
}
.lddfw_review_btn:hover {
background: #388e3c;
box-shadow: 0 4px 12px rgba(67, 160, 71, 0.25);
}
.lddfw_review_btn:active {
transform: translateY(1px);
}
.lddfw_review_btn:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(67, 160, 71, 0.35);
}
.lddfw_review_btn:disabled {
background: #e0e3e7;
color: #9aa0a6;
cursor: not-allowed;
opacity: 1;
box-shadow: none;
}
.lddfw_review_cancel_edit {
text-align: center;
margin: 14px 0 0;
}
.lddfw_review_cancel_edit a {
color: #8a909a;
font-size: 13px;
text-decoration: none;
}
.lddfw_review_cancel_edit a:hover {
color: #202125;
} .lddfw_review_thankyou {
padding: 28px 8px 12px;
text-align: center;
}
.lddfw_review_thankyou h2 {
font-size: 20px;
font-weight: 700;
color: #202125;
margin: 0 0 12px;
}
.lddfw_review_submitted_rating {
margin: 8px 0 12px;
display: flex;
justify-content: center;
}
.lddfw_review_edit_link {
margin-top: 18px;
}
.lddfw_review_edit_link a {
display: inline-block;
color: #4b5563;
font-size: 13px;
font-weight: 500;
text-decoration: none;
padding: 8px 14px;
border: 1px solid #e3e5e8;
border-radius: 999px;
transition:
border-color 0.15s ease,
color 0.15s ease,
background 0.15s ease;
}
.lddfw_review_edit_link a:hover {
color: #202125;
border-color: #c6cacf;
background: #f7f8fa;
} .lddfw-review-single {
display: inline-flex;
flex-direction: column;
align-items: center;
gap: 8px;
animation: lddfw_review_single_in 0.4s ease-out;
}
@keyframes lddfw_review_single_in {
0% {
transform: scale(0.6);
opacity: 0;
}
60% {
transform: scale(1.08);
opacity: 1;
}
100% {
transform: scale(1);
}
}
.lddfw-review-single__icon {
line-height: 0;
filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.12));
}
.lddfw-review-single__icon svg {
width: 100%;
height: 100%;
}
.lddfw-review-single__label {
font-size: 14px;
font-weight: 600;
color: #202125;
letter-spacing: 0.01em;
} .lddfw-review-comment-bubble {
box-sizing: border-box;
margin-top: 10px;
max-width: 100%;
padding: 12px 14px;
border-radius: 12px;
background: #f7f8fa;
border: 1px solid rgba(0, 0, 0, 0.08);
border-inline-start: 4px solid #9aa0a6;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
color: #2e3338;
font-size: 14px;
line-height: 1.55;
font-style: normal;
text-align: start;
word-wrap: break-word;
overflow-wrap: anywhere;
}
.lddfw-review-comment-bubble__text {
display: block;
font-style: normal;
font-weight: 400;
text-align: start;
word-break: break-word;
overflow-wrap: anywhere;
} .lddfw-review-comment-bubble--r1 {
background: linear-gradient(180deg, #fff5f5 0%, #ffe8e8 100%);
border-color: rgba(239, 83, 80, 0.28);
border-inline-start-color: #ef5350;
}
.lddfw-review-comment-bubble--r2 {
background: linear-gradient(180deg, #fff8ef 0%, #ffecd2 100%);
border-color: rgba(255, 152, 0, 0.3);
border-inline-start-color: #ff9800;
}
.lddfw-review-comment-bubble--r3 {
background: linear-gradient(180deg, #fffbea 0%, #fff2c4 100%);
border-color: rgba(253, 216, 53, 0.5);
border-inline-start-color: #fdd835;
}
.lddfw-review-comment-bubble--r4 {
background: linear-gradient(180deg, #f4faef 0%, #e6f3dc 100%);
border-color: rgba(102, 187, 106, 0.32);
border-inline-start-color: #66bb6a;
}
.lddfw-review-comment-bubble--r5 {
background: linear-gradient(180deg, #f0f7f1 0%, #dfeede 100%);
border-color: rgba(67, 160, 71, 0.32);
border-inline-start-color: #43a047;
} .lddfw-review-rating {
display: inline-flex;
align-items: center;
gap: 4px;
}
.lddfw-emoji {
display: inline-block;
line-height: 0;
}
.lddfw-review-rating--sm .lddfw-emoji {
width: 20px;
height: 20px;
}
.lddfw-review-rating--sm .lddfw-emoji svg {
width: 20px;
height: 20px;
}
.lddfw-review-rating--md .lddfw-emoji {
width: 32px;
height: 32px;
}
.lddfw-review-rating--md .lddfw-emoji svg {
width: 32px;
height: 32px;
}
.lddfw-review-rating--lg .lddfw-emoji {
width: 44px;
height: 44px;
}
.lddfw-review-rating--lg .lddfw-emoji svg {
width: 44px;
height: 44px;
}
.lddfw-emoji--inactive {
opacity: 0.25;
}
.lddfw-emoji--active {
opacity: 1;
}
.lddfw-review-label {
font-size: 13px;
color: #666;
margin-left: 8px;
}
.lddfw-auth-card {
max-width: 420px;
margin: 24px auto;
padding: 32px;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 12px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
}
#lddfw_page h1,
#lddfw_tracking_page h1 {
font-size: 24px;
}
#lddfw_page h1,
#lddfw_page h2,
#lddfw_page h3,
#lddfw_tracking_page h1,
#lddfw_tracking_page h2,
#lddfw_tracking_page h3 {
color: #0f172a;
font-weight: 700;
letter-spacing: -0.01em;
}
.select2-container {
margin-bottom: 15px !important;
}
.select2-container--default .select2-selection--single {
border: 1px solid #f1f0f0 !important;
padding: 9px !important;
height: 45px !important;
}
.select2-dropdown {
border: 1px solid #f1f0f0 !important;
} .lddfw-toast {
position: fixed;
top: calc(70px + 0.75rem);
right: 0.75rem;
left: 0.75rem;
z-index: 99999;
display: flex;
align-items: flex-start;
gap: 0.6rem;
padding: 0.75rem 0.85rem;
background: #fff;
color: #011627;
border-radius: 10px;
box-shadow: 0 8px 24px rgba(1, 22, 39, 0.18);
border-left: 4px solid #dc3545;
opacity: 0;
transform: translateY(-8px);
transition:
opacity 0.2s ease,
transform 0.2s ease;
pointer-events: auto;
font-size: 0.9rem;
line-height: 1.35;
}
@media (min-width: 576px) {
.lddfw-toast {
left: auto;
right: 1rem;
max-width: 22rem;
}
}
.lddfw-toast.is-visible {
opacity: 1;
transform: translateY(0);
}
.lddfw-toast__icon {
flex-shrink: 0;
color: #dc3545;
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 1px;
} .lddfw-toast--success {
border-left-color: #198754;
}
.lddfw-toast--success .lddfw-toast__icon {
color: #198754;
}
.lddfw-toast--warning {
border-left-color: #f0ad4e;
}
.lddfw-toast--warning .lddfw-toast__icon {
color: #f0ad4e;
}
.lddfw-toast--info {
border-left-color: #0d6efd;
}
.lddfw-toast--info .lddfw-toast__icon {
color: #0d6efd;
}
.lddfw-toast__message {
flex: 1;
min-width: 0;
word-wrap: break-word;
}
.lddfw-toast__close {
background: transparent;
border: 0;
padding: 2px;
margin: -2px;
color: #6c757d;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 6px;
flex-shrink: 0;
}
.lddfw-toast__close:hover,
.lddfw-toast__close:focus {
color: #011627;
background: rgba(1, 22, 39, 0.06);
outline: none;
}
.dark .lddfw-toast {
background: #1f2a36;
color: #f1f3f5;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
}
.dark .lddfw-toast__close {
color: #a8b0ba;
}
.dark .lddfw-toast__close:hover,
.dark .lddfw-toast__close:focus {
color: #f1f3f5;
background: rgba(255, 255, 255, 0.08);
} .lddfw-back-btn {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 40px;
width: 40px;
min-width: 40px;
height: 40px;
box-sizing: border-box;
padding: 0;
border-radius: 50%;
color: #011627;
background: rgba(1, 22, 39, 0.04);
transition:
background-color 0.15s ease,
color 0.15s ease,
transform 0.15s ease;
}
.lddfw-back-btn:hover,
.lddfw-back-btn:focus {
background: rgba(1, 22, 39, 0.08);
color: #0d6efd;
text-decoration: none;
transform: translateX(-2px);
}
.lddfw-back-btn__icon {
display: block;
}
.dark .lddfw-back-btn {
color: #f1f3f5;
background: rgba(255, 255, 255, 0.06);
}
.dark .lddfw-back-btn:hover,
.dark .lddfw-back-btn:focus {
background: rgba(255, 255, 255, 0.12);
color: #7cb4ff;
} #lddfw_header .row {
flex-wrap: nowrap;
align-items: center;
}
#lddfw_header .lddfw_back_column {
flex: 0 0 auto;
width: auto;
max-width: none;
padding-left: 0.5rem;
padding-right: 0;
}
#lddfw_header .lddfw_header_title {
flex: 1 1 auto;
width: auto;
max-width: none;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.lddfw-header-actions {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 0.25rem;
flex-wrap: nowrap;
padding-left: 0;
padding-right: 0.5rem;
flex: 0 0 auto;
width: auto;
max-width: none;
margin-left: auto;
}
.lddfw-theme-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 40px;
width: 40px;
min-width: 40px;
height: 40px;
box-sizing: border-box;
padding: 0;
border-radius: 50%;
color: #011627;
background: rgba(1, 22, 39, 0.04);
transition:
background-color 0.15s ease,
color 0.15s ease;
}
.lddfw-theme-toggle:hover,
.lddfw-theme-toggle:focus {
background: rgba(1, 22, 39, 0.06);
color: #0d6efd;
text-decoration: none;
}
.lddfw-theme-toggle__icon {
display: none;
} body:not(.dark) .lddfw-theme-toggle__icon--moon {
display: block;
} body.dark .lddfw-theme-toggle__icon--sun {
display: block;
}
.dark .lddfw-theme-toggle {
color: #ffd66b;
}
.dark .lddfw-theme-toggle:hover,
.dark .lddfw-theme-toggle:focus {
background: rgba(255, 255, 255, 0.08);
color: #ffe598;
} .lddfw-menu-trigger {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 40px;
width: 40px;
min-width: 40px;
height: 40px;
box-sizing: border-box;
padding: 0;
gap: 0;
border-radius: 50%;
color: #011627;
background: rgba(1, 22, 39, 0.04);
transition:
background-color 0.15s ease,
color 0.15s ease;
}
.lddfw-menu-trigger:hover,
.lddfw-menu-trigger:focus {
background: rgba(1, 22, 39, 0.08);
color: #0d6efd;
text-decoration: none;
}
.lddfw-menu-trigger__icon {
width: 24px;
height: 24px;
display: block;
}
.lddfw-menu-trigger__badge {
position: absolute;
top: -2px;
right: -2px;
min-width: 18px;
height: 18px;
padding: 0 5px;
border-radius: 9px;
background: #dc3545;
color: #fff;
font-size: 0.65rem;
font-weight: 700;
line-height: 18px;
text-align: center;
box-shadow: 0 0 0 2px #fff;
}
.lddfw-menu-backdrop {
position: fixed;
inset: 0;
background: rgba(1, 22, 39, 0.45);
opacity: 0;
visibility: hidden;
transition:
opacity 0.2s ease,
visibility 0.2s ease;
z-index: 998;
}
.lddfw-menu-backdrop.is-visible {
opacity: 1;
visibility: visible;
}
body.lddfw-menu-open {
overflow: hidden;
} #lddfw_header .lddfw_sidenav.lddfw-menu {
padding-top: 0;
background: #fff;
box-shadow: -2px 0 20px rgba(1, 22, 39, 0.1);
overflow-y: auto;
transition: width 0.25s ease;
}
.lddfw-menu__close {
position: absolute !important;
top: 10px !important;
right: 10px !important;
width: 36px;
height: 36px;
display: inline-flex !important;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 0 !important;
color: #6c757d !important;
background: transparent;
transition:
background-color 0.15s ease,
color 0.15s ease;
z-index: 10;
}
.lddfw-menu__close:hover,
.lddfw-menu__close:focus {
background: rgba(1, 22, 39, 0.06);
color: #011627 !important;
}
.lddfw-menu__header {
display: flex !important;
align-items: center;
gap: 0.75rem;
padding: 1.5rem 1.25rem 1.25rem !important;
border-bottom: 1px solid rgba(1, 22, 39, 0.08);
text-align: left !important;
}
.lddfw-menu__avatar {
flex-shrink: 0;
width: 48px;
height: 48px;
border-radius: 50%;
background: rgba(13, 110, 253, 0.12);
color: #0d6efd;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.lddfw-menu__avatar .driver_photo_wrap {
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
}
.lddfw-menu__identity {
display: flex;
flex-direction: column;
min-width: 0;
line-height: 1.2;
}
.lddfw-menu__name {
font-size: 1rem !important;
font-weight: 700 !important;
margin: 0 !important;
color: #011627;
line-height: 1.2 !important;
}
.lddfw-menu__role {
font-size: 0.75rem;
color: #6c757d;
text-transform: uppercase;
letter-spacing: 0.04em;
margin-top: 0.2rem;
}
.lddfw-menu__section {
padding: 0.5rem 0.75rem;
}
.lddfw-menu__section + .lddfw-menu__section {
border-top: 1px solid rgba(1, 22, 39, 0.06);
}
.lddfw-menu__section-title {
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
color: #8a94a1;
padding: 0.5rem 0.75rem 0.25rem;
}
#lddfw_header .lddfw_sidenav.lddfw-menu a.lddfw-menu__item {
display: flex !important;
align-items: center;
gap: 0.75rem;
padding: 0.6rem 0.75rem !important;
margin: 0.1rem 0;
border-radius: 10px;
font-size: 0.95rem !important;
font-weight: 500;
color: #011627;
border-left: 3px solid transparent;
transition:
background-color 0.15s ease,
color 0.15s ease,
border-color 0.15s ease;
text-decoration: none;
}
#lddfw_header .lddfw_sidenav.lddfw-menu a.lddfw-menu__item:hover,
#lddfw_header .lddfw_sidenav.lddfw-menu a.lddfw-menu__item:focus {
background: rgba(1, 22, 39, 0.04);
color: #011627;
text-decoration: none;
}
#lddfw_header .lddfw_sidenav.lddfw-menu a.lddfw-menu__item.is-active {
background: rgba(13, 110, 253, 0.08);
color: #0d6efd;
border-left-color: #0d6efd;
font-weight: 600;
}
.lddfw-menu__icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 36px;
height: 36px;
border-radius: 9px;
background: rgba(108, 117, 125, 0.1);
color: #5c636a;
transition:
background-color 0.15s ease,
color 0.15s ease;
}
.lddfw-menu__icon svg {
width: 20px;
height: 20px;
display: block;
}
.lddfw-menu__icon--dashboard,
.lddfw-menu__item.is-active .lddfw-menu__icon {
background: rgba(13, 110, 253, 0.12);
color: #0d6efd;
}
.lddfw-menu__icon--claim {
background: rgba(13, 110, 253, 0.12);
color: #0d6efd;
}
.lddfw-menu__icon--assign {
background: rgba(111, 66, 193, 0.12);
color: #6f42c1;
}
.lddfw-menu__icon--out {
background: rgba(253, 126, 20, 0.14);
color: #ca6510;
}
.lddfw-menu__icon--failed {
background: rgba(220, 53, 69, 0.12);
color: #dc3545;
}
.lddfw-menu__icon--delivered {
background: rgba(25, 135, 84, 0.12);
color: #198754;
} .lddfw-menu__icon--rating {
background: rgba(233, 161, 0, 0.15);
color: #c28800;
} .lddfw-menu__icon--payments {
background: rgba(16, 185, 129, 0.14);
color: #059669;
}
.dark .lddfw-menu__icon--payments {
background: rgba(52, 211, 153, 0.16);
color: #34d399;
}
.dark .lddfw-menu__icon--rating {
background: rgba(233, 161, 0, 0.2);
color: #ffda6a;
}
.lddfw-menu__icon--settings,
.lddfw-menu__icon--info,
.lddfw-menu__icon--dot {
background: rgba(108, 117, 125, 0.12);
color: #5c636a;
}
.lddfw-menu__icon--logout {
background: rgba(220, 53, 69, 0.1);
color: #dc3545;
}
.lddfw-menu__label {
flex: 1;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.lddfw-menu__count {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 22px;
height: 22px;
padding: 0 7px;
border-radius: 11px;
font-size: 0.75rem;
font-weight: 700;
line-height: 1;
background: rgba(108, 117, 125, 0.14);
color: #5c636a;
}
.lddfw-menu__count--claim {
background: rgba(13, 110, 253, 0.14);
color: #0d6efd;
}
.lddfw-menu__count--assign {
background: rgba(111, 66, 193, 0.14);
color: #6f42c1;
}
.lddfw-menu__count--out {
background: rgba(253, 126, 20, 0.18);
color: #ca6510;
}
.lddfw-menu__count--failed {
background: rgba(220, 53, 69, 0.14);
color: #dc3545;
}
.lddfw-menu__count--delivered {
background: rgba(25, 135, 84, 0.14);
color: #198754;
} .lddfw-menu__submenu-trigger .lddfw-menu__chevron {
flex-shrink: 0;
color: #8a94a1;
transition: transform 0.2s ease;
}
.lddfw-menu__submenu {
padding-left: 2.5rem;
padding-top: 0.15rem;
}
#lddfw_header .lddfw_sidenav.lddfw-menu a.lddfw-menu__subitem {
padding: 0.45rem 0.75rem !important;
font-size: 0.9rem !important;
}
.lddfw-menu__icon--dot {
width: 28px;
height: 28px;
background: rgba(108, 117, 125, 0.1);
}
.lddfw-menu__icon--dot svg {
width: 10px;
height: 10px;
} .lddfw-menu__section--logout {
margin-top: 0.25rem;
} .dark #lddfw_header .lddfw_sidenav.lddfw-menu {
background: #000a14;
box-shadow: -2px 0 20px rgba(0, 0, 0, 0.45);
}
.dark .lddfw-menu__header {
border-bottom-color: rgba(255, 255, 255, 0.08);
}
.dark .lddfw-menu__name {
color: #f1f3f5;
}
.dark .lddfw-menu__role,
.dark .lddfw-menu__section-title {
color: #a8b0ba;
}
.dark .lddfw-menu__section + .lddfw-menu__section {
border-top-color: rgba(255, 255, 255, 0.06);
}
.dark #lddfw_header .lddfw_sidenav.lddfw-menu a.lddfw-menu__item {
color: #f1f3f5;
}
.dark #lddfw_header .lddfw_sidenav.lddfw-menu a.lddfw-menu__item:hover,
.dark #lddfw_header .lddfw_sidenav.lddfw-menu a.lddfw-menu__item:focus {
background: rgba(255, 255, 255, 0.05);
color: #f1f3f5;
}
.dark #lddfw_header .lddfw_sidenav.lddfw-menu a.lddfw-menu__item.is-active {
background: rgba(13, 110, 253, 0.18);
color: #7cb4ff;
border-left-color: #7cb4ff;
}
.dark .lddfw-menu__close {
color: #a8b0ba !important;
}
.dark .lddfw-menu__close:hover,
.dark .lddfw-menu__close:focus {
background: rgba(255, 255, 255, 0.08);
color: #f1f3f5 !important;
}
.dark .lddfw-menu-trigger {
color: #f1f3f5;
background: rgba(255, 255, 255, 0.06);
}
.dark .lddfw-menu-trigger:hover,
.dark .lddfw-menu-trigger:focus {
background: rgba(255, 255, 255, 0.12);
color: #7cb4ff;
}
.dark .lddfw-menu-trigger__badge {
box-shadow: 0 0 0 2px #1f2a36;
}
.dark #lddfw_menu .lddfw_availability {
background-color: transparent;
} .lddfw-settings {
max-width: 1100px;
margin: 0 auto;
padding: 0 1rem 2rem;
} .lddfw-settings-hero {
display: flex;
align-items: center;
gap: 1rem;
padding: 1.25rem 1rem;
margin: 0 -1rem 1.5rem;
background: linear-gradient(135deg, #0d6efd 0%, #4a90e2 100%);
color: #fff;
border-radius: 0 0 16px 16px;
box-shadow: 0 4px 16px rgba(13, 110, 253, 0.18);
}
.lddfw-settings-hero__avatar {
width: 64px;
height: 64px;
border-radius: 50%;
overflow: hidden;
background: rgba(255, 255, 255, 0.15);
flex-shrink: 0;
border: 2px solid rgba(255, 255, 255, 0.4);
}
.lddfw-settings-hero__avatar img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.lddfw-settings-hero__identity {
min-width: 0;
}
.lddfw-settings-hero__eyebrow {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.06em;
opacity: 0.85;
font-weight: 600;
}
.lddfw-settings-hero__name {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.2;
margin-top: 0.15rem;
word-break: break-word;
}
.lddfw-settings-hero__role {
display: inline-block;
margin-top: 0.4rem;
padding: 0.15rem 0.6rem;
background: rgba(255, 255, 255, 0.18);
border-radius: 999px;
font-size: 0.75rem;
font-weight: 600;
} .lddfw-settings-layout {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
}
@media (min-width: 900px) {
.lddfw-settings-layout {
grid-template-columns: 220px minmax(0, 1fr);
gap: 2rem;
}
} .lddfw-settings-toc {
display: none;
flex-direction: column;
gap: 0.25rem;
position: sticky;
top: 90px;
align-self: start;
background: #fff;
border: 1px solid #e9ecef;
border-radius: 12px;
padding: 0.5rem;
box-shadow: 0 1px 3px rgba(1, 22, 39, 0.04);
}
@media (min-width: 900px) {
.lddfw-settings-toc {
display: flex;
}
}
.lddfw-settings-toc__item {
display: flex;
align-items: center;
gap: 0.6rem;
padding: 0.55rem 0.7rem;
border-radius: 8px;
color: #495057;
font-weight: 500;
font-size: 0.925rem;
transition:
background-color 0.15s ease,
color 0.15s ease;
}
.lddfw-settings-toc__item:hover,
.lddfw-settings-toc__item:focus {
background: rgba(13, 110, 253, 0.06);
color: #0d6efd;
text-decoration: none;
}
.lddfw-settings-toc__item.is-active {
background: rgba(13, 110, 253, 0.1);
color: #0d6efd;
font-weight: 600;
}
.lddfw-settings-toc__icon {
display: inline-flex;
align-items: center;
justify-content: center;
color: currentColor;
flex-shrink: 0;
} .lddfw-settings-body {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.lddfw-settings-card {
background: #fff;
border: 1px solid #e9ecef;
border-radius: 12px;
box-shadow: 0 1px 3px rgba(1, 22, 39, 0.04);
overflow: hidden;
scroll-margin-top: 90px;
}
.lddfw-settings-card__header {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 1rem 1.25rem;
border-bottom: 1px solid #f1f3f5;
background: #fafbfc;
}
.lddfw-settings-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 9px;
background: rgba(13, 110, 253, 0.1);
color: #0d6efd;
flex-shrink: 0;
}
.lddfw-settings-card__icon--delivery {
background: rgba(25, 135, 84, 0.12);
color: #198754;
}
.lddfw-settings-card__icon--contact {
background: rgba(13, 110, 253, 0.12);
color: #0d6efd;
}
.lddfw-settings-card__icon--account {
background: rgba(108, 117, 125, 0.14);
color: #495057;
}
.lddfw-settings-card__title {
margin: 0;
font-size: 1.05rem;
font-weight: 700;
color: #011627;
}
.lddfw-settings-card__body {
padding: 1.25rem;
display: flex;
flex-direction: column;
gap: 1rem;
} .lddfw-settings-switch-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 0.85rem 1rem;
background: #f8f9fa;
border-radius: 10px;
border: 1px solid #f1f3f5;
}
.lddfw-settings-switch-row__text {
min-width: 0;
flex: 1;
}
.lddfw-settings-switch-row__label {
font-weight: 600;
color: #011627;
font-size: 0.95rem;
}
.lddfw-settings-switch-row__label #lddfw_availability_status {
margin-left: 0.3rem;
color: #0d6efd;
}
.lddfw-settings-switch-row__hint {
font-size: 0.8rem;
color: #6c757d;
margin-top: 0.15rem;
} .lddfw-pill-toggle {
position: relative;
display: inline-block;
width: 52px;
height: 30px;
border-radius: 999px;
background: #ced4da;
flex-shrink: 0;
transition: background-color 0.2s ease;
cursor: pointer;
}
.lddfw-pill-toggle:hover,
.lddfw-pill-toggle:focus {
text-decoration: none;
}
.lddfw-pill-toggle__knob {
position: absolute;
top: 3px;
left: 3px;
width: 24px;
height: 24px;
border-radius: 50%;
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
transition: transform 0.2s ease;
}
.lddfw-pill-toggle.is-on,
.lddfw-pill-toggle.lddfw_active {
background: #198754;
}
.lddfw-pill-toggle.is-on .lddfw-pill-toggle__knob,
.lddfw-pill-toggle.lddfw_active .lddfw-pill-toggle__knob {
transform: translateX(22px);
} .lddfw-field-grid {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
@media (min-width: 600px) {
.lddfw-field-grid {
grid-template-columns: 1fr 1fr;
}
}
.lddfw-field {
display: flex;
flex-direction: column;
gap: 0.35rem;
min-width: 0;
}
.lddfw-field__label {
font-weight: 600;
color: #011627;
font-size: 0.875rem;
margin: 0;
}
.lddfw-field .form-control {
border-radius: 8px;
border: 1px solid #ced4da;
font-size: 0.95rem;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease;
}
.lddfw-field .form-control:focus {
border-color: #0d6efd;
box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15);
outline: none;
}
.lddfw-field__hint {
color: #6c757d;
font-size: 0.8rem;
line-height: 1.35;
} .lddfw-avatar-upload {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
padding: 0.75rem;
background: #f8f9fa;
border-radius: 10px;
border: 1px solid #f1f3f5;
box-sizing: border-box;
max-width: 100%;
}
.lddfw-avatar-upload__preview {
width: 72px;
height: 72px;
border-radius: 50%;
overflow: hidden;
background: #e9ecef;
flex-shrink: 0;
border: 2px solid #fff;
box-shadow: 0 2px 6px rgba(1, 22, 39, 0.08);
}
.lddfw-avatar-upload__preview img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.lddfw-avatar-upload__controls {
flex: 1 1 0;
min-width: 0;
max-width: 100%;
}
.lddfw-avatar-upload__title {
font-weight: 600;
color: #011627;
font-size: 0.95rem;
}
.lddfw-avatar-upload__hint {
font-size: 0.8rem;
color: #6c757d;
margin-bottom: 0.5rem;
}
.lddfw-avatar-upload__btn.custom-file,
.lddfw-avatar-upload__btn {
position: relative;
display: inline-block;
width: auto;
height: auto;
margin: 0;
max-width: 100%;
cursor: pointer;
}
.lddfw-avatar-upload__btn input[type="file"] {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}
.lddfw-avatar-upload__btn-inner {
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding: 0.45rem 0.85rem;
background: #fff;
border: 1px solid #ced4da;
border-radius: 8px;
font-size: 0.875rem;
font-weight: 600;
color: #495057;
white-space: nowrap;
box-sizing: border-box;
transition:
border-color 0.15s ease,
color 0.15s ease,
background-color 0.15s ease;
}
.lddfw-avatar-upload__btn:hover .lddfw-avatar-upload__btn-inner {
border-color: #0d6efd;
color: #0d6efd;
background: rgba(13, 110, 253, 0.04);
} .lddfw-btn-ghost {
align-self: flex-start;
background: #fff;
border: 1px solid #ced4da;
color: #495057;
border-radius: 8px;
padding: 0.45rem 0.85rem;
font-size: 0.875rem;
font-weight: 600;
transition:
border-color 0.15s ease,
color 0.15s ease;
}
.lddfw-btn-ghost:hover,
.lddfw-btn-ghost:focus {
border-color: #0d6efd;
color: #0d6efd;
background: rgba(13, 110, 253, 0.04);
}
.lddfw-password-field {
display: flex;
flex-direction: column;
gap: 0.5rem;
margin-top: 0.5rem;
}
.lddfw-password-input {
position: relative;
}
.lddfw-password-input .form-control {
padding-right: 2.75rem;
}
.lddfw-password-eye {
position: absolute;
top: 50%;
right: 0.5rem;
transform: translateY(-50%);
background: transparent;
border: 0;
padding: 0.35rem;
color: #6c757d;
cursor: pointer;
border-radius: 6px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.lddfw-password-eye:hover,
.lddfw-password-eye:focus {
color: #011627;
background: rgba(1, 22, 39, 0.06);
outline: none;
}
.lddfw-password-strength {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.8rem;
}
.lddfw-password-strength__bar {
flex: 1;
height: 6px;
background: #e9ecef;
border-radius: 999px;
overflow: hidden;
}
.lddfw-password-strength__fill {
display: block;
height: 100%;
width: 0;
background: transparent;
transition:
width 0.2s ease,
background-color 0.2s ease;
}
.lddfw-password-strength__label {
font-weight: 600;
min-width: 3rem;
text-align: right;
}
.lddfw-password-cancel {
font-size: 0.875rem;
color: #6c757d;
align-self: flex-start;
}
.lddfw-password-cancel:hover,
.lddfw-password-cancel:focus {
color: #dc3545;
text-decoration: underline;
} .lddfw-settings-footer {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 998;
margin: 0;
padding: 0.75rem 1rem;
background: rgba(255, 255, 255, 0.97);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-top: 1px solid #e9ecef;
box-shadow: 0 -4px 16px rgba(1, 22, 39, 0.06);
} .lddfw-settings .lddfw_form,
.lddfw-settings-body { }
.lddfw-settings-footer .lddfw_submit_btn,
.lddfw-settings-footer .lddfw_loading_btn {
border-radius: 10px;
font-weight: 600;
padding: 0.75rem 1rem;
width: 100%;
} .dark .lddfw-settings-toc {
background: #1f2a36;
border-color: rgba(255, 255, 255, 0.08);
box-shadow: none;
}
.dark .lddfw-settings-toc__item {
color: #a8b0ba;
}
.dark .lddfw-settings-toc__item:hover,
.dark .lddfw-settings-toc__item:focus {
background: rgba(124, 180, 255, 0.1);
color: #7cb4ff;
}
.dark .lddfw-settings-toc__item.is-active {
background: rgba(124, 180, 255, 0.18);
color: #7cb4ff;
}
.dark .lddfw-settings-card {
background: #1f2a36;
border-color: rgba(255, 255, 255, 0.08);
box-shadow: none;
}
.dark .lddfw-settings-card__header {
background: rgba(255, 255, 255, 0.02);
border-bottom-color: rgba(255, 255, 255, 0.06);
}
.dark .lddfw-settings-card__title,
.dark .lddfw-settings-switch-row__label,
.dark .lddfw-field__label,
.dark .lddfw-avatar-upload__title {
color: #f1f3f5;
}
.dark .lddfw-settings-switch-row,
.dark .lddfw-avatar-upload {
background: rgba(255, 255, 255, 0.03);
border-color: rgba(255, 255, 255, 0.06);
}
.dark .lddfw-settings-switch-row__hint,
.dark .lddfw-field__hint,
.dark .lddfw-avatar-upload__hint,
.dark .lddfw-password-cancel {
color: #a8b0ba;
}
.dark .lddfw-field .form-control,
.dark .lddfw-avatar-upload__btn-inner,
.dark .lddfw-btn-ghost {
background: #2b3743;
border-color: rgba(255, 255, 255, 0.1);
color: #f1f3f5;
}
.dark .lddfw-field .form-control:focus {
border-color: #7cb4ff;
box-shadow: 0 0 0 3px rgba(124, 180, 255, 0.18);
}
.dark .lddfw-avatar-upload__btn:hover .lddfw-avatar-upload__btn-inner,
.dark .lddfw-btn-ghost:hover,
.dark .lddfw-btn-ghost:focus {
border-color: #7cb4ff;
color: #7cb4ff;
background: rgba(124, 180, 255, 0.08);
}
.dark .lddfw-pill-toggle {
background: #3a4756;
}
.dark .lddfw-pill-toggle.is-on,
.dark .lddfw-pill-toggle.lddfw_active {
background: #3ddc97;
}
.dark .lddfw-password-strength__bar {
background: rgba(255, 255, 255, 0.08);
}
.dark .lddfw-password-eye {
color: #a8b0ba;
}
.dark .lddfw-password-eye:hover,
.dark .lddfw-password-eye:focus {
color: #f1f3f5;
background: rgba(255, 255, 255, 0.08);
}
.dark .lddfw-settings-footer {
background: rgba(31, 42, 54, 0.97);
border-top-color: rgba(255, 255, 255, 0.08);
box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.4);
}  .lddfw-reviews-hero {
display: flex;
align-items: center;
gap: 1rem;
padding: 1.25rem 1rem;
margin: 0 -1rem 1.25rem;
background: linear-gradient(135deg, #f5a623 0%, #ffb84d 100%);
color: #fff;
border-radius: 0 0 16px 16px;
box-shadow: 0 4px 16px rgba(245, 166, 35, 0.2);
}
.lddfw-reviews-hero__avatar {
width: 64px;
height: 64px;
border-radius: 50%;
overflow: hidden;
background: rgba(255, 255, 255, 0.15);
flex-shrink: 0;
border: 2px solid rgba(255, 255, 255, 0.45);
}
.lddfw-reviews-hero__avatar img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.lddfw-reviews-hero__identity {
min-width: 0;
flex: 1 1 auto;
}
.lddfw-reviews-hero__eyebrow {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.06em;
opacity: 0.9;
font-weight: 600;
}
.lddfw-reviews-hero__name {
font-size: 1.2rem;
font-weight: 700;
line-height: 1.2;
margin-top: 0.15rem;
word-break: break-word;
}
.lddfw-reviews-hero__role {
display: inline-block;
margin-top: 0.4rem;
padding: 0.15rem 0.6rem;
background: rgba(255, 255, 255, 0.18);
border-radius: 999px;
font-size: 0.75rem;
font-weight: 600;
}
.lddfw-reviews-hero__score {
display: flex;
align-items: center;
gap: 0.6rem;
margin-top: 0.5rem;
flex-wrap: wrap;
}
.lddfw-reviews-hero__score-number {
font-size: 1.85rem;
font-weight: 800;
line-height: 1;
letter-spacing: -0.01em;
}
.lddfw-reviews-hero__score-stars .lddfw-rating-stars__bg {
color: rgba(255, 255, 255, 0.35) !important;
}
.lddfw-reviews-hero__score-stars .lddfw-rating-stars__fg {
color: #fff !important;
}
.lddfw-reviews-hero__count-pill {
display: inline-block;
margin-top: 0.5rem;
padding: 0.2rem 0.65rem;
background: rgba(255, 255, 255, 0.22);
border-radius: 999px;
font-size: 0.78rem;
font-weight: 600;
line-height: 1.4;
} .lddfw-reviews-card {
background: #fff;
border: 1px solid #e9ecef;
border-radius: 12px;
box-shadow: 0 1px 3px rgba(1, 22, 39, 0.04);
overflow: hidden;
margin-bottom: 1.25rem;
}
.lddfw-reviews-card__header {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.9rem 1.25rem;
border-bottom: 1px solid #f1f3f5;
background: #fafbfc;
}
.lddfw-reviews-card__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 9px;
background: rgba(245, 166, 35, 0.14);
color: #f5a623;
flex-shrink: 0;
}
.lddfw-reviews-card__title {
margin: 0;
font-size: 1.05rem;
font-weight: 700;
color: #011627;
}
.lddfw-reviews-card__body {
padding: 1rem 1.25rem;
}
.lddfw-reviews-breakdown {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.lddfw-reviews-breakdown__row {
display: grid;
grid-template-columns: 36px 1fr 44px;
align-items: center;
gap: 0.65rem;
}
.lddfw-reviews-breakdown__label {
display: inline-flex;
align-items: center;
gap: 3px;
font-weight: 600;
color: #495057;
font-size: 0.9rem;
color: #f5a623;
}
.lddfw-reviews-breakdown__track {
display: block;
height: 10px;
background: #eef1f4;
border-radius: 999px;
overflow: hidden;
position: relative;
}
.lddfw-reviews-breakdown__fill {
display: block;
height: 100%;
border-radius: 999px;
transition: width 0.4s ease;
}
.lddfw-reviews-breakdown__count {
font-variant-numeric: tabular-nums;
font-size: 0.85rem;
color: #6b7280;
text-align: right;
font-weight: 600;
} .lddfw-reviews-chips {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
margin-bottom: 1rem;
}
.lddfw-reviews-chip {
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.35rem 0.75rem;
border: 1px solid #e3e6ea;
background: #fff;
color: #495057;
border-radius: 999px;
font-size: 0.82rem;
font-weight: 600;
text-decoration: none;
transition:
background-color 0.15s ease,
border-color 0.15s ease,
color 0.15s ease,
transform 0.1s ease;
line-height: 1.4;
}
.lddfw-reviews-chip:hover,
.lddfw-reviews-chip:focus {
background: #f8f9fa;
color: #0d6efd;
border-color: #c7d6ff;
text-decoration: none;
}
.lddfw-reviews-chip.is-active {
background: #0d6efd;
border-color: #0d6efd;
color: #fff;
}
.lddfw-reviews-chip.is-active:hover,
.lddfw-reviews-chip.is-active:focus {
background: #0b5ed7;
border-color: #0b5ed7;
color: #fff;
}
.lddfw-reviews-chip.is-disabled {
opacity: 0.45;
pointer-events: none;
}
.lddfw-reviews-chip__count {
display: inline-block;
min-width: 18px;
padding: 0 6px;
background: rgba(0, 0, 0, 0.06);
color: inherit;
border-radius: 999px;
font-size: 0.72rem;
font-weight: 700;
text-align: center;
line-height: 18px;
}
.lddfw-reviews-chip.is-active .lddfw-reviews-chip__count {
background: rgba(255, 255, 255, 0.25);
color: #fff;
}
.lddfw-reviews-chip--r5 {
color: #2e7d32;
}
.lddfw-reviews-chip--r4 {
color: #43a047;
}
.lddfw-reviews-chip--r3 {
color: #c29400;
}
.lddfw-reviews-chip--r2 {
color: #e68900;
}
.lddfw-reviews-chip--r1 {
color: #d32f2f;
} .lddfw-reviews-list {
display: flex;
flex-direction: column;
gap: 0.85rem;
}
.lddfw-review-card {
background: #fff;
border: 1px solid #e9ecef;
border-left: 4px solid #e9ecef;
border-radius: 12px;
padding: 1rem 1.1rem;
box-shadow: 0 1px 3px rgba(1, 22, 39, 0.04);
transition:
box-shadow 0.15s ease,
transform 0.1s ease;
}
.lddfw-review-card:hover {
box-shadow: 0 4px 14px rgba(1, 22, 39, 0.08);
}
.lddfw-review-card--r5 {
border-left-color: #43a047;
}
.lddfw-review-card--r4 {
border-left-color: #66bb6a;
}
.lddfw-review-card--r3 {
border-left-color: #fdd835;
}
.lddfw-review-card--r2 {
border-left-color: #ff9800;
}
.lddfw-review-card--r1 {
border-left-color: #ef5350;
}
.lddfw-review-card__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
flex-wrap: wrap;
}
.lddfw-review-card__rating {
display: flex;
align-items: center;
gap: 0.7rem;
min-width: 0;
}
.lddfw-review-card__emoji {
display: inline-flex;
width: 40px;
height: 40px;
line-height: 0;
flex-shrink: 0;
}
.lddfw-review-card__emoji svg {
width: 40px;
height: 40px;
}
.lddfw-review-card__rating-meta {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.lddfw-review-card__label {
font-weight: 700;
color: #011627;
font-size: 0.95rem;
line-height: 1.2;
}
.lddfw-review-card__order {
display: inline-flex;
align-items: center;
padding: 0.25rem 0.65rem;
border-radius: 999px;
background: #f1f3f5;
color: #495057;
font-size: 0.8rem;
font-weight: 700;
text-decoration: none;
transition:
background-color 0.15s ease,
color 0.15s ease;
flex-shrink: 0;
}
.lddfw-review-card__order:hover,
.lddfw-review-card__order:focus {
background: rgba(13, 110, 253, 0.1);
color: #0d6efd;
text-decoration: none;
}
.lddfw-review-card .lddfw-review-comment-bubble {
margin-top: 0.7rem;
}
.lddfw-review-card__date {
margin-top: 0.65rem;
font-size: 0.78rem;
color: #8a909a;
font-weight: 500;
} .lddfw-reviews-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 0.75rem;
margin: 1.5rem 0 0.5rem;
}
.lddfw-reviews-pagination__btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
border: 1px solid #e3e6ea;
color: #495057;
transition:
background-color 0.15s ease,
color 0.15s ease,
border-color 0.15s ease,
transform 0.1s ease;
}
.lddfw-reviews-pagination__btn:hover,
.lddfw-reviews-pagination__btn:focus {
background: rgba(13, 110, 253, 0.08);
border-color: #c7d6ff;
color: #0d6efd;
text-decoration: none;
transform: translateY(-1px);
}
.lddfw-reviews-pagination__btn.is-disabled {
opacity: 0.35;
cursor: default;
pointer-events: none;
}
.lddfw-reviews-pagination__status {
font-weight: 600;
color: #495057;
font-size: 0.9rem;
font-variant-numeric: tabular-nums;
} .lddfw-reviews-empty {
background: #fff;
border: 1px dashed #d9dde2;
border-radius: 12px;
padding: 2.25rem 1.25rem;
text-align: center;
margin-top: 0.5rem;
}
.lddfw-reviews-empty--small {
padding: 1.5rem 1rem;
}
.lddfw-reviews-empty__icon {
color: #ffc24d;
margin-bottom: 0.75rem;
opacity: 0.85;
}
.lddfw-reviews-empty__title {
font-size: 1.1rem;
font-weight: 700;
color: #011627;
margin-bottom: 0.35rem;
}
.lddfw-reviews-empty__text {
color: #6b7280;
font-size: 0.92rem;
max-width: 420px;
margin: 0 auto;
line-height: 1.45;
}
.lddfw-reviews-empty__text a {
color: #0d6efd;
font-weight: 600;
} .dark .lddfw-reviews-card {
background: #1f2a36;
border-color: rgba(255, 255, 255, 0.08);
box-shadow: none;
}
.dark .lddfw-reviews-card__header {
background: rgba(255, 255, 255, 0.02);
border-bottom-color: rgba(255, 255, 255, 0.06);
}
.dark .lddfw-reviews-card__title {
color: #f1f3f5;
}
.dark .lddfw-reviews-card__icon {
background: rgba(245, 166, 35, 0.18);
color: #ffcc66;
}
.dark .lddfw-reviews-breakdown__label {
color: #ffcc66;
}
.dark .lddfw-reviews-breakdown__track {
background: rgba(255, 255, 255, 0.08);
}
.dark .lddfw-reviews-breakdown__count {
color: #a8b0ba;
}
.dark .lddfw-reviews-chip {
background: #1f2a36;
border-color: rgba(255, 255, 255, 0.1);
color: #cdd3db;
}
.dark .lddfw-reviews-chip:hover,
.dark .lddfw-reviews-chip:focus {
background: rgba(124, 180, 255, 0.08);
border-color: rgba(124, 180, 255, 0.4);
color: #7cb4ff;
}
.dark .lddfw-reviews-chip.is-active {
background: #7cb4ff;
border-color: #7cb4ff;
color: #0b1220;
}
.dark .lddfw-reviews-chip.is-active:hover,
.dark .lddfw-reviews-chip.is-active:focus {
background: #9cc6ff;
border-color: #9cc6ff;
color: #0b1220;
}
.dark .lddfw-reviews-chip__count {
background: rgba(255, 255, 255, 0.08);
}
.dark .lddfw-reviews-chip.is-active .lddfw-reviews-chip__count {
background: rgba(0, 0, 0, 0.18);
color: #0b1220;
}
.dark .lddfw-review-card {
background: #1f2a36;
border-color: rgba(255, 255, 255, 0.08);
box-shadow: none;
}
.dark .lddfw-review-card:hover {
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
}
.dark .lddfw-review-card__label {
color: #f1f3f5;
}
.dark .lddfw-review-card__order {
background: rgba(255, 255, 255, 0.06);
color: #cdd3db;
}
.dark .lddfw-review-card__order:hover,
.dark .lddfw-review-card__order:focus {
background: rgba(124, 180, 255, 0.15);
color: #7cb4ff;
}
.dark .lddfw-review-card__date {
color: #8a909a;
}
.dark .lddfw-reviews-pagination__btn {
background: #1f2a36;
border-color: rgba(255, 255, 255, 0.1);
color: #cdd3db;
}
.dark .lddfw-reviews-pagination__btn:hover,
.dark .lddfw-reviews-pagination__btn:focus {
background: rgba(124, 180, 255, 0.1);
border-color: rgba(124, 180, 255, 0.45);
color: #7cb4ff;
}
.dark .lddfw-reviews-pagination__status {
color: #cdd3db;
}
.dark .lddfw-reviews-empty {
background: #1f2a36;
border-color: rgba(255, 255, 255, 0.12);
}
.dark .lddfw-reviews-empty__title {
color: #f1f3f5;
}
.dark .lddfw-reviews-empty__text {
color: #a8b0ba;
} .lddfw-info-hero {
display: flex;
align-items: center;
gap: 1rem;
padding: 1.25rem 1rem;
margin: 0 -1rem 1.25rem;
background: linear-gradient(135deg, #0d6efd 0%, #4a90e2 100%);
color: #fff;
border-radius: 0 0 16px 16px;
box-shadow: 0 4px 16px rgba(13, 110, 253, 0.2);
}
.lddfw-info-hero__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 14px;
background: rgba(255, 255, 255, 0.18);
border: 1px solid rgba(255, 255, 255, 0.35);
flex-shrink: 0;
color: #fff;
}
.lddfw-info-hero__identity {
min-width: 0;
flex: 1 1 auto;
}
.lddfw-info-hero__eyebrow {
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.06em;
opacity: 0.9;
font-weight: 600;
}
.lddfw-info-hero__title {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.25;
margin: 0.15rem 0 0;
color: #fff;
word-break: break-word;
}
.lddfw-info-card {
background: #fff;
border: 1px solid #e9ecef;
border-radius: 12px;
box-shadow: 0 1px 3px rgba(1, 22, 39, 0.04);
overflow: hidden;
}
.lddfw-info-card__body {
padding: 1.25rem 1.35rem;
color: #334155;
font-size: 0.975rem;
line-height: 1.65;
} .lddfw-info-card__body > :first-child {
margin-top: 0;
}
.lddfw-info-card__body > :last-child {
margin-bottom: 0;
}
.lddfw-info-card__body h1,
.lddfw-info-card__body h2,
.lddfw-info-card__body h3,
.lddfw-info-card__body h4,
.lddfw-info-card__body h5,
.lddfw-info-card__body h6 {
color: #011627;
font-weight: 700;
line-height: 1.3;
margin: 1.35em 0 0.55em;
}
.lddfw-info-card__body h1 {
font-size: 1.4rem;
}
.lddfw-info-card__body h2 {
font-size: 1.2rem;
}
.lddfw-info-card__body h3 {
font-size: 1.075rem;
}
.lddfw-info-card__body h4 {
font-size: 1rem;
}
.lddfw-info-card__body h5,
.lddfw-info-card__body h6 {
font-size: 0.925rem;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #495057;
}
.lddfw-info-card__body p {
margin: 0 0 1em;
}
.lddfw-info-card__body a {
color: #0d6efd;
text-decoration: underline;
text-underline-offset: 2px;
}
.lddfw-info-card__body a:hover,
.lddfw-info-card__body a:focus {
color: #0b5ed7;
}
.lddfw-info-card__body ul,
.lddfw-info-card__body ol {
margin: 0 0 1em;
padding-left: 1.4rem;
}
.lddfw-info-card__body li + li {
margin-top: 0.3em;
}
.lddfw-info-card__body blockquote {
margin: 1em 0;
padding: 0.65rem 1rem;
border-left: 3px solid #0d6efd;
background: #f5f9ff;
border-radius: 0 10px 10px 0;
color: #334155;
}
.lddfw-info-card__body code,
.lddfw-info-card__body kbd,
.lddfw-info-card__body samp {
background: #f1f3f5;
padding: 0.08em 0.35em;
border-radius: 5px;
font-size: 0.88em;
color: #c2185b;
}
.lddfw-info-card__body pre {
background: #0b1220;
color: #e5e7eb;
padding: 0.85rem 1rem;
border-radius: 10px;
overflow: auto;
font-size: 0.85rem;
line-height: 1.55;
margin: 0 0 1em;
}
.lddfw-info-card__body pre code {
background: transparent;
color: inherit;
padding: 0;
font-size: inherit;
}
.lddfw-info-card__body hr {
border: 0;
border-top: 1px solid #e9ecef;
margin: 1.5em 0;
}
.lddfw-info-card__body img,
.lddfw-info-card__body video,
.lddfw-info-card__body iframe {
max-width: 100%;
height: auto;
border-radius: 10px;
display: block;
margin: 0.5em auto;
}
.lddfw-info-card__body table {
width: 100%;
border-collapse: collapse;
margin: 0 0 1em;
font-size: 0.92rem;
}
.lddfw-info-card__body th,
.lddfw-info-card__body td {
padding: 0.55rem 0.7rem;
border-bottom: 1px solid #f1f3f5;
text-align: left;
}
.lddfw-info-card__body th {
background: #fafbfc;
font-weight: 700;
color: #011627;
} .dark .lddfw-info-card {
background: #1f2a36;
border-color: rgba(255, 255, 255, 0.08);
box-shadow: none;
}
.dark .lddfw-info-card__body {
color: #cdd3db;
}
.dark .lddfw-info-card__body h1,
.dark .lddfw-info-card__body h2,
.dark .lddfw-info-card__body h3,
.dark .lddfw-info-card__body h4 {
color: #f1f3f5;
}
.dark .lddfw-info-card__body h5,
.dark .lddfw-info-card__body h6 {
color: #a8b0ba;
}
.dark .lddfw-info-card__body a {
color: #7cb4ff;
}
.dark .lddfw-info-card__body a:hover,
.dark .lddfw-info-card__body a:focus {
color: #9cc6ff;
}
.dark .lddfw-info-card__body blockquote {
background: rgba(124, 180, 255, 0.08);
border-left-color: #7cb4ff;
color: #cdd3db;
}
.dark .lddfw-info-card__body code,
.dark .lddfw-info-card__body kbd,
.dark .lddfw-info-card__body samp {
background: rgba(255, 255, 255, 0.08);
color: #f5a4c4;
}
.dark .lddfw-info-card__body hr {
border-top-color: rgba(255, 255, 255, 0.08);
}
.dark .lddfw-info-card__body th,
.dark .lddfw-info-card__body td {
border-bottom-color: rgba(255, 255, 255, 0.06);
}
.dark .lddfw-info-card__body th {
background: rgba(255, 255, 255, 0.03);
color: #f1f3f5;
} .lddfw-reviews-hero--payments {
background: linear-gradient(135deg, #059669 0%, #10b981 55%, #34d399 100%);
box-shadow: 0 4px 16px rgba(16, 185, 129, 0.22);
}
.lddfw-reviews-hero--payments .lddfw-reviews-hero__count-pill {
background: #fff;
color: #059669;
} .lddfw-reviews-hero__avatar--icon {
display: inline-flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.2);
color: #fff;
} .lddfw-list {
display: flex;
flex-direction: column;
gap: 0.625rem;
margin: 0 0 1rem;
}
.lddfw-list-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
padding: 0.875rem 1rem;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
transition: box-shadow 0.15s ease;
}
.lddfw-list-row:hover {
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}
.lddfw-list-row__main {
display: flex;
align-items: center;
gap: 0.75rem;
min-width: 0;
flex: 1 1 auto;
}
.lddfw-list-row__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 10px;
background: #f1f5f9;
color: #475569;
flex: 0 0 auto;
} .lddfw-list-row__icon--success {
background: #ecfdf5;
color: #059669;
}
.lddfw-list-row__body {
min-width: 0;
flex: 1 1 auto;
}
.lddfw-list-row__title {
font-size: 0.9rem;
font-weight: 600;
color: #0f172a;
line-height: 1.3;
margin-bottom: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.lddfw-list-row__meta {
display: flex;
align-items: center;
gap: 0.5rem;
flex-wrap: wrap;
font-size: 0.75rem;
color: #64748b;
line-height: 1.4;
}
.lddfw-list-row__meta-pill {
display: inline-flex;
align-items: center;
padding: 2px 8px;
border-radius: 999px;
background: #f1f5f9;
color: #334155;
font-size: 0.7rem;
font-weight: 500;
}
.lddfw-list-row__value {
flex: 0 0 auto;
font-size: 1.1rem;
font-weight: 700;
color: #0f172a;
white-space: nowrap;
text-align: right;
}
.lddfw-list-row__value--success,
.lddfw-list-row__value--success .woocommerce-Price-amount,
.lddfw-list-row__value--success bdi {
color: #059669 !important;
} .dark .lddfw-list-row {
background: #1e293b;
border-color: #334155;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.dark .lddfw-list-row:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.45);
}
.dark .lddfw-list-row__icon {
background: #334155;
color: #cbd5e1;
}
.dark .lddfw-list-row__icon--success {
background: rgba(16, 185, 129, 0.15);
color: #34d399;
}
.dark .lddfw-list-row__title {
color: #f1f5f9;
}
.dark .lddfw-list-row__meta {
color: #94a3b8;
}
.dark .lddfw-list-row__meta-pill {
background: #334155;
color: #e2e8f0;
}
.dark .lddfw-list-row__value {
color: #f1f5f9;
}
.dark .lddfw-list-row__value--success,
.dark .lddfw-list-row__value--success .woocommerce-Price-amount,
.dark .lddfw-list-row__value--success bdi {
color: #34d399 !important;
}
@media (max-width: 480px) {
.lddfw-list-row {
padding: 0.75rem 0.875rem;
}
.lddfw-list-row__value {
font-size: 1rem;
}
}  .lddfw-reviews-hero--delivered {
background: linear-gradient(135deg, #198754 0%, #20a66a 55%, #34d399 100%);
box-shadow: 0 4px 16px rgba(25, 135, 84, 0.22);
}
.lddfw-reviews-hero--delivered .lddfw-reviews-hero__count-pill {
background: #fff;
color: #198754;
} .lddfw-delivered-filter {
display: flex;
align-items: center;
gap: 0.75rem;
flex-wrap: wrap;
padding: 0.75rem 1rem;
margin: 0 0 1rem;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.lddfw-delivered-filter__label {
display: inline-flex;
align-items: center;
gap: 0.4rem;
font-size: 0.8rem;
font-weight: 600;
color: #475569;
flex: 0 0 auto;
}
.lddfw-delivered-filter__label-icon {
display: inline-flex;
align-items: center;
justify-content: center;
color: #64748b;
}
.lddfw-delivered-filter__select {
flex: 1 1 200px;
min-width: 160px;
} .lddfw-delivered-filter__select .custom-select,
.lddfw-delivered-filter__select select {
width: 100%;
height: auto;
padding: 0.5rem 2rem 0.5rem 0.75rem;
font-size: 0.9rem;
font-weight: 500;
color: #0f172a;
background-color: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 10px;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23475569'><path d='M7 10l5 5 5-5z'/></svg>");
background-repeat: no-repeat;
background-position: right 0.5rem center;
background-size: 18px 18px;
cursor: pointer;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease,
background-color 0.15s ease;
}
.lddfw-delivered-filter__select .custom-select:focus,
.lddfw-delivered-filter__select select:focus {
outline: none;
border-color: #0d6efd;
box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15);
background-color: #fff;
}
.lddfw-delivered-filter__current {
display: inline-flex;
align-items: center;
padding: 0.35rem 0.75rem;
border-radius: 999px;
background: #ecfdf5;
color: #059669;
font-size: 0.8rem;
font-weight: 600;
line-height: 1.3;
flex: 0 0 auto;
} .lddfw-delivered-stats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.75rem;
margin: 0 0 1rem;
}
@media (min-width: 768px) {
.lddfw-delivered-stats {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.lddfw-delivered-stat {
position: relative;
display: grid;
grid-template-columns: 1fr auto;
align-items: center;
gap: 0.75rem;
padding: 0.9rem 1rem;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
min-width: 0;
}
.lddfw-delivered-stat__text {
display: flex;
flex-direction: column;
gap: 0.3rem;
min-width: 0;
}
.lddfw-delivered-stat__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3.25rem;
height: 3.25rem;
border-radius: 12px;
background: #f1f5f9;
color: #475569;
flex-shrink: 0;
}
.lddfw-delivered-stat__icon svg {
width: 1.75rem;
height: 1.75rem;
display: block;
}
.lddfw-delivered-stat__icon--success {
background: #ecfdf5;
color: #059669;
}
.lddfw-delivered-stat__icon--money {
background: rgba(245, 166, 35, 0.14);
color: #b8860b;
}
.lddfw-delivered-stat__icon--shipping {
background: rgba(13, 110, 253, 0.12);
color: #0d6efd;
}
.lddfw-delivered-stat__icon--commission {
background: rgba(124, 77, 255, 0.12);
color: #7c4dff;
}
.lddfw-delivered-stat__value {
font-size: 0.94rem;
font-weight: 700;
color: #0f172a;
line-height: 1.2;
word-break: break-word;
} .lddfw-delivered-stat__value .woocommerce-Price-amount,
.lddfw-delivered-stat__value bdi {
font-weight: 700;
}
.lddfw-delivered-stat__label {
font-size: 0.78rem;
font-weight: 500;
color: #64748b;
line-height: 1.3;
} .dark .lddfw-delivered-filter {
background: #1e293b;
border-color: #334155;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.dark .lddfw-delivered-filter__label,
.dark .lddfw-delivered-filter__label-icon {
color: #cbd5e1;
}
.dark .lddfw-delivered-filter__select .custom-select,
.dark .lddfw-delivered-filter__select select {
background-color: #0f172a;
border-color: #334155;
color: #f1f5f9;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'><path d='M7 10l5 5 5-5z'/></svg>");
}
.dark .lddfw-delivered-filter__select .custom-select:focus,
.dark .lddfw-delivered-filter__select select:focus {
background-color: #1e293b;
border-color: #60a5fa;
box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.2);
}
.dark .lddfw-delivered-filter__current {
background: rgba(16, 185, 129, 0.18);
color: #34d399;
}
.dark .lddfw-delivered-stat {
background: #1e293b;
border-color: #334155;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.dark .lddfw-delivered-stat__icon {
background: #334155;
color: #cbd5e1;
}
.dark .lddfw-delivered-stat__icon--success {
background: rgba(16, 185, 129, 0.16);
color: #34d399;
}
.dark .lddfw-delivered-stat__icon--money {
background: rgba(245, 166, 35, 0.18);
color: #f5c16c;
}
.dark .lddfw-delivered-stat__icon--shipping {
background: rgba(96, 165, 250, 0.16);
color: #60a5fa;
}
.dark .lddfw-delivered-stat__icon--commission {
background: rgba(167, 139, 250, 0.16);
color: #a78bfa;
}
.dark .lddfw-delivered-stat__value {
color: #f1f5f9;
}
.dark .lddfw-delivered-stat__label {
color: #94a3b8;
} .lddfw-delivered-screen #lddfw_orders_table {
display: flex;
flex-direction: column;
gap: 1rem;
}
.lddfw-delivered-screen .lddfw_box {
position: relative;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 14px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
padding: 0.9rem 1.1rem;
margin: 0;
transition:
box-shadow 0.15s ease,
transform 0.15s ease,
border-color 0.15s ease;
}
.lddfw-delivered-screen .lddfw_box:hover {
border-color: #c7d2fe;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}
.lddfw-delivered-screen .lddfw_box > .row,
.lddfw-delivered-screen .lddfw_box > .row > .col-12 {
margin: 0;
padding: 0;
} .lddfw-delivered-screen #lddfw_orders_table {
counter-reset: lddfw-delivered-order;
}
.lddfw-delivered-screen .lddfw_box {
counter-increment: lddfw-delivered-order;
}
.lddfw-delivered-screen .lddfw_box > .row > .col-12 {
display: flex;
flex-wrap: wrap;
align-items: center;
row-gap: 0.25rem;
column-gap: 0.6rem;
} .lddfw-delivered-screen .lddfw_counter {
display: none;
}
.lddfw-delivered-screen .lddfw_order_number {
order: 2;
flex: 0 1 auto;
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: 1rem;
font-weight: 700;
color: #0f172a;
margin: 0;
min-width: 0;
word-break: break-word;
margin-bottom: 10px;
}
.lddfw-delivered-screen .lddfw_order_number::before {
content: counter(lddfw-delivered-order);
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1.75rem;
height: 1.75rem;
padding: 0 0.5rem;
border-radius: 999px;
background: #ecfdf5;
color: #059669;
font-size: 0.75rem;
font-weight: 700;
border: 1px solid rgba(16, 185, 129, 0.25);
flex-shrink: 0;
}
.lddfw-delivered-screen .lddfw_order_number b {
font-weight: 700;
}
.lddfw-delivered-screen .lddfw_order_view.btn { position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
order: 3;
float: none;
margin-left: auto;
display: inline-flex;
align-items: center;
gap: 0.35rem;
background: linear-gradient(135deg, #198754 0%, #20a66a 100%);
border: 0;
color: #fff;
font-size: 0.8rem;
font-weight: 600;
padding: 0.4rem 0.85rem;
border-radius: 8px;
box-shadow: 0 1px 2px rgba(25, 135, 84, 0.25);
transition:
transform 0.15s ease,
box-shadow 0.15s ease,
filter 0.15s ease;
flex-shrink: 0;
z-index: 1;
margin-bottom: 10px;
}
.lddfw-delivered-screen .lddfw_order_view.btn:hover,
.lddfw-delivered-screen .lddfw_order_view.btn:focus {
filter: brightness(1.05);
box-shadow: 0 3px 8px rgba(25, 135, 84, 0.32);
color: #fff;
transform: translateY(-1px);
} .lddfw-delivered-screen .lddfw_order_address,
.lddfw-delivered-screen .lddfw_order_distance,
.lddfw-delivered-screen .lddfw_order_delivered_date,
.lddfw-delivered-screen .lddfw_order_custom,
.lddfw-delivered-screen .lddfw_delivery_date {
order: 4;
flex: 1 1 100%;
display: block;
color: #475569;
font-size: 0.875rem;
line-height: 1.45;
padding: 0.4rem 0 0.4rem 1.55rem;
margin: 0;
text-decoration: none;
position: relative;
border-top: 1px dashed #eef2f7;
}
.lddfw-delivered-screen .lddfw_order_custom {
padding: 0;
border-top: 0;
}
.lddfw-delivered-screen .lddfw_order_address:first-of-type,
.lddfw-delivered-screen .lddfw_order_distance:first-of-type,
.lddfw-delivered-screen .lddfw_order_delivered_date:first-of-type,
.lddfw-delivered-screen .lddfw_delivery_date:first-of-type {
margin-top: 0.65rem;
padding-top: 0.55rem;
}
.lddfw-delivered-screen .lddfw_order_address:hover,
.lddfw-delivered-screen .lddfw_order_distance:hover,
.lddfw-delivered-screen .lddfw_order_delivered_date:hover,
.lddfw-delivered-screen .lddfw_delivery_date:hover {
color: #0f172a;
text-decoration: none;
} .lddfw-delivered-screen .lddfw_order_address::before,
.lddfw-delivered-screen .lddfw_order_distance::before,
.lddfw-delivered-screen .lddfw_order_delivered_date::before,
.lddfw-delivered-screen .lddfw_delivery_date::before {
content: "";
position: absolute;
left: 0;
top: 0.55rem;
width: 1.1rem;
height: 1.1rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.75;
}
.lddfw-delivered-screen .lddfw_order_address:first-of-type::before,
.lddfw-delivered-screen .lddfw_order_distance:first-of-type::before,
.lddfw-delivered-screen .lddfw_order_delivered_date:first-of-type::before,
.lddfw-delivered-screen .lddfw_delivery_date:first-of-type::before {
top: 0.75rem;
}
.lddfw-delivered-screen .lddfw_order_address::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230d6efd'><path d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/></svg>");
}
.lddfw-delivered-screen .lddfw_order_distance::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237c4dff'><path d='M12 2a7 7 0 0 0-7 7c0 1.6.5 3.1 1.4 4.4L12 22l5.6-8.6A7.8 7.8 0 0 0 19 9a7 7 0 0 0-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/></svg>");
}
.lddfw-delivered-screen .lddfw_order_delivered_date::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23059669'><path d='M9 16.2l-3.5-3.5L4 14.2 9 19.2 20 8.2l-1.5-1.5z'/></svg>");
}
.lddfw-delivered-screen .lddfw_order_custom:first-of-type {
margin-top: 0.65rem;
} .lddfw-delivered-screen .lddfw_delivery_date {
order: 9;
margin-top: 0.4rem;
padding-top: 0.6rem;
border-top: 1px dashed #eef2f7;
}
.lddfw-delivered-screen .lddfw_delivery_date::before {
top: 0.95rem;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23059669'><path d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H5V8h14v13zM7 10h5v5H7z'/></svg>");
}
.dark .lddfw-delivered-screen .lddfw_delivery_date {
border-top-color: #475569;
} .lddfw-delivered-screen .lddfw_no_orders {
text-align: center;
padding: 2.25rem 1rem;
background: #f8fafc;
border: 1px dashed #cbd5e1;
border-radius: 14px;
color: #64748b;
box-shadow: none;
}
.lddfw-delivered-screen .lddfw_no_orders p {
margin: 0;
font-size: 0.95rem;
} .lddfw-delivered-screen .pagination {
margin: 1rem 0 0;
}
.lddfw-delivered-screen .pagination .page-item .page-link {
color: #475569;
border-color: #e5e7eb;
border-radius: 8px;
margin: 0 2px;
padding: 0.35rem 0.7rem;
font-size: 0.85rem;
background: #fff;
}
.lddfw-delivered-screen .pagination .page-item .page-link:hover {
background: #f1f5f9;
color: #0f172a;
border-color: #c7d2fe;
}
.lddfw-delivered-screen .pagination .page-item.active .page-link {
background: linear-gradient(135deg, #198754 0%, #20a66a 100%);
border-color: transparent;
color: #fff;
box-shadow: 0 1px 2px rgba(25, 135, 84, 0.3);
} .dark .lddfw-delivered-screen .lddfw_box {
background: #1e293b;
border-color: #334155;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.dark .lddfw-delivered-screen .lddfw_box:hover {
border-color: #475569;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
.dark .lddfw-delivered-screen .lddfw_order_number::before {
background: rgba(16, 185, 129, 0.15);
color: #34d399;
border-color: rgba(52, 211, 153, 0.3);
}
.dark .lddfw-delivered-screen .lddfw_order_number {
color: #f1f5f9;
}
.dark .lddfw-delivered-screen .lddfw_order_address,
.dark .lddfw-delivered-screen .lddfw_order_distance,
.dark .lddfw-delivered-screen .lddfw_order_delivered_date,
.dark .lddfw-delivered-screen .lddfw_delivery_date {
color: #cbd5e1;
border-top-color: #334155;
}
.dark .lddfw-delivered-screen .lddfw_order_address:hover,
.dark .lddfw-delivered-screen .lddfw_order_distance:hover,
.dark .lddfw-delivered-screen .lddfw_order_delivered_date:hover,
.dark .lddfw-delivered-screen .lddfw_delivery_date:hover {
color: #f1f5f9;
}
.dark .lddfw-delivered-screen .lddfw_no_orders {
background: #0f172a;
border-color: #334155;
color: #94a3b8;
}
.dark .lddfw-delivered-screen .pagination .page-item .page-link {
background: #1e293b;
border-color: #334155;
color: #cbd5e1;
}
.dark .lddfw-delivered-screen .pagination .page-item .page-link:hover {
background: #334155;
color: #f1f5f9;
border-color: #475569;
} .lddfw-reviews-hero--failed {
background: linear-gradient(135deg, #dc3545 0%, #e35d6a 55%, #fb7185 100%);
box-shadow: 0 4px 16px rgba(220, 53, 69, 0.25);
}
.lddfw-reviews-hero--failed .lddfw-reviews-hero__count-pill {
background: #fff;
color: #dc3545;
} .lddfw-failed-screen #lddfw_orders_table {
display: flex;
flex-direction: column;
gap: 1rem;
counter-reset: lddfw-failed-order;
}
.lddfw-failed-screen .lddfw_box {
counter-increment: lddfw-failed-order;
position: relative;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 14px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
padding: 0.9rem 1.1rem;
margin: 0;
transition:
box-shadow 0.15s ease,
transform 0.15s ease,
border-color 0.15s ease;
}
.lddfw-failed-screen .lddfw_box:hover {
border-color: #fecaca;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}
.lddfw-failed-screen .lddfw_box > .row,
.lddfw-failed-screen .lddfw_box > .row > .col-12 {
margin: 0;
padding: 0;
}
.lddfw-failed-screen .lddfw_box > .row > .col-12 {
display: flex;
flex-wrap: wrap;
align-items: center;
row-gap: 0.25rem;
column-gap: 0.6rem;
}
.lddfw-failed-screen .lddfw_counter {
display: none;
}
.lddfw-failed-screen .lddfw_order_number {
order: 2;
flex: 0 1 auto;
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: 1rem;
font-weight: 700;
color: #0f172a;
margin: 0;
min-width: 0;
word-break: break-word;
}
.lddfw-failed-screen .lddfw_order_number::before {
content: counter(lddfw-failed-order);
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1.75rem;
height: 1.75rem;
padding: 0 0.5rem;
border-radius: 999px;
background: #fef2f2;
color: #dc3545;
font-size: 0.75rem;
font-weight: 700;
border: 1px solid rgba(220, 53, 69, 0.25);
flex-shrink: 0;
}
.lddfw-failed-screen .lddfw_order_view.btn { position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
order: 3;
float: none;
margin-left: auto;
display: inline-flex;
align-items: center;
gap: 0.35rem;
background: linear-gradient(135deg, #dc3545 0%, #e35d6a 100%);
border: 0;
color: #fff;
font-size: 0.8rem;
font-weight: 600;
padding: 0.4rem 0.85rem;
border-radius: 8px;
box-shadow: 0 1px 2px rgba(220, 53, 69, 0.25);
transition:
transform 0.15s ease,
box-shadow 0.15s ease,
filter 0.15s ease;
flex-shrink: 0;
z-index: 1;
}
.lddfw-failed-screen .lddfw_order_view.btn:hover,
.lddfw-failed-screen .lddfw_order_view.btn:focus {
filter: brightness(1.05);
box-shadow: 0 3px 8px rgba(220, 53, 69, 0.32);
color: #fff;
transform: translateY(-1px);
}
.lddfw-failed-screen .lddfw_order_address,
.lddfw-failed-screen .lddfw_order_distance,
.lddfw-failed-screen .lddfw_order_failed_date,
.lddfw-failed-screen .lddfw_delivery_date,
.lddfw-failed-screen .lddfw_order_custom {
order: 4;
flex: 1 1 100%;
display: block;
color: #475569;
font-size: 0.875rem;
line-height: 1.45;
padding: 0.4rem 0 0.4rem 1.55rem;
margin: 0;
text-decoration: none;
position: relative;
border-top: 1px dashed #eef2f7;
}
.lddfw-failed-screen .lddfw_order_custom {
order: 5;
padding: 0;
border-top: 0;
}
.lddfw-failed-screen .lddfw_order_custom:first-of-type {
margin-top: 0.65rem;
}
.lddfw-failed-screen .lddfw_order_failed_date,
.lddfw-failed-screen .lddfw_delivery_date {
order: 9;
}
.lddfw-failed-screen .lddfw_order_address {
margin-top: 0.65rem;
padding-top: 0.55rem;
}
.lddfw-failed-screen .lddfw_order_address:hover,
.lddfw-failed-screen .lddfw_order_distance:hover,
.lddfw-failed-screen .lddfw_order_failed_date:hover,
.lddfw-failed-screen .lddfw_delivery_date:hover {
color: #0f172a;
text-decoration: none;
}
.lddfw-failed-screen .lddfw_order_address::before,
.lddfw-failed-screen .lddfw_order_distance::before,
.lddfw-failed-screen .lddfw_order_failed_date::before,
.lddfw-failed-screen .lddfw_delivery_date::before {
content: "";
position: absolute;
left: 0;
top: 0.55rem;
width: 1.1rem;
height: 1.1rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.75;
}
.lddfw-failed-screen .lddfw_order_address::before {
top: 0.75rem;
}
.lddfw-failed-screen .lddfw_order_address::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230d6efd'><path d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/></svg>");
}
.lddfw-failed-screen .lddfw_order_distance::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237c4dff'><path d='M12 2a7 7 0 0 0-7 7c0 1.6.5 3.1 1.4 4.4L12 22l5.6-8.6A7.8 7.8 0 0 0 19 9a7 7 0 0 0-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/></svg>");
}
.lddfw-failed-screen .lddfw_order_failed_date::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23dc3545'><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z'/></svg>");
}
.lddfw-failed-screen .lddfw_delivery_date::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23059669'><path d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H5V8h14v13zM7 10h5v5H7z'/></svg>");
}
.lddfw-failed-screen .lddfw_no_orders {
text-align: center;
padding: 2.25rem 1rem;
background: #f8fafc;
border: 1px dashed #cbd5e1;
border-radius: 14px;
color: #64748b;
box-shadow: none;
}
.lddfw-failed-screen .lddfw_no_orders p {
margin: 0;
font-size: 0.95rem;
}
.lddfw-failed-screen .pagination {
margin: 1rem 0 0;
}
.lddfw-failed-screen .pagination .page-item .page-link {
color: #475569;
border-color: #e5e7eb;
border-radius: 8px;
margin: 0 2px;
padding: 0.35rem 0.7rem;
font-size: 0.85rem;
background: #fff;
}
.lddfw-failed-screen .pagination .page-item .page-link:hover {
background: #fef2f2;
color: #0f172a;
border-color: #fecaca;
}
.lddfw-failed-screen .pagination .page-item.active .page-link {
background: linear-gradient(135deg, #dc3545 0%, #e35d6a 100%);
border-color: transparent;
color: #fff;
box-shadow: 0 1px 2px rgba(220, 53, 69, 0.3);
} .dark .lddfw-failed-screen .lddfw_box {
background: #1e293b;
border-color: #334155;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.dark .lddfw-failed-screen .lddfw_box:hover {
border-color: #7f1d1d;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
.dark .lddfw-failed-screen .lddfw_order_number::before {
background: rgba(220, 53, 69, 0.15);
color: #fca5a5;
border-color: rgba(252, 165, 165, 0.3);
}
.dark .lddfw-failed-screen .lddfw_order_number {
color: #f1f5f9;
}
.dark .lddfw-failed-screen .lddfw_order_address,
.dark .lddfw-failed-screen .lddfw_order_distance,
.dark .lddfw-failed-screen .lddfw_order_failed_date,
.dark .lddfw-failed-screen .lddfw_delivery_date {
color: #cbd5e1;
border-top-color: #334155;
}
.dark .lddfw-failed-screen .lddfw_order_address:hover,
.dark .lddfw-failed-screen .lddfw_order_distance:hover,
.dark .lddfw-failed-screen .lddfw_order_failed_date:hover,
.dark .lddfw-failed-screen .lddfw_delivery_date:hover {
color: #f1f5f9;
}
.dark .lddfw-failed-screen .lddfw_no_orders {
background: #0f172a;
border-color: #334155;
color: #94a3b8;
}
.dark .lddfw-failed-screen .pagination .page-item .page-link {
background: #1e293b;
border-color: #334155;
color: #cbd5e1;
}
.dark .lddfw-failed-screen .pagination .page-item .page-link:hover {
background: #334155;
color: #f1f5f9;
border-color: #475569;
} .lddfw-reviews-hero--claim {
background: linear-gradient(135deg, #0d6efd 0%, #3b82f6 55%, #60a5fa 100%);
box-shadow: 0 4px 16px rgba(13, 110, 253, 0.25);
}
.lddfw-reviews-hero--claim .lddfw-reviews-hero__count-pill {
background: #fff;
color: #0d6efd;
}
.lddfw-reviews-hero__subtitle {
margin-top: 0.2rem;
font-size: 0.85rem;
color: rgba(255, 255, 255, 0.88);
font-weight: 500;
line-height: 1.3;
}
.lddfw-claim-screen #lddfw_alert {
border-radius: 10px; margin-top: 15px !important;
margin-bottom: 15px !important;
} .lddfw-claim-screen {
counter-reset: lddfw-claim-order;
}
.lddfw-claim-screen .lddfw_box.lddfw_multi_checkbox {
counter-increment: lddfw-claim-order;
position: relative;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 14px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
padding: 0.9rem 1.1rem;
margin: 0 0 1rem;
transition:
box-shadow 0.15s ease,
border-color 0.15s ease;
}
.lddfw-claim-screen .lddfw_box.lddfw_multi_checkbox:hover {
border-color: #bfdbfe;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
} .lddfw-claim-screen
.lddfw_box.lddfw_multi_checkbox:has(.custom-control-input:checked) {
border-color: #3b82f6;
background: linear-gradient(180deg, #eff6ff 0%, #ffffff 70%);
box-shadow: 0 6px 16px rgba(59, 130, 246, 0.18);
}
.lddfw-claim-screen .lddfw_box.lddfw_multi_checkbox > .row,
.lddfw-claim-screen .lddfw_box.lddfw_multi_checkbox > .row > .col-12 {
margin: 0;
padding: 0;
} .lddfw-claim-screen .lddfw_box.lddfw_multi_checkbox > .row > .col-12 {
display: flex;
flex-wrap: wrap;
align-items: center;
row-gap: 0.25rem;
column-gap: 0.6rem;
}
.lddfw-claim-screen .lddfw_order_number {
order: 1;
flex: 0 1 auto;
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: 1rem;
font-weight: 700;
color: #0f172a;
margin: 0;
min-width: 0;
word-break: break-word;
}
.lddfw-claim-screen .lddfw_order_number::before {
content: counter(lddfw-claim-order);
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1.75rem;
height: 1.75rem;
padding: 0 0.5rem;
border-radius: 999px;
background: #eff6ff;
color: #0d6efd;
font-size: 0.75rem;
font-weight: 700;
border: 1px solid rgba(13, 110, 253, 0.25);
flex-shrink: 0;
}
.lddfw-claim-screen .lddfw_order_view.btn { position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
order: 2;
float: none;
margin-left: auto;
display: inline-flex;
align-items: center;
gap: 0.35rem;
background: linear-gradient(135deg, #0d6efd 0%, #3b82f6 100%);
border: 0;
color: #fff;
font-size: 0.8rem;
font-weight: 600;
padding: 0.4rem 0.85rem;
border-radius: 8px;
box-shadow: 0 1px 2px rgba(13, 110, 253, 0.25);
transition:
transform 0.15s ease,
box-shadow 0.15s ease,
filter 0.15s ease;
flex-shrink: 0;
z-index: 1;
}
.lddfw-claim-screen .lddfw_order_view.btn:hover,
.lddfw-claim-screen .lddfw_order_view.btn:focus {
filter: brightness(1.05);
box-shadow: 0 3px 8px rgba(13, 110, 253, 0.32);
color: #fff;
transform: translateY(-1px);
} .lddfw-claim-screen .lddfw_wrap {
order: 3;
flex: 1 1 100%;
display: grid;
grid-template-columns: 1.5rem 1fr;
column-gap: 0.85rem;
row-gap: 0.35rem;
align-items: start;
margin-top: 0.65rem;
padding-top: 0.65rem;
border-top: 1px dashed #eef2f7;
} .lddfw-claim-screen .lddfw_order_checkbox {
position: relative !important;
display: inline-block !important;
width: 1.5rem !important;
height: 1.5rem !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
flex-shrink: 0;
}
.lddfw-claim-screen .lddfw_order_checkbox .custom-control-input {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 1.5rem !important;
height: 1.5rem !important;
margin: 0 !important;
opacity: 0 !important;
z-index: 2 !important;
cursor: pointer;
}
.lddfw-claim-screen .lddfw_order_checkbox .custom-control-label {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 1.5rem !important;
height: 1.5rem !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.5rem !important;
cursor: pointer;
vertical-align: top;
}
.lddfw-claim-screen .lddfw_order_checkbox .custom-control-label::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 1.5rem !important;
height: 1.5rem !important;
background: #fff !important;
border: 1.5px solid #cbd5e1 !important;
border-radius: 6px !important;
box-shadow: 0 1px 1px rgba(15, 23, 42, 0.04) !important;
transition:
background-color 0.15s ease,
border-color 0.15s ease,
box-shadow 0.15s ease !important;
pointer-events: none;
}
.lddfw-claim-screen .lddfw_order_checkbox .custom-control-label::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 1.5rem !important;
height: 1.5rem !important;
background-image: none !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 1rem 1rem !important;
pointer-events: none;
}
.lddfw-claim-screen
.lddfw_order_checkbox
.custom-control-input:hover
~ .custom-control-label::before {
border-color: #93c5fd !important;
}
.lddfw-claim-screen
.lddfw_order_checkbox
.custom-control-input:focus
~ .custom-control-label::before {
border-color: #0d6efd !important;
box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.2) !important;
}
.lddfw-claim-screen
.lddfw_order_checkbox
.custom-control-input:checked
~ .custom-control-label::before {
background-color: #0d6efd !important;
border-color: #0d6efd !important;
}
.lddfw-claim-screen
.lddfw_order_checkbox
.custom-control-input:checked
~ .custom-control-label::after {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='5 12 10 17 19 7'/></svg>") !important;
} .lddfw-claim-screen .lddfw_order {
display: contents;
}
.lddfw-claim-screen .lddfw_wrap > .lddfw_order_checkbox,
.lddfw-claim-screen .lddfw_order > .lddfw_order_checkbox {
grid-column: 1;
grid-row: 1;
margin-top: 0.1rem !important;
} .lddfw-claim-screen
.lddfw_order
> *:not(.lddfw_order_checkbox):not(.lddfw_delivery_date) {
grid-column: 2;
} .lddfw-claim-screen .lddfw_order > .lddfw_delivery_date,
.lddfw-claim-screen .lddfw_wrap > .lddfw_delivery_date {
grid-column: 1 / -1;
}
.lddfw-claim-screen .lddfw_order .lddfw_order_address,
.lddfw-claim-screen .lddfw_order .lddfw_delivery_date,
.lddfw-claim-screen .lddfw_order .lddfw_order_custom,
.lddfw-assign-screen .lddfw_order .lddfw_order_address,
.lddfw-assign-screen .lddfw_order .lddfw_delivery_date,
.lddfw-assign-screen .lddfw_order .lddfw_order_custom {
display: block;
color: #475569;
font-size: 0.875rem;
line-height: 1.5;
margin: 0;
padding: 0.15rem 0 0.15rem 1.55rem;
text-decoration: none;
position: relative;
word-break: break-word;
}
.lddfw-claim-screen .lddfw_order .lddfw_order_custom,
.lddfw-assign-screen .lddfw_order .lddfw_order_custom {
padding: 0;
}
.lddfw-claim-screen .lddfw_order .lddfw_order_custom:first-of-type,
.lddfw-assign-screen .lddfw_order .lddfw_order_custom:first-of-type {
margin-top: 0.15rem;
}
.lddfw-claim-screen .lddfw_order .lddfw_order_address::before,
.lddfw-claim-screen .lddfw_order .lddfw_delivery_date::before {
content: "";
position: absolute;
left: 0;
top: 0.3rem;
width: 1.1rem;
height: 1.1rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.8;
}
.lddfw-claim-screen .lddfw_order .lddfw_order_address::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230d6efd'><path d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/></svg>");
} .lddfw-claim-screen .lddfw_order .lddfw_delivery_date {
margin-top: 0.4rem;
padding-top: 0.6rem;
border-top: 1px solid #e2e8f0;
}
.lddfw-claim-screen .lddfw_order .lddfw_delivery_date::before {
top: 0.75rem;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230d6efd'><path d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H5V8h14v13zM7 10h5v5H7z'/></svg>");
}
.lddfw-claim-screen .lddfw_order .lddfw_order_notes {
margin: 0.35rem 0 0;
padding: 0.55rem 0.75rem;
background: #eff6ff;
border: 1px solid #bfdbfe;
border-radius: 8px;
color: #1d4ed8;
font-size: 0.825rem;
line-height: 1.45;
} .lddfw-claim-screen .lddfw_footer_buttons.lddfw-claim-footer--cta {
padding-top: 0.65rem;
padding-bottom: 0.65rem;
} .lddfw-claim-screen .lddfw_footer_buttons.lddfw-claim-footer--cta > .container,
.lddfw-claim-screen .lddfw_footer_buttons.lddfw-claim-footer--cta .container {
padding-left: 0 !important;
padding-right: 0 !important;
max-width: none !important;
}
.lddfw-claim-screen .lddfw_footer_buttons.lddfw-claim-footer--cta .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.lddfw-claim-screen
.lddfw_footer_buttons.lddfw-claim-footer--cta
.row
> .col-12,
.lddfw-claim-screen
.lddfw_footer_buttons.lddfw-claim-footer--cta
[class*="col-"] {
padding-left: 0 !important;
padding-right: 0 !important;
}  .lddfw-claim-viewswitch {
display: inline-flex;
width: 100%;
padding: 0.25rem;
margin: 0 0 1rem;
background: #eef2ff;
border: 1px solid #dbeafe;
border-radius: 999px;
box-shadow: inset 0 1px 2px rgba(13, 110, 253, 0.06);
}
.lddfw-claim-viewswitch__btn {
flex: 1 1 0;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.4rem;
height: 38px;
padding: 0 0.75rem;
border: 0;
border-radius: 999px;
background: transparent;
color: #475569;
font-size: 0.85rem;
font-weight: 600;
line-height: 1;
cursor: pointer;
transition:
background-color 0.15s ease,
color 0.15s ease,
box-shadow 0.15s ease;
}
.lddfw-claim-viewswitch__btn:hover,
.lddfw-claim-viewswitch__btn:focus {
color: #0d6efd;
outline: none;
} .lddfw-claim-viewswitch__btn.is-active {
background: linear-gradient(135deg, #0d6efd 0%, #3b82f6 55%, #60a5fa 100%);
color: #fff;
box-shadow: 0 4px 10px rgba(13, 110, 253, 0.25);
}
.lddfw-claim-viewswitch__icon {
display: inline-flex;
align-items: center;
justify-content: center;
}
.lddfw-claim-viewswitch__icon svg {
width: 16px;
height: 16px;
} .lddfw-claim-view-pane { display: block;
}
.lddfw-claim-view-pane[hidden] {
display: none;
}
.lddfw-claim-screen.is-map-view #lddfw_claim_list_container {
display: none;
}
.lddfw-claim-screen.is-map-view #lddfw_claim_map_container {
display: block;
} .lddfw-claim-view-pane--map {
margin: 0 0 1rem;
}
.lddfw-claim-map-legend {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
padding: 0.5rem 0.75rem;
margin: 0 0 0.5rem;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 10px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.lddfw-claim-map-legend__item {
display: inline-flex;
align-items: center;
gap: 0.4rem;
font-size: 0.78rem;
font-weight: 600;
color: #475569;
}
.lddfw-claim-map-legend__dot {
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid #0d6efd;
background: #fff;
}
.lddfw-claim-map-legend__item--selected .lddfw-claim-map-legend__dot {
background: #0d6efd;
}
.lddfw-claim-map-legend__item--driver .lddfw-claim-map-legend__dot {
background: #16a34a;
border-color: #16a34a;
box-shadow:
0 0 0 2px #fff,
0 0 0 3px #16a34a;
}
.lddfw-claim-map {
position: relative;
width: 100%;
min-height: 360px;
height: 60vh;
max-height: 640px;
border-radius: 14px;
overflow: hidden;
background: #eef2ff;
border: 1px solid #dbeafe;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}
.lddfw-claim-map__placeholder {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
text-align: center;
color: #64748b;
font-size: 0.9rem;
font-weight: 500;
} @media (max-width: 420px) {
.lddfw-claim-map {
min-height: 300px;
height: 55vh;
}
.lddfw-claim-viewswitch__label { font-size: 0.8rem;
}
} .dark .lddfw-claim-viewswitch {
background: rgba(13, 110, 253, 0.12);
border-color: rgba(96, 165, 250, 0.22);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
}
.dark .lddfw-claim-viewswitch__btn {
color: #cbd5e1;
}
.dark .lddfw-claim-viewswitch__btn:hover,
.dark .lddfw-claim-viewswitch__btn:focus {
color: #9ec5fe;
}
.dark .lddfw-claim-viewswitch__btn.is-active { box-shadow: 0 4px 12px rgba(13, 110, 253, 0.45);
}
.dark .lddfw-claim-map-legend {
background: #1e1e1e;
border-color: #010101;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.dark .lddfw-claim-map-legend__item {
color: #cbd5e1;
} .dark .lddfw-claim-map-legend__dot {
background: #1e1e1e;
}
.dark .lddfw-claim-map-legend__item--selected .lddfw-claim-map-legend__dot {
background: #0d6efd;
} .dark .lddfw-claim-map-legend__item--driver .lddfw-claim-map-legend__dot {
background: #16a34a;
border-color: #16a34a;
box-shadow:
0 0 0 2px #1e1e1e,
0 0 0 3px #16a34a;
}
.dark .lddfw-claim-map {
background: #1e1e1e;
border-color: #010101;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
.dark .lddfw-claim-map__placeholder {
color: #a8b0ba;
} .lddfw-assign-screen.is-map-view #lddfw_assign_list_container {
display: none;
}
.lddfw-assign-screen.is-map-view #lddfw_assign_map_container {
display: block;
} .lddfw-assign-screen .lddfw-claim-viewswitch {
background: #f5f3ff;
border-color: #ddd6fe;
box-shadow: inset 0 1px 2px rgba(124, 58, 237, 0.06);
}
.lddfw-assign-screen .lddfw-claim-viewswitch__btn:hover,
.lddfw-assign-screen .lddfw-claim-viewswitch__btn:focus {
color: #7c3aed;
} .lddfw-assign-screen .lddfw-claim-viewswitch__btn.is-active {
background: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 55%, #a78bfa 100%);
color: #fff;
box-shadow: 0 4px 10px rgba(124, 58, 237, 0.25);
}
.lddfw-assign-screen .lddfw-claim-map-legend__dot {
border-color: #7c3aed;
}
.lddfw-assign-screen
.lddfw-claim-map-legend__item--selected
.lddfw-claim-map-legend__dot {
background: #7c3aed;
} .lddfw-assign-screen .lddfw-claim-map {
background: #f5f3ff;
border-color: #ede9fe;
} .dark .lddfw-assign-screen .lddfw-claim-viewswitch {
background: rgba(124, 58, 237, 0.14);
border-color: rgba(124, 58, 237, 0.32);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
}
.dark .lddfw-assign-screen .lddfw-claim-viewswitch__btn:hover,
.dark .lddfw-assign-screen .lddfw-claim-viewswitch__btn:focus {
color: #c4b5fd;
}
.dark .lddfw-assign-screen .lddfw-claim-viewswitch__btn.is-active {
box-shadow: 0 4px 12px rgba(124, 58, 237, 0.45);
}
.dark .lddfw-assign-screen .lddfw-claim-map-legend__dot {
border-color: #a78bfa;
}
.dark
.lddfw-assign-screen
.lddfw-claim-map-legend__item--selected
.lddfw-claim-map-legend__dot {
background: #7c3aed;
}
.lddfw-claim-cta {
display: flex !important;
flex-direction: column !important;
align-items: stretch;
gap: 0.75rem;
padding: 0.9rem 1rem;
margin: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
} .lddfw-claim-cta__body {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 0.7rem;
width: 100%;
padding-left: 0.25rem;
}
.lddfw-claim-cta__icon {
flex: 0 0 auto;
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
border-radius: 999px;
background: #10b981;
color: #fff;
box-shadow: 0 2px 6px rgba(16, 185, 129, 0.35);
}
.lddfw-claim-cta__icon svg {
width: 18px;
height: 18px;
display: block;
}
.lddfw-claim-cta__text {
flex: 1 1 auto;
min-width: 0;
}
.lddfw-claim-cta__title {
color: #065f46;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.35;
margin: 0;
word-break: break-word;
} .lddfw-claim-cta__actions {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap;
gap: 0.5rem;
width: 100%;
} .lddfw-claim-cta .lddfw-claim-cta__btn,
.lddfw-claim-cta a.lddfw-claim-cta__btn,
.lddfw-claim-cta button.lddfw-claim-cta__btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 0.4rem;
flex: 1 1 0;
min-width: 0;
width: auto !important;
max-width: none;
height: 42px;
margin: 0;
padding: 0 0.75rem;
border-radius: 10px;
font-size: 0.875rem;
font-weight: 600;
line-height: 1;
text-decoration: none !important;
text-align: center; white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
transition:
transform 0.15s ease,
box-shadow 0.15s ease,
filter 0.15s ease,
background-color 0.15s ease;
}
.lddfw-claim-cta .lddfw-claim-cta__btn-label {
overflow: hidden;
text-overflow: ellipsis;
}
.lddfw-claim-cta .lddfw-claim-cta__btn svg {
flex-shrink: 0;
} .lddfw-claim-cta .lddfw-claim-cta__btn--primary,
.lddfw-claim-cta a.lddfw-claim-cta__btn--primary,
.lddfw-claim-cta button.lddfw-claim-cta__btn--primary {
background: linear-gradient(135deg, #0d6efd 0%, #3b82f6 100%) !important;
border: 0 !important;
color: #fff !important;
box-shadow: 0 2px 6px rgba(13, 110, 253, 0.28);
}
.lddfw-claim-cta .lddfw-claim-cta__btn--primary:hover,
.lddfw-claim-cta .lddfw-claim-cta__btn--primary:focus {
filter: brightness(1.06);
box-shadow: 0 4px 12px rgba(13, 110, 253, 0.38);
color: #fff !important;
transform: translateY(-1px);
} .lddfw-claim-cta .lddfw-claim-cta__btn--secondary,
.lddfw-claim-cta a.lddfw-claim-cta__btn--secondary,
.lddfw-claim-cta button.lddfw-claim-cta__btn--secondary {
background: #ffffff !important;
color: #1d4ed8 !important;
border: 1px solid #93c5fd !important;
box-shadow: 0 1px 3px rgba(29, 78, 216, 0.1);
}
.lddfw-claim-cta .lddfw-claim-cta__btn--secondary:hover,
.lddfw-claim-cta .lddfw-claim-cta__btn--secondary:focus {
background: #eff6ff !important;
color: #1e3a8a !important;
border-color: #60a5fa !important;
box-shadow: 0 4px 12px rgba(29, 78, 216, 0.16);
transform: translateY(-1px);
} .dark .lddfw-claim-cta {
background: transparent;
border: 0;
box-shadow: none;
}
.dark .lddfw-claim-cta__icon {
background: #10b981;
color: #0f172a;
}
.dark .lddfw-claim-cta__title {
color: #d1fae5;
}
.dark .lddfw-claim-cta .lddfw-claim-cta__btn--secondary,
.dark .lddfw-claim-cta a.lddfw-claim-cta__btn--secondary,
.dark .lddfw-claim-cta button.lddfw-claim-cta__btn--secondary {
background: rgba(15, 23, 42, 0.75) !important;
color: #bfdbfe !important;
border-color: rgba(96, 165, 250, 0.55) !important;
}
.dark .lddfw-claim-cta .lddfw-claim-cta__btn--secondary:hover,
.dark .lddfw-claim-cta .lddfw-claim-cta__btn--secondary:focus {
background: rgba(30, 58, 138, 0.55) !important;
color: #dbeafe !important;
border-color: rgba(96, 165, 250, 0.75) !important;
} .lddfw-claim-screen .lddfw_no_orders {
text-align: center;
padding: 2.25rem 1rem;
background: #f8fafc;
border: 1px dashed #cbd5e1;
border-radius: 14px;
color: #64748b;
box-shadow: none;
margin: 0;
}
.lddfw-claim-screen .lddfw_no_orders p {
margin: 0;
font-size: 0.95rem;
} .lddfw_footer_buttons.lddfw-claim-footer {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 998;
width: 100%;
margin: 0;
padding: 0.75rem 1rem;
background: rgba(255, 255, 255, 0.97);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-top: 1px solid #e9ecef;
box-shadow: 0 -4px 16px rgba(1, 22, 39, 0.06);
}
body.lddfw_page:has(.lddfw-claim-screen) { padding-bottom: 0;
}
.lddfw-claim-screen {
padding-bottom: 63px;
}
#lddfw_claim_orders_button,
#lddfw_claim_orders_button_loading,
#lddfw_claim_order_button,
#lddfw_claim_order_button_loading {
border-radius: 12px !important;
font-weight: 600 !important;
padding: 0.75rem 1rem !important;
width: 100% !important;
background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%) !important;
background-image: linear-gradient(
135deg,
#1d4ed8 0%,
#3b82f6 100%
) !important;
border: 0 !important;
color: #fff !important;
box-shadow: 0 2px 6px rgba(29, 78, 216, 0.28) !important;
transition:
filter 0.15s ease,
transform 0.15s ease,
box-shadow 0.15s ease;
}
#lddfw_claim_orders_button:hover,
#lddfw_claim_orders_button:focus,
#lddfw_claim_order_button:hover,
#lddfw_claim_order_button:focus {
filter: brightness(1.07) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(29, 78, 216, 0.35) !important;
color: #fff !important;
}
#lddfw_claim_orders_button .svg-inline--fa,
#lddfw_claim_order_button .svg-inline--fa {
width: 0.9em;
height: 0.9em;
margin-right: 0.35rem;
fill: currentColor;
} .lddfw-claim-screen #lddfw_alert .alert {
border-radius: 10px;
border: 1px solid transparent;
} .dark .lddfw-claim-screen .lddfw_box.lddfw_multi_checkbox {
background: #1e293b;
border-color: #334155;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.dark .lddfw-claim-screen .lddfw_box.lddfw_multi_checkbox:hover {
border-color: #1e40af;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
.dark
.lddfw-claim-screen
.lddfw_box.lddfw_multi_checkbox:has(.custom-control-input:checked) {
border-color: #3b82f6;
background: linear-gradient(180deg, #1e3a8a 0%, #1e293b 70%);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5);
}
.dark .lddfw-claim-screen .lddfw_order_number {
color: #f1f5f9;
}
.dark .lddfw-claim-screen .lddfw_order_number::before {
background: rgba(13, 110, 253, 0.18);
color: #93c5fd;
border-color: rgba(147, 197, 253, 0.3);
}
.dark .lddfw-claim-screen .lddfw_wrap {
border-top-color: #334155;
}
.dark .lddfw-claim-screen .lddfw_order_checkbox .custom-control-label::before {
background: #0f172a !important;
border-color: #475569 !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
}
.dark
.lddfw-claim-screen
.lddfw_order_checkbox
.custom-control-input:hover
~ .custom-control-label::before {
border-color: #60a5fa !important;
}
.dark
.lddfw-claim-screen
.lddfw_order_checkbox
.custom-control-input:focus
~ .custom-control-label::before {
border-color: #60a5fa !important;
box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.25) !important;
}
.dark
.lddfw-claim-screen
.lddfw_order_checkbox
.custom-control-input:checked
~ .custom-control-label::before {
background-color: #0d6efd !important;
border-color: #0d6efd !important;
}
.dark .lddfw-claim-screen .lddfw_order .lddfw_order_address,
.dark .lddfw-claim-screen .lddfw_order .lddfw_delivery_date {
color: #cbd5e1;
}
.dark .lddfw-claim-screen .lddfw_order .lddfw_delivery_date {
border-top-color: #475569;
}
.dark .lddfw-claim-screen .lddfw_order .lddfw_order_notes {
background: rgba(13, 110, 253, 0.14);
border-color: rgba(147, 197, 253, 0.3);
color: #bfdbfe;
}
.dark .lddfw-claim-screen .lddfw_no_orders {
background: #0f172a;
border-color: #334155;
color: #94a3b8;
}
.dark .lddfw_footer_buttons.lddfw-claim-footer {
background: rgba(15, 23, 42, 0.97);
border-top-color: rgba(255, 255, 255, 0.08);
box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.35);
} .lddfw-claim-screen .col-12:has(> #lddfw_delivery_dates_range) {
display: grid;
grid-template-columns: auto 1fr;
column-gap: 0.5rem;
row-gap: 0.6rem;
align-items: center;
padding: 0.85rem 1rem;
margin: 0 0 1rem;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
font-size: 0.8rem;
font-weight: 600;
color: #475569;
line-height: 1.4;
} .lddfw-claim-screen .col-12:has(> #lddfw_delivery_dates_range)::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background: center/contain no-repeat
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233b82f6'><path d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'/></svg>");
grid-column: 1;
grid-row: 1;
} .lddfw-claim-screen #lddfw_delivery_dates_range,
.lddfw-claim-screen #lddfw_delivery_dates_custom {
grid-column: 1 / -1;
} .lddfw-claim-screen #lddfw_delivery_dates_range {
width: 100%;
height: auto;
margin: 0 !important;
padding: 0.55rem 2rem 0.55rem 0.85rem;
font-size: 0.9rem;
font-weight: 500;
color: #0f172a;
background-color: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 10px;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23475569'><path d='M7 10l5 5 5-5z'/></svg>");
background-repeat: no-repeat;
background-position: right 0.5rem center;
background-size: 18px 18px;
cursor: pointer;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease,
background-color 0.15s ease;
}
.lddfw-claim-screen #lddfw_delivery_dates_range:focus {
outline: none;
border-color: #3b82f6;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
background-color: #fff;
} .lddfw-claim-screen #lddfw_delivery_dates_custom {
padding: 0.75rem;
margin-top: 0.25rem;
background: #f8fafc;
border: 1px dashed #e2e8f0;
border-radius: 10px;
} .lddfw-claim-screen #lddfw_delivery_dates_custom .form-group {
margin: 0 0 0.6rem;
}
.lddfw-claim-screen #lddfw_delivery_dates_custom .form-group:last-child {
margin-bottom: 0;
}
.lddfw-claim-screen #lddfw_delivery_dates_custom .form-group .col-12 {
padding: 0;
}
.lddfw-claim-screen #lddfw_delivery_from_date,
.lddfw-claim-screen #lddfw_delivery_to_date {
width: 100%;
padding: 0.55rem 0.85rem;
font-size: 0.9rem;
color: #0f172a;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 10px;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease;
}
.lddfw-claim-screen #lddfw_delivery_from_date:focus,
.lddfw-claim-screen #lddfw_delivery_to_date:focus {
outline: none;
border-color: #3b82f6;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
}
.lddfw-claim-screen #lddfw_delivery_dates_custom #filter_button {
padding: 0.6rem 1rem;
font-size: 0.9rem;
font-weight: 600;
border-radius: 10px;
} .lddfw-claim-screen .col-12:has(> #lddfw_delivery_dates_range) + .col-12 {
display: inline-flex;
align-items: center;
gap: 0.4rem;
width: auto;
max-width: 100%;
padding: 0.4rem 0.85rem;
margin: 0 0 1rem;
background: #eff6ff;
border: 1px solid #bfdbfe;
border-radius: 999px;
color: #1d4ed8;
font-size: 0.8rem;
font-weight: 600;
line-height: 1.3;
}
.lddfw-claim-screen
.col-12:has(> #lddfw_delivery_dates_range)
+ .col-12::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
flex-shrink: 0;
background: center/contain no-repeat
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231d4ed8'><path d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'/></svg>");
} .dark .lddfw-claim-screen .col-12:has(> #lddfw_delivery_dates_range) {
background: #1e293b;
border-color: #334155;
color: #cbd5e1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.dark .lddfw-claim-screen #lddfw_delivery_dates_range {
color: #e2e8f0;
background-color: #0f172a;
border-color: #334155;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'><path d='M7 10l5 5 5-5z'/></svg>");
}
.dark .lddfw-claim-screen #lddfw_delivery_dates_range:focus {
border-color: #3b82f6;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
background-color: #0b1220;
}
.dark .lddfw-claim-screen #lddfw_delivery_dates_custom {
background: #0f172a;
border-color: #334155;
}
.dark .lddfw-claim-screen #lddfw_delivery_from_date,
.dark .lddfw-claim-screen #lddfw_delivery_to_date {
color: #e2e8f0;
background-color: #1e293b;
border-color: #334155;
}
.dark .lddfw-claim-screen #lddfw_delivery_from_date:focus,
.dark .lddfw-claim-screen #lddfw_delivery_to_date:focus {
border-color: #3b82f6;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
}
.dark .lddfw-claim-screen .col-12:has(> #lddfw_delivery_dates_range) + .col-12 {
background: rgba(59, 130, 246, 0.15);
border-color: rgba(59, 130, 246, 0.45);
color: #bfdbfe;
}
.dark
.lddfw-claim-screen
.col-12:has(> #lddfw_delivery_dates_range)
+ .col-12::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23bfdbfe'><path d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'/></svg>");
} .lddfw-reviews-hero--assign {
background: linear-gradient(135deg, #6f42c1 0%, #8b5cf6 55%, #a78bfa 100%);
box-shadow: 0 4px 16px rgba(111, 66, 193, 0.25);
}
.lddfw-reviews-hero--assign .lddfw-reviews-hero__count-pill {
background: #fff;
color: #6f42c1;
}
.lddfw-assign-screen #lddfw_alert {
border-radius: 10px;
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.lddfw-assign-screen {
counter-reset: lddfw-assign-order;
}
.lddfw-assign-screen .lddfw_box.lddfw_multi_checkbox {
counter-increment: lddfw-assign-order;
position: relative;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 14px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
padding: 0.9rem 1.1rem;
margin: 0 0 1rem;
transition:
box-shadow 0.15s ease,
border-color 0.15s ease;
}
.lddfw-assign-screen .lddfw_box.lddfw_multi_checkbox:hover {
border-color: #c4b5fd;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}
.lddfw-assign-screen
.lddfw_box.lddfw_multi_checkbox:has(.custom-control-input:checked) {
border-color: #7c3aed;
background: linear-gradient(180deg, #f5f3ff 0%, #ffffff 70%);
box-shadow: 0 6px 16px rgba(124, 58, 237, 0.18);
}
.lddfw-assign-screen .lddfw_box.lddfw_multi_checkbox > .row,
.lddfw-assign-screen .lddfw_box.lddfw_multi_checkbox > .row > .col-12 {
margin: 0;
padding: 0;
}
.lddfw-assign-screen .lddfw_box.lddfw_multi_checkbox > .row > .col-12 {
display: flex;
flex-wrap: wrap;
align-items: center;
row-gap: 0.25rem;
column-gap: 0.6rem;
}
.lddfw-assign-screen .lddfw_order_number {
order: 1;
flex: 0 1 auto;
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: 1rem;
font-weight: 700;
color: #0f172a;
margin: 0;
min-width: 0;
word-break: break-word;
}
.lddfw-assign-screen .lddfw_order_number::before {
content: counter(lddfw-assign-order);
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1.75rem;
height: 1.75rem;
padding: 0 0.5rem;
border-radius: 999px;
background: #ede9fe;
color: #6f42c1;
font-size: 0.75rem;
font-weight: 700;
border: 1px solid rgba(111, 66, 193, 0.25);
flex-shrink: 0;
}
.lddfw-assign-screen .lddfw_order_view.btn {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
order: 2;
float: none;
margin-left: auto;
display: inline-flex;
align-items: center;
gap: 0.35rem;
background: linear-gradient(135deg, #6f42c1 0%, #8b5cf6 100%);
border: 0;
color: #fff;
font-size: 0.8rem;
font-weight: 600;
padding: 0.4rem 0.85rem;
border-radius: 8px;
box-shadow: 0 1px 2px rgba(111, 66, 193, 0.25);
transition:
transform 0.15s ease,
box-shadow 0.15s ease,
filter 0.15s ease;
flex-shrink: 0;
z-index: 1;
}
.lddfw-assign-screen .lddfw_order_view.btn:hover,
.lddfw-assign-screen .lddfw_order_view.btn:focus {
filter: brightness(1.05);
box-shadow: 0 3px 8px rgba(111, 66, 193, 0.32);
color: #fff;
transform: translateY(-1px);
}
.lddfw-assign-screen .lddfw_wrap {
order: 3;
flex: 1 1 100%;
display: grid;
grid-template-columns: 1.5rem 1fr;
column-gap: 0.85rem;
row-gap: 0.35rem;
align-items: start;
margin-top: 0.65rem;
padding-top: 0.65rem;
border-top: 1px dashed #eef2f7;
}
.lddfw-assign-screen .lddfw_order_checkbox {
position: relative !important;
display: inline-block !important;
width: 1.5rem !important;
height: 1.5rem !important;
min-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
flex-shrink: 0;
}
.lddfw-assign-screen .lddfw_order_checkbox .custom-control-input {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 1.5rem !important;
height: 1.5rem !important;
margin: 0 !important;
opacity: 0 !important;
z-index: 2 !important;
cursor: pointer;
}
.lddfw-assign-screen .lddfw_order_checkbox .custom-control-label {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 1.5rem !important;
height: 1.5rem !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.5rem !important;
cursor: pointer;
vertical-align: top;
}
.lddfw-assign-screen .lddfw_order_checkbox .custom-control-label::before {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 1.5rem !important;
height: 1.5rem !important;
background: #fff !important;
border: 1.5px solid #cbd5e1 !important;
border-radius: 6px !important;
box-shadow: 0 1px 1px rgba(15, 23, 42, 0.04) !important;
transition:
background-color 0.15s ease,
border-color 0.15s ease,
box-shadow 0.15s ease !important;
pointer-events: none;
}
.lddfw-assign-screen .lddfw_order_checkbox .custom-control-label::after {
content: "" !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 1.5rem !important;
height: 1.5rem !important;
background-image: none !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 1rem 1rem !important;
pointer-events: none;
}
.lddfw-assign-screen
.lddfw_order_checkbox
.custom-control-input:hover
~ .custom-control-label::before {
border-color: #ddd6fe !important;
}
.lddfw-assign-screen
.lddfw_order_checkbox
.custom-control-input:focus
~ .custom-control-label::before {
border-color: #6f42c1 !important;
box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.2) !important;
}
.lddfw-assign-screen
.lddfw_order_checkbox
.custom-control-input:checked
~ .custom-control-label::before {
background-color: #6f42c1 !important;
border-color: #6f42c1 !important;
}
.lddfw-assign-screen
.lddfw_order_checkbox
.custom-control-input:checked
~ .custom-control-label::after {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='5 12 10 17 19 7'/></svg>") !important;
}
.lddfw-assign-screen .lddfw_order {
display: contents;
}
.lddfw-assign-screen .lddfw_wrap > .lddfw_order_checkbox,
.lddfw-assign-screen .lddfw_order > .lddfw_order_checkbox {
grid-column: 1;
grid-row: 1;
margin-top: 0.1rem !important;
}
.lddfw-assign-screen
.lddfw_order
> *:not(.lddfw_order_checkbox):not(.lddfw_delivery_date) {
grid-column: 2;
}
.lddfw-assign-screen .lddfw_order > .lddfw_delivery_date,
.lddfw-assign-screen .lddfw_wrap > .lddfw_delivery_date {
grid-column: 1 / -1;
}
.lddfw-assign-screen .lddfw_order .lddfw_order_address::before,
.lddfw-assign-screen .lddfw_order .lddfw_delivery_date::before {
content: "";
position: absolute;
left: 0;
top: 0.3rem;
width: 1.1rem;
height: 1.1rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.85;
}
.lddfw-assign-screen .lddfw_order .lddfw_order_address::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236f42c1'><path d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/></svg>");
}
.lddfw-assign-screen .lddfw_order .lddfw_delivery_date {
margin-top: 0.4rem;
padding-top: 0.6rem;
border-top: 1px solid #e2e8f0;
}
.lddfw-assign-screen .lddfw_order .lddfw_delivery_date::before {
top: 0.75rem;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236f42c1'><path d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H5V8h14v13zM7 10h5v5H7z'/></svg>");
}
.lddfw-assign-screen .lddfw_order .lddfw_order_notes {
margin: 0.35rem 0 0;
padding: 0.55rem 0.75rem;
background: #ede9fe;
border: 1px solid #c4b5fd;
border-radius: 8px;
color: #4c1d95;
font-size: 0.825rem;
line-height: 1.45;
} .lddfw-assign-screen .lddfw_footer_buttons.lddfw-assign-footer--cta {
padding-top: 0.65rem;
padding-bottom: 0.65rem;
}
.lddfw-assign-screen
.lddfw_footer_buttons.lddfw-assign-footer--cta
> .container,
.lddfw-assign-screen .lddfw_footer_buttons.lddfw-assign-footer--cta .container {
padding-left: 0 !important;
padding-right: 0 !important;
max-width: none !important;
}
.lddfw-assign-screen .lddfw_footer_buttons.lddfw-assign-footer--cta .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.lddfw-assign-screen
.lddfw_footer_buttons.lddfw-assign-footer--cta
.row
> .col-12,
.lddfw-assign-screen
.lddfw_footer_buttons.lddfw-assign-footer--cta
[class*="col-"] {
padding-left: 0 !important;
padding-right: 0 !important;
} .lddfw-assign-cta {
display: flex !important;
flex-direction: column !important;
align-items: stretch;
gap: 0.75rem;
padding: 0.9rem 1rem;
margin: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}
.lddfw-assign-cta__body {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 0.7rem;
width: 100%;
padding-left: 0.25rem;
}
.lddfw-assign-cta__icon {
flex: 0 0 auto;
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 2rem;
height: 2rem;
border-radius: 999px;
background: #7c3aed;
color: #fff;
box-shadow: 0 2px 6px rgba(139, 92, 246, 0.35);
}
.lddfw-assign-cta__icon svg {
width: 18px;
height: 18px;
display: block;
}
.lddfw-assign-cta__text {
flex: 1 1 auto;
min-width: 0;
}
.lddfw-assign-cta__title {
color: #4c1d95;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.35;
margin: 0;
word-break: break-word;
}
.lddfw-assign-cta__actions {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap;
gap: 0.5rem;
width: 100%;
}
.lddfw-assign-cta .lddfw-assign-cta__btn,
.lddfw-assign-cta a.lddfw-assign-cta__btn,
.lddfw-assign-cta button.lddfw-assign-cta__btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 0.4rem;
flex: 1 1 0;
min-width: 0;
width: auto !important;
max-width: none;
height: 42px;
margin: 0;
padding: 0 0.75rem;
border-radius: 10px;
font-size: 0.875rem;
font-weight: 600;
line-height: 1;
text-decoration: none !important;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
transition:
transform 0.15s ease,
box-shadow 0.15s ease,
filter 0.15s ease,
background-color 0.15s ease;
}
.lddfw-assign-cta .lddfw-assign-cta__btn-label {
overflow: hidden;
text-overflow: ellipsis;
}
.lddfw-assign-cta .lddfw-assign-cta__btn svg {
flex-shrink: 0;
}
.lddfw-assign-cta .lddfw-assign-cta__btn--primary,
.lddfw-assign-cta a.lddfw-assign-cta__btn--primary,
.lddfw-assign-cta button.lddfw-assign-cta__btn--primary {
background: linear-gradient(135deg, #6f42c1 0%, #8b5cf6 100%) !important;
border: 0 !important;
color: #fff !important;
box-shadow: 0 2px 6px rgba(111, 66, 193, 0.28);
}
.lddfw-assign-cta .lddfw-assign-cta__btn--primary:hover,
.lddfw-assign-cta .lddfw-assign-cta__btn--primary:focus {
filter: brightness(1.06);
box-shadow: 0 4px 12px rgba(111, 66, 193, 0.38);
color: #fff !important;
transform: translateY(-1px);
}
.lddfw-assign-cta .lddfw-assign-cta__btn--secondary,
.lddfw-assign-cta a.lddfw-assign-cta__btn--secondary,
.lddfw-assign-cta button.lddfw-assign-cta__btn--secondary {
background: #ffffff !important;
color: #5b21b6 !important;
border: 1px solid #ddd6fe !important;
box-shadow: 0 1px 3px rgba(76, 29, 149, 0.1);
}
.lddfw-assign-cta .lddfw-assign-cta__btn--secondary:hover,
.lddfw-assign-cta .lddfw-assign-cta__btn--secondary:focus {
background: #f5f3ff !important;
color: #3b0764 !important;
border-color: #a78bfa !important;
box-shadow: 0 4px 12px rgba(76, 29, 149, 0.16);
transform: translateY(-1px);
}
.dark .lddfw-assign-cta {
background: transparent;
border: 0;
box-shadow: none;
}
.dark .lddfw-assign-cta__icon {
background: #7c3aed;
color: #0f172a;
}
.dark .lddfw-assign-cta__title {
color: #ede9fe;
}
.dark .lddfw-assign-cta .lddfw-assign-cta__btn--secondary,
.dark .lddfw-assign-cta a.lddfw-assign-cta__btn--secondary,
.dark .lddfw-assign-cta button.lddfw-assign-cta__btn--secondary {
background: rgba(15, 23, 42, 0.75) !important;
color: #c4b5fd !important;
border-color: rgba(167, 139, 250, 0.55) !important;
}
.dark .lddfw-assign-cta .lddfw-assign-cta__btn--secondary:hover,
.dark .lddfw-assign-cta .lddfw-assign-cta__btn--secondary:focus {
background: rgba(59, 7, 100, 0.55) !important;
color: #ede9fe !important;
border-color: rgba(167, 139, 250, 0.75) !important;
}
.lddfw-assign-screen .lddfw_no_orders {
text-align: center;
padding: 2.25rem 1rem;
background: #f8fafc;
border: 1px dashed #cbd5e1;
border-radius: 14px;
color: #64748b;
box-shadow: none;
margin: 0;
}
.lddfw-assign-screen .lddfw_no_orders p {
margin: 0;
font-size: 0.95rem;
} .lddfw_footer_buttons.lddfw-assign-footer {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 998;
width: 100%;
margin: 0;
padding: 0.75rem 1rem;
background: rgba(255, 255, 255, 0.97);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-top: 1px solid #e9ecef;
box-shadow: 0 -4px 16px rgba(1, 22, 39, 0.06);
}
body.lddfw_page:has(.lddfw-assign-screen) {
padding-bottom: 0;
}
.lddfw-assign-screen {
padding-bottom: 73px;
}  #lddfw_out_for_delivery_button,
#lddfw_out_for_delivery_button_loading {
border-radius: 12px !important;
font-weight: 600 !important;
padding: 0.75rem 1rem !important;
width: 100% !important;
background: linear-gradient(135deg, #5b21b6 0%, #7c3aed 100%) !important;
background-image: linear-gradient(
135deg,
#5b21b6 0%,
#7c3aed 100%
) !important;
border: 0 !important;
color: #fff !important;
box-shadow: 0 2px 6px rgba(91, 33, 182, 0.28) !important;
transition:
filter 0.15s ease,
transform 0.15s ease,
box-shadow 0.15s ease;
}
#lddfw_out_for_delivery_button:hover,
#lddfw_out_for_delivery_button:focus,
#lddfw_out_for_delivery_button:active {
filter: brightness(1.08) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(91, 33, 182, 0.35) !important;
color: #fff !important;
}
#lddfw_out_for_delivery_button .svg-inline--fa {
width: 0.9em;
height: 0.9em;
margin-right: 0.35rem;
fill: currentColor;
}
.lddfw-assign-screen #lddfw_alert .alert {
border-radius: 10px;
border: 1px solid transparent;
} .dark .lddfw-assign-screen .lddfw_box.lddfw_multi_checkbox {
background: #1e293b;
border-color: #334155;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.dark .lddfw-assign-screen .lddfw_box.lddfw_multi_checkbox:hover {
border-color: #3b0764;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}
.dark
.lddfw-assign-screen
.lddfw_box.lddfw_multi_checkbox:has(.custom-control-input:checked) {
border-color: #7c3aed;
background: linear-gradient(180deg, #3b0764 0%, #1e293b 70%);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5);
}
.dark .lddfw-assign-screen .lddfw_order_number {
color: #f1f5f9;
}
.dark .lddfw-assign-screen .lddfw_order_number::before {
background: rgba(124, 58, 237, 0.18);
color: #ddd6fe;
border-color: rgba(196, 181, 253, 0.3);
}
.dark .lddfw-assign-screen .lddfw_wrap {
border-top-color: #334155;
}
.dark .lddfw-assign-screen .lddfw_order_checkbox .custom-control-label::before {
background: #0f172a !important;
border-color: #475569 !important;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
}
.dark
.lddfw-assign-screen
.lddfw_order_checkbox
.custom-control-input:hover
~ .custom-control-label::before {
border-color: #a78bfa !important;
}
.dark
.lddfw-assign-screen
.lddfw_order_checkbox
.custom-control-input:focus
~ .custom-control-label::before {
border-color: #a78bfa !important;
box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.25) !important;
}
.dark
.lddfw-assign-screen
.lddfw_order_checkbox
.custom-control-input:checked
~ .custom-control-label::before {
background-color: #6f42c1 !important;
border-color: #6f42c1 !important;
}
.dark .lddfw-assign-screen .lddfw_order .lddfw_order_address,
.dark .lddfw-assign-screen .lddfw_order .lddfw_delivery_date {
color: #cbd5e1;
}
.dark .lddfw-assign-screen .lddfw_order .lddfw_delivery_date {
border-top-color: #475569;
}
.dark .lddfw-assign-screen .lddfw_order .lddfw_order_notes {
background: rgba(124, 58, 237, 0.14);
border-color: rgba(196, 181, 253, 0.3);
color: #c4b5fd;
}
.dark .lddfw-assign-screen .lddfw_no_orders {
background: #0f172a;
border-color: #334155;
color: #94a3b8;
}
.dark .lddfw_footer_buttons.lddfw-assign-footer {
background: rgba(15, 23, 42, 0.97);
border-top-color: rgba(255, 255, 255, 0.08);
box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.35);
} .lddfw-assign-screen .col-12:has(> #lddfw_delivery_dates_range) {
display: grid;
grid-template-columns: auto 1fr;
column-gap: 0.5rem;
row-gap: 0.6rem;
align-items: center;
padding: 0.85rem 1rem;
margin: 0 0 1rem;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 12px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
font-size: 0.8rem;
font-weight: 600;
color: #475569;
line-height: 1.4;
}
.lddfw-assign-screen .col-12:has(> #lddfw_delivery_dates_range)::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
background: center/contain no-repeat
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b5cf6'><path d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'/></svg>");
grid-column: 1;
grid-row: 1;
}
.lddfw-assign-screen #lddfw_delivery_dates_range,
.lddfw-assign-screen #lddfw_delivery_dates_custom {
grid-column: 1 / -1;
}
.lddfw-assign-screen #lddfw_delivery_dates_range {
width: 100%;
height: auto;
margin: 0 !important;
padding: 0.55rem 2rem 0.55rem 0.85rem;
font-size: 0.9rem;
font-weight: 500;
color: #0f172a;
background-color: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 10px;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23475569'><path d='M7 10l5 5 5-5z'/></svg>");
background-repeat: no-repeat;
background-position: right 0.5rem center;
background-size: 18px 18px;
cursor: pointer;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease,
background-color 0.15s ease;
}
.lddfw-assign-screen #lddfw_delivery_dates_range:focus {
outline: none;
border-color: #8b5cf6;
box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
background-color: #fff;
}
.lddfw-assign-screen #lddfw_delivery_dates_custom {
padding: 0.75rem;
margin-top: 0.25rem;
background: #f8fafc;
border: 1px dashed #e2e8f0;
border-radius: 10px;
}
.lddfw-assign-screen #lddfw_delivery_dates_custom .form-group {
margin: 0 0 0.6rem;
}
.lddfw-assign-screen #lddfw_delivery_dates_custom .form-group:last-child {
margin-bottom: 0;
}
.lddfw-assign-screen #lddfw_delivery_dates_custom .form-group .col-12 {
padding: 0;
}
.lddfw-assign-screen #lddfw_delivery_from_date,
.lddfw-assign-screen #lddfw_delivery_to_date {
width: 100%;
padding: 0.55rem 0.85rem;
font-size: 0.9rem;
color: #0f172a;
background-color: #fff;
border: 1px solid #e2e8f0;
border-radius: 10px;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease;
}
.lddfw-assign-screen #lddfw_delivery_from_date:focus,
.lddfw-assign-screen #lddfw_delivery_to_date:focus {
outline: none;
border-color: #8b5cf6;
box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
}
.lddfw-assign-screen #lddfw_delivery_dates_custom #filter_button {
padding: 0.6rem 1rem;
font-size: 0.9rem;
font-weight: 600;
border-radius: 10px;
background-color: #6f42c1;
border-color: #6f42c1;
color: #fff;
}
.lddfw-assign-screen #lddfw_delivery_dates_custom #filter_button:hover,
.lddfw-assign-screen #lddfw_delivery_dates_custom #filter_button:focus {
background-color: #5a2fa4;
border-color: #4c1d95;
}
.lddfw-assign-screen .col-12:has(> #lddfw_delivery_dates_range) + .col-12 {
display: inline-flex;
align-items: center;
gap: 0.4rem;
width: auto;
max-width: 100%;
padding: 0.4rem 0.85rem;
margin: 0 0 1rem;
background: #ede9fe;
border: 1px solid #c4b5fd;
border-radius: 999px;
color: #5b21b6;
font-size: 0.8rem;
font-weight: 600;
line-height: 1.3;
}
.lddfw-assign-screen
.col-12:has(> #lddfw_delivery_dates_range)
+ .col-12::before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
flex-shrink: 0;
background: center/contain no-repeat
url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235b21b6'><path d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'/></svg>");
}
.dark .lddfw-assign-screen .col-12:has(> #lddfw_delivery_dates_range) {
background: #1e293b;
border-color: #334155;
color: #cbd5e1;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.dark .lddfw-assign-screen #lddfw_delivery_dates_range {
color: #e2e8f0;
background-color: #0f172a;
border-color: #334155;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'><path d='M7 10l5 5 5-5z'/></svg>");
}
.dark .lddfw-assign-screen #lddfw_delivery_dates_range:focus {
border-color: #a78bfa;
box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.25);
background-color: #0b1220;
}
.dark .lddfw-assign-screen #lddfw_delivery_dates_custom {
background: #0f172a;
border-color: #334155;
}
.dark .lddfw-assign-screen #lddfw_delivery_from_date,
.dark .lddfw-assign-screen #lddfw_delivery_to_date {
color: #e2e8f0;
background-color: #1e293b;
border-color: #334155;
}
.dark .lddfw-assign-screen #lddfw_delivery_from_date:focus,
.dark .lddfw-assign-screen #lddfw_delivery_to_date:focus {
border-color: #a78bfa;
box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.25);
}
.dark
.lddfw-assign-screen
.col-12:has(> #lddfw_delivery_dates_range)
+ .col-12 {
background: rgba(124, 58, 237, 0.15);
border-color: rgba(167, 139, 250, 0.45);
color: #c4b5fd;
}
.dark
.lddfw-assign-screen
.col-12:has(> #lddfw_delivery_dates_range)
+ .col-12::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c4b5fd'><path d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'/></svg>");
}  .lddfw-reviews-hero--out {
background: linear-gradient(135deg, #ca6510 0%, #fd7e14 55%, #ffa94d 100%);
box-shadow: 0 4px 16px rgba(202, 101, 16, 0.25);
}
.lddfw-reviews-hero--out .lddfw-reviews-hero__count-pill {
background: #fff;
color: #9a4a0a;
} .lddfw-out-screen .lddfw_plain_route_wrap {
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 14px;
padding: 0.75rem 0.85rem;
margin: 0 0 0.85rem;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.lddfw-out-screen #lddfw_plain_route_row {
margin: 0;
align-items: stretch;
gap: 0.5rem;
flex-wrap: nowrap;
}
.lddfw-out-screen #lddfw_plain_route_row > .col-9,
.lddfw-out-screen #lddfw_plain_route_row > .col-3 {
padding: 0;
flex: 0 0 auto;
max-width: none;
}
.lddfw-out-screen #lddfw_plain_route_row > .col-9 {
flex: 1 1 auto;
min-width: 0;
}
.lddfw-out-screen #lddfw_plain_route_row > .col-3 {
width: 56px;
} .lddfw-out-screen #lddfw_plainroute_btn,
.lddfw-out-screen #lddfw_plain_route_row .lddfw_loading_btn,
.lddfw-out-screen #lddfw_plain_route_row .lddfw_done_btn {
align-items: center;
justify-content: center;
gap: 0.45rem;
width: 100%;
height: 46px;
border-radius: 12px !important;
background: linear-gradient(135deg, #ca6510 0%, #fd7e14 100%) !important;
border: 0 !important;
color: #fff !important;
font-size: 0.95rem;
font-weight: 600;
padding: 0 1rem;
box-shadow: 0 2px 6px rgba(202, 101, 16, 0.28);
margin: 0 !important;
line-height: 1;
transition:
transform 0.15s ease,
box-shadow 0.15s ease,
filter 0.15s ease;
} .lddfw-out-screen #lddfw_plainroute_btn:not([style*="display: none"]),
.lddfw-out-screen
#lddfw_plain_route_row
.lddfw_loading_btn:not([style*="display: none"]),
.lddfw-out-screen
#lddfw_plain_route_row
.lddfw_done_btn:not([style*="display: none"]) {
display: inline-flex;
}
.lddfw-out-screen #lddfw_plainroute_btn:hover,
.lddfw-out-screen #lddfw_plainroute_btn:focus {
filter: brightness(1.05);
box-shadow: 0 4px 12px rgba(202, 101, 16, 0.35);
color: #fff !important;
transform: translateY(-1px);
}
.lddfw-out-screen #lddfw_plainroute_btn svg,
.lddfw-out-screen #lddfw_plain_route_row .lddfw_done_btn svg,
.lddfw-out-screen #lddfw_plainroute_btn .fa-lock,
.lddfw-out-screen #lddfw_plainroute_btn .fa-edit {
width: 16px;
height: 16px;
display: inline-block;
fill: #fff;
color: #fff;
top: auto;
} .lddfw-out-screen #lddfw_plain_route_row .lddfw_loading_btn {
background: linear-gradient(135deg, #9a4a0a 0%, #ca6510 100%) !important;
cursor: progress;
}
.lddfw-out-screen #lddfw_plain_route_row .lddfw_loading_btn .spinner-border {
color: #fff;
border-right-color: transparent;
width: 1.1rem;
height: 1.1rem;
}  .lddfw-out-screen button#lddfw_sortroute_btn.btn,
.lddfw-out-screen #lddfw_sortroute_btn.btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
height: 46px;
padding: 0 !important;
margin: 0 !important;
border-radius: 12px !important;
background: #fff7ed !important;
background-image: none !important;
border: 1px solid #fed7aa !important;
color: #c2410c !important;
box-shadow: 0 1px 3px rgba(202, 101, 16, 0.1) !important;
font-size: 1rem;
line-height: 1;
transition:
background 0.15s ease,
color 0.15s ease,
border-color 0.15s ease,
transform 0.15s ease,
box-shadow 0.15s ease;
}
.lddfw-out-screen #lddfw_sortroute_btn.btn svg {
width: 18px !important;
height: 18px !important;
fill: currentColor;
color: currentColor;
display: inline-block;
top: auto;
margin: 0;
}
.lddfw-out-screen #lddfw_sortroute_btn.btn:hover,
.lddfw-out-screen #lddfw_sortroute_btn.btn:focus {
background: #ffedd5 !important;
color: #9a3412 !important;
border-color: #fb923c !important;
transform: translateY(-1px);
box-shadow: 0 2px 6px rgba(202, 101, 16, 0.18) !important;
outline: none;
} .lddfw-out-screen #lddfw_sortroute_btn.btn.lddfw_active {
background: linear-gradient(135deg, #ca6510 0%, #fd7e14 100%) !important;
background-image: linear-gradient(
135deg,
#ca6510 0%,
#fd7e14 100%
) !important;
color: #fff !important;
border-color: transparent !important;
box-shadow: 0 2px 6px rgba(202, 101, 16, 0.3) !important;
}
.lddfw-out-screen #lddfw_sortroute_btn.btn.lddfw_active:hover,
.lddfw-out-screen #lddfw_sortroute_btn.btn.lddfw_active:focus {
filter: brightness(1.05);
color: #fff !important;
box-shadow: 0 3px 8px rgba(202, 101, 16, 0.38) !important;
} .lddfw-out-screen #lddfw_plain_route_note_wait,
.lddfw-out-screen #lddfw_plain_route_note_info {
margin-top: 0.65rem !important;
}
.lddfw-out-screen #lddfw_plain_route_note_wait .alert,
.lddfw-out-screen #lddfw_plain_route_note_info .alert,
.lddfw-out-screen #lddfw_plain_route_note_alert {
background: #fff4e6;
border: 1px solid #fed7aa;
color: #9a3412;
border-radius: 10px;
padding: 0.6rem 0.85rem 0.6rem 2.25rem;
font-size: 0.85rem;
line-height: 1.4;
position: relative;
box-shadow: 0 1px 2px rgba(202, 101, 16, 0.06);
}
.lddfw-out-screen #lddfw_plain_route_note_wait .alert::before,
.lddfw-out-screen #lddfw_plain_route_note_info .alert::before {
content: "";
position: absolute;
left: 0.7rem;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.lddfw-out-screen #lddfw_plain_route_note_wait .alert::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ca6510'><path d='M12 2a10 10 0 1 0 10 10h-2a8 8 0 1 1-8-8V2z'/></svg>");
animation: lddfw-out-spin 1s linear infinite;
}
.lddfw-out-screen #lddfw_plain_route_note_info .alert::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ca6510'><path d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'/></svg>");
}
.lddfw-out-screen #lddfw_plain_route_note_info .close {
position: absolute;
right: 0.55rem;
top: 50%;
transform: translateY(-50%);
opacity: 0.6;
color: #9a3412;
font-size: 1.1rem;
line-height: 1;
padding: 0.15rem 0.35rem;
}
.lddfw-out-screen #lddfw_plain_route_note_info .close:hover {
opacity: 1;
}
@keyframes lddfw-out-spin {
from {
transform: translateY(-50%) rotate(0deg);
}
to {
transform: translateY(-50%) rotate(360deg);
}
} .lddfw-out-screen #lddfw_orders_table {
counter-reset: lddfw-out-order;
display: flex;
flex-direction: column;
gap: 1rem;
} .lddfw-out-screen #lddfw_orders_table > .lddfw_box:has(#route_origin_title) {
counter-increment: none;
padding: 0.85rem 1rem;
background: linear-gradient(180deg, #fff 0%, #fffaf2 100%);
border: 1px solid #ffd8a8;
border-radius: 14px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.lddfw-out-screen
#lddfw_orders_table
> .lddfw_box:has(#route_origin_title):hover {
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
border-color: #ffd8a8;
}
.lddfw-out-screen .route_title {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.35rem 0.6rem;
padding: 0.4rem 0 0.4rem 1.6rem;
margin: 0;
position: relative;
font-size: 0.875rem;
line-height: 1.4;
color: #475569;
}
.lddfw-out-screen #route_origin_title {
border-bottom: 1px dashed #ffd8a8;
}
.lddfw-out-screen .route_title::before {
content: "";
position: absolute;
left: 0;
top: 0.55rem;
width: 1.15rem;
height: 1.15rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.lddfw-out-screen #route_origin_title::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ca6510'><path d='M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/></svg>");
}
.lddfw-out-screen #route_destination_title::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239a4a0a'><path d='M14.4 6L14 4H5v17h2v-7h5.6l.4 2h7V6z'/></svg>");
}
.lddfw-out-screen .route_title > span {
font-weight: 600;
color: #334155;
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.04em;
flex: 0 0 auto;
}
.lddfw-out-screen .route_title > p {
margin: 0;
color: #0f172a;
font-weight: 500;
font-size: 0.9rem;
word-break: break-word;
flex: 1 1 auto;
min-width: 0;
} .lddfw-out-screen #route_origin_div,
.lddfw-out-screen #route_destination_div {
margin-top: 0.4rem;
}
.lddfw-out-screen #route_origin_div .row,
.lddfw-out-screen #route_destination_div .row {
margin: 0;
}
.lddfw-out-screen #route_origin_div .col-12,
.lddfw-out-screen #route_destination_div .col-12 {
padding: 0;
}
.lddfw-out-screen #route_origin,
.lddfw-out-screen #route_destination {
background: #fff;
border: 1px solid #ffd8a8;
border-radius: 10px;
padding: 0.55rem 2rem 0.55rem 0.75rem;
color: #0f172a;
font-size: 0.9rem;
height: auto;
box-shadow: 0 1px 2px rgba(202, 101, 16, 0.05);
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ca6510'><path d='M7 10l5 5 5-5z'/></svg>");
background-repeat: no-repeat;
background-position: right 0.6rem center;
background-size: 14px 14px;
}
.lddfw-out-screen #route_origin:focus,
.lddfw-out-screen #route_destination:focus {
outline: none;
border-color: #fd7e14;
box-shadow: 0 0 0 3px rgba(253, 126, 20, 0.18);
} .lddfw-out-screen #lddfw_orders_table > .lddfw_box {
position: relative;
background: #fff;
border: 1px solid #e5e7eb;
border-radius: 14px;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
padding: 0.9rem 1.1rem;
margin: 0;
min-height: 0;
counter-increment: lddfw-out-order;
transition:
box-shadow 0.15s ease,
transform 0.15s ease,
border-color 0.15s ease;
}
.lddfw-out-screen #lddfw_orders_table > .lddfw_box:has(#route_origin_title) {
counter-increment: none;
}
.lddfw-out-screen #lddfw_orders_table > .lddfw_box:hover {
border-color: #ffd8a8;
box-shadow: 0 4px 12px rgba(202, 101, 16, 0.08);
} .lddfw-out-screen #lddfw_orders_table > .lddfw_box.lddfw_active {
border-color: #fd7e14;
box-shadow:
0 0 0 3px rgba(253, 126, 20, 0.22),
0 4px 12px rgba(202, 101, 16, 0.18);
animation: lddfw-out-pulse 1s ease-in-out 2;
}
@keyframes lddfw-out-pulse {
0%,
100% {
box-shadow:
0 0 0 3px rgba(253, 126, 20, 0.22),
0 4px 12px rgba(202, 101, 16, 0.18);
}
50% {
box-shadow:
0 0 0 6px rgba(253, 126, 20, 0.1),
0 6px 18px rgba(202, 101, 16, 0.28);
}
}
.lddfw-out-screen .lddfw_box > .row,
.lddfw-out-screen .lddfw_box > .row > .col-12 {
margin: 0;
padding: 0;
} .lddfw-out-screen
#lddfw_orders_table
> .lddfw_box:not(:has(#route_origin_title))
> .row
> .col-12 {
display: flex;
flex-wrap: wrap;
align-items: center;
row-gap: 0.25rem;
column-gap: 0.6rem;
} .lddfw-out-screen .lddfw_box .lddfw_index.lddfw_counter {
position: absolute;
left: -9999px;
top: auto;
width: 1px;
height: 1px;
margin: 0;
padding: 0;
border: 0;
clip: rect(0 0 0 0);
overflow: hidden;
}
.lddfw-out-screen .lddfw_order_number {
order: 2;
flex: 0 1 auto;
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: 1rem;
font-weight: 700;
color: #0f172a;
margin: 0;
min-width: 0;
word-break: break-word;
margin-bottom: 10px;
}
.lddfw-out-screen .lddfw_order_number::before {
content: counter(lddfw-out-order);
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 1.75rem;
height: 1.75rem;
padding: 0 0.5rem;
border-radius: 999px;
background: #fff4e6;
color: #9a4a0a;
font-size: 0.75rem;
font-weight: 700;
border: 1px solid rgba(253, 126, 20, 0.3);
flex-shrink: 0;
}
.lddfw-out-screen .lddfw_order_number b {
font-weight: 700;
} .lddfw-out-screen .lddfw_order_view.btn {
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
order: 3;
float: none;
margin-left: auto;
display: inline-flex;
align-items: center;
gap: 0.35rem;
background: linear-gradient(135deg, #ca6510 0%, #fd7e14 100%);
border: 0;
color: #fff;
font-size: 0.8rem;
font-weight: 600;
padding: 0.4rem 0.85rem;
border-radius: 8px;
box-shadow: 0 1px 2px rgba(202, 101, 16, 0.25);
transition:
transform 0.15s ease,
box-shadow 0.15s ease,
filter 0.15s ease;
flex-shrink: 0;
z-index: 1;
margin-bottom: 10px;
}
.lddfw-out-screen .lddfw_order_view.btn:hover,
.lddfw-out-screen .lddfw_order_view.btn:focus {
filter: brightness(1.05);
box-shadow: 0 3px 8px rgba(202, 101, 16, 0.32);
color: #fff;
transform: translateY(-1px);
} .lddfw-out-screen .lddfw_order_address,
.lddfw-out-screen .lddfw_order_distance,
.lddfw-out-screen .lddfw_order_coordinates,
.lddfw-out-screen .lddfw_order_custom,
.lddfw-out-screen .lddfw_delivery_date {
order: 4;
flex: 1 1 100%;
display: block;
color: #475569;
font-size: 0.875rem;
line-height: 1.45;
padding: 0.4rem 0 0.4rem 1.55rem;
margin: 0;
text-decoration: none;
position: relative;
border-top: 1px dashed #eef2f7;
}
.lddfw-out-screen .lddfw_order_custom {
padding: 0;
border-top: 0;
}
.lddfw-out-screen .lddfw_order_custom:first-of-type {
margin-top: 0.65rem;
}
.lddfw-out-screen .lddfw_order_address {
min-height: 115px;
}
.lddfw-out-screen .lddfw_order_address.lddfw_order_coordinates {
min-height: auto;
}
.lddfw-out-screen .lddfw_order_address:first-of-type,
.lddfw-out-screen .lddfw_order_distance:first-of-type,
.lddfw-out-screen .lddfw_order_coordinates:first-of-type,
.lddfw-out-screen .lddfw_delivery_date:first-of-type {
margin-top: 0.65rem;
padding-top: 0.55rem;
}
.lddfw-out-screen .lddfw_order_address:hover,
.lddfw-out-screen .lddfw_order_distance:hover,
.lddfw-out-screen .lddfw_order_coordinates:hover {
color: #0f172a;
text-decoration: none;
}
.lddfw-out-screen .lddfw_order_address::before,
.lddfw-out-screen .lddfw_order_distance::before,
.lddfw-out-screen .lddfw_delivery_date::before {
content: "";
position: absolute;
left: 0;
top: 0.55rem;
width: 1.1rem;
height: 1.1rem;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
opacity: 0.8;
}
.lddfw-out-screen .lddfw_order_address:first-of-type::before,
.lddfw-out-screen .lddfw_order_distance:first-of-type::before,
.lddfw-out-screen .lddfw_delivery_date:first-of-type::before {
top: 0.75rem;
}
.lddfw-out-screen .lddfw_order_address::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230d6efd'><path d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/></svg>");
}
.lddfw-out-screen .lddfw_order_distance::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237c4dff'><path d='M12 2a7 7 0 0 0-7 7c0 1.6.5 3.1 1.4 4.4L12 22l5.6-8.6A7.8 7.8 0 0 0 19 9a7 7 0 0 0-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/></svg>");
}
.lddfw-out-screen .lddfw_order_coordinates::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ca6510'><path d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/></svg>");
} .lddfw-out-screen .lddfw_delivery_date {
order: 9;
margin-top: 0.4rem;
padding-top: 0.6rem;
border-top: 1px dashed #eef2f7;
}
.lddfw-out-screen .lddfw_delivery_date::before {
top: 0.95rem;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ca6510'><path d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H5V8h14v13zM7 10h5v5H7z'/></svg>");
}  .lddfw-out-screen .lddfw_handle_column {
position: absolute;
top: 105px;
right: 0.85rem;
bottom: auto;
left: auto;
height: auto;
padding: 0;
margin: 0;
display: none;
flex-direction: column;
justify-content: flex-start;
align-items: center;
gap: 0.35rem;
border-radius: 0;
background: transparent;
transform: translateY(-50%);
z-index: 2;
pointer-events: auto;
} .lddfw-out-screen .lddfw_handle_column[style*="display: block"],
.lddfw-out-screen .lddfw_handle_column[style*="display:block"] {
display: flex !important;
}
.lddfw-out-screen .lddfw_handle_column .btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
padding: 0;
margin: 0;
border-radius: 8px;
background: #fff;
border: 1px solid #ffd8a8;
color: #9a4a0a;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
transition:
background 0.15s ease,
color 0.15s ease,
transform 0.1s ease;
}
.lddfw-out-screen .lddfw_handle_column .btn:hover,
.lddfw-out-screen .lddfw_handle_column .btn:focus {
background: linear-gradient(135deg, #ca6510 0%, #fd7e14 100%);
color: #fff;
border-color: transparent;
}
.lddfw-out-screen .lddfw_handle_column .btn:active {
transform: translateY(1px);
}
.lddfw-out-screen .lddfw_handle_column .btn svg {
width: 14px;
height: 14px;
fill: currentColor;
} .lddfw-out-screen #lddfw_sortroute_btn.lddfw_active ~ div .lddfw_order_view,
.lddfw-out-screen
#lddfw_plain_route_wrap:has(#lddfw_sortroute_btn.lddfw_active)
~ #lddfw_plain_route_container
.lddfw_order_view { } .lddfw-out-screen .lddfw_no_orders {
text-align: center;
padding: 2.25rem 1rem;
background: #f8fafc;
border: 1px dashed #cbd5e1;
border-radius: 14px;
color: #64748b;
box-shadow: none;
}
.lddfw-out-screen .lddfw_no_orders p {
margin: 0;
} .lddfw-out-footer {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 998;
width: 100%;
margin: 0;
padding: 0.75rem 1rem;
background: rgba(255, 255, 255, 0.97);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-top: 1px solid #e9ecef;
box-shadow: 0 -4px 16px rgba(1, 22, 39, 0.06);
} .lddfw-out-footer #lddfw_route_btn.btn {
padding: 0.75rem 1rem !important;
width: 100%;
border-radius: 10px !important;
background: #fff !important;
background-image: none !important;
border: 2px solid #f97316 !important;
color: #9a3412 !important;
height: 50px;
font-weight: 600 !important;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
transition:
background-color 0.15s ease,
border-color 0.15s ease,
color 0.15s ease,
transform 0.15s ease,
box-shadow 0.15s ease;
}
.lddfw-out-footer #lddfw_route_btn.btn:hover,
.lddfw-out-footer #lddfw_route_btn.btn:focus {
background: #fff7ed !important;
background-image: none !important;
border-color: #ea580c !important;
color: #7c2d12 !important;
box-shadow: 0 2px 10px rgba(234, 88, 12, 0.18);
filter: none;
transform: translateY(-1px);
}
.lddfw-out-footer #lddfw_route_btn.btn:active {
background: #ffedd5 !important;
background-image: none !important;
border-color: #c2410c !important;
color: #7c2d12 !important;
}
.lddfw-out-footer #lddfw_route_btn.btn svg {
width: 18px;
height: 18px;
fill: currentColor;
color: inherit;
}  #lddfw_directions.lddfw_lightbox {
margin-top: 0 !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
padding: 0 !important;
background: #f8fafc;
overflow: hidden;
z-index: 999;
} #lddfw_directions .lddfw_lightbox_wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 60px;
min-height: 60px;
padding: 0;
margin: 0;
background: #fff;
border-bottom: 1px solid #e5e7eb;
box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04);
z-index: 3;
overflow: visible;
} #lddfw_directions #lddfw_hide_map {
display: block;
width: 100% !important;
max-width: none !important;
height: 60px;
margin: 0 !important;
padding: 0.65rem 0.75rem !important;
background: transparent;
border: 0;
box-shadow: none;
position: relative;
box-sizing: border-box;
}
#lddfw_directions #lddfw_hide_map .row {
display: flex;
align-items: center;
margin: 0;
height: 100%;
flex-wrap: nowrap;
}
#lddfw_directions #lddfw_hide_map .col-2,
#lddfw_directions #lddfw_hide_map .col-8 {
padding: 0;
}
#lddfw_directions #lddfw_hide_map_btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 10px;
background: #fff4e6;
color: #9a4a0a;
border: 1px solid #ffd8a8;
transition:
background 0.15s ease,
color 0.15s ease,
transform 0.1s ease,
box-shadow 0.15s ease;
}
#lddfw_directions #lddfw_hide_map_btn:hover,
#lddfw_directions #lddfw_hide_map_btn:focus {
background: linear-gradient(135deg, #ca6510 0%, #fd7e14 100%);
color: #fff;
border-color: transparent;
box-shadow: 0 2px 6px rgba(202, 101, 16, 0.28);
transform: translateY(-1px);
outline: none;
}
#lddfw_directions #lddfw_hide_map_btn svg {
width: 16px;
height: 16px;
fill: currentColor;
}
#lddfw_directions .lddfw_header_title {
font-size: 1rem;
font-weight: 600;
color: #0f172a;
line-height: 40px;
} #lddfw_directions #lddfw_map123 {
position: absolute;
top: 60px;
left: 0;
right: 0;
width: 100%;
height: calc(55vh - 60px);
min-height: 220px;
background: #e5e7eb;
z-index: 1;
} #lddfw_directions #lddfw_map123 > div {
outline: none !important;
} #lddfw_directions #lddfw_directions-panel-listing {
position: absolute;
top: 55vh;
left: 0;
right: 0;
bottom: 0;
width: 100% !important;
max-width: none !important;
height: auto;
max-height: none;
overflow-y: auto;
overflow-x: hidden;
padding: 0.75rem 0.85rem 1.25rem !important;
margin: 0 !important;
background: #fff;
border-top: 1px solid #e5e7eb;
z-index: 2;
font-size: 0.875rem;
line-height: 1.4;
color: #0f172a;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #cbd5e1 transparent;
}
#lddfw_directions #lddfw_directions-panel-listing::-webkit-scrollbar {
width: 6px;
}
#lddfw_directions #lddfw_directions-panel-listing::-webkit-scrollbar-thumb {
background: #cbd5e1;
border-radius: 3px;
} #lddfw_directions #lddfw_total_route {
display: inline-flex;
align-items: center;
gap: 0.5rem;
margin: 0 0 0.75rem;
padding: 0.55rem 0.9rem;
background: linear-gradient(135deg, #fff4e6 0%, #ffedd5 100%);
border: 1px solid #fed7aa;
border-radius: 999px;
color: #9a3412;
font-size: 0.85rem;
line-height: 1.2;
box-shadow: 0 1px 2px rgba(202, 101, 16, 0.08);
}
#lddfw_directions #lddfw_total_route::before {
content: "";
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ca6510'><path d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.2 14.2L11 13V7h1.5v5.25l4.5 2.67z'/></svg>");
background-repeat: no-repeat;
background-size: contain;
flex-shrink: 0;
}
#lddfw_directions #lddfw_total_route b {
font-weight: 700;
color: #7c2d12;
display: inline-block;
}
#lddfw_directions #lddfw_total_route span {
color: #9a4a0a;
font-weight: 500;
} #lddfw_directions .lddfw_address,
#lddfw_directions .lddfw_drive {
margin: 0;
padding: 0.5rem 0;
border-top: 1px solid #eef2f7;
align-items: center;
flex-wrap: nowrap;
}
#lddfw_directions .lddfw_address:first-of-type,
#lddfw_directions .lddfw_drive:first-of-type {
border-top: 0;
}
#lddfw_directions .lddfw_address > .col-2,
#lddfw_directions .lddfw_drive > .col-2 {
flex: 0 0 48px;
max-width: 48px;
padding: 0;
position: relative;
min-height: 32px;
}
#lddfw_directions .lddfw_address > .col-10,
#lddfw_directions .lddfw_drive > .col-10 {
flex: 1 1 auto;
max-width: none;
padding: 0 0 0 0.25rem;
min-width: 0;
word-break: break-word;
} #lddfw_directions .lddfw_address .fa-map-marker,
#lddfw_directions .lddfw_address svg.svg-inline--fa.fa-map-marker {
display: none;
}
#lddfw_directions .lddfw_address > .col-2 {
display: flex;
align-items: center;
justify-content: center;
}
#lddfw_directions .lddfw_address > .col-10 {
color: #0f172a;
font-weight: 500;
font-size: 0.9rem;
padding-top: 0.15rem;
padding-bottom: 0.15rem;
padding-left: 0.5rem;
} #lddfw_directions .lddfw_drive {
padding: 0.45rem 0;
}
#lddfw_directions .lddfw_drive > .col-2 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3px;
position: relative;
}
#lddfw_directions .lddfw_drive > .col-2 svg.up,
#lddfw_directions .lddfw_drive > .col-2 svg.down {
flex: 1;
width: 6px !important;
fill: #94a3b8;
}
#lddfw_directions .lddfw_drive > .col-2 br {
display: none;
}
#lddfw_directions .lddfw_drive > .col-2 svg.fa-car {
position: relative;
z-index: 1;
width: 22px !important;
height: 22px !important;
padding: 4px;
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 50%;
fill: #475569;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
box-sizing: content-box;
}
#lddfw_directions .lddfw_drive > .col-10 {
color: #475569;
font-size: 0.85rem;
line-height: 1.35;
padding-left: 0.5rem;
display: flex;
flex-direction: column;
justify-content: center;
}
#lddfw_directions .lddfw_drive > .col-10 b {
display: block;
color: #0f172a;
font-size: 0.92rem;
font-weight: 700;
margin-bottom: 0.1rem;
} #lddfw_directions-panel-listing .fa-map-marker {
display: none;
}
#lddfw_directions-panel-listing .lddfw_point {
position: static;
margin: 0 auto;
top: auto;
left: auto;
} .dark .lddfw-out-screen .lddfw_plain_route_wrap {
background: #1e293b;
border-color: #334155;
}
.dark .lddfw-out-screen #lddfw_sortroute_btn {
background: rgba(202, 101, 16, 0.12) !important;
border-color: rgba(202, 101, 16, 0.35) !important;
color: #fed7aa !important;
}
.dark .lddfw-out-screen #lddfw_sortroute_btn:hover {
background: rgba(202, 101, 16, 0.22) !important;
border-color: rgba(253, 126, 20, 0.55) !important;
color: #ffedd5 !important;
}
.dark .lddfw-out-screen #lddfw_plain_route_note_wait .alert,
.dark .lddfw-out-screen #lddfw_plain_route_note_info .alert,
.dark .lddfw-out-screen #lddfw_plain_route_note_alert {
background: rgba(202, 101, 16, 0.12);
border-color: rgba(202, 101, 16, 0.4);
color: #fed7aa;
}
.dark .lddfw-out-screen #lddfw_orders_table > .lddfw_box {
background: #1e293b;
border-color: #334155;
}
.dark .lddfw-out-screen #lddfw_orders_table > .lddfw_box:hover {
border-color: rgba(202, 101, 16, 0.5);
}
.dark
.lddfw-out-screen
#lddfw_orders_table
> .lddfw_box:has(#route_origin_title) {
background: linear-gradient(180deg, #1e293b 0%, #2a1f10 100%);
border-color: rgba(202, 101, 16, 0.45);
}
.dark .lddfw-out-screen .route_title {
color: #cbd5e1;
}
.dark .lddfw-out-screen .route_title > span {
color: #f1f5f9;
}
.dark .lddfw-out-screen .route_title > p {
color: #f8fafc;
}
.dark .lddfw-out-screen #route_origin_title {
border-bottom-color: rgba(202, 101, 16, 0.3);
}
.dark .lddfw-out-screen #route_origin,
.dark .lddfw-out-screen #route_destination {
background: #0f172a;
border-color: rgba(202, 101, 16, 0.4);
color: #f1f5f9;
}
.dark .lddfw-out-screen .lddfw_order_number {
color: #f1f5f9;
}
.dark .lddfw-out-screen .lddfw_order_number::before {
background: rgba(202, 101, 16, 0.2);
color: #fed7aa;
border-color: rgba(253, 126, 20, 0.45);
}
.dark .lddfw-out-screen .lddfw_order_address,
.dark .lddfw-out-screen .lddfw_order_distance,
.dark .lddfw-out-screen .lddfw_order_coordinates,
.dark .lddfw-out-screen .lddfw_delivery_date {
color: #cbd5e1;
border-top-color: #334155;
}
.dark .lddfw-out-screen .lddfw_order_address:hover,
.dark .lddfw-out-screen .lddfw_order_distance:hover,
.dark .lddfw-out-screen .lddfw_order_coordinates:hover {
color: #f1f5f9;
}
.dark .lddfw-out-screen .lddfw_handle_column .btn {
background: #1e293b;
border-color: rgba(202, 101, 16, 0.4);
color: #fed7aa;
}
.dark .lddfw-out-screen .lddfw_no_orders {
background: #1e293b;
border-color: #475569;
color: #94a3b8;
}
.dark .lddfw-out-footer {
background: #1e293b;
border-top-color: #334155;
box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.3);
}
.dark .lddfw-out-footer #lddfw_route_btn.btn {
background: #0f172a !important;
background-image: none !important;
border-color: rgba(249, 115, 22, 0.5) !important;
color: #fed7aa !important;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.dark .lddfw-out-footer #lddfw_route_btn.btn:hover,
.dark .lddfw-out-footer #lddfw_route_btn.btn:focus {
background: rgba(249, 115, 22, 0.12) !important;
border-color: #fb923c !important;
color: #ffedd5 !important;
}
.dark .lddfw-out-footer #lddfw_route_btn.btn:active {
background: rgba(249, 115, 22, 0.2) !important;
border-color: #fb923c !important;
color: #ffedd5 !important;
}
.dark #lddfw_directions.lddfw_lightbox {
background: #0f172a;
}
.dark #lddfw_directions #lddfw_hide_map {
background: #1e293b;
border-bottom-color: #334155;
}
.dark #lddfw_directions #lddfw_hide_map_btn {
background: rgba(202, 101, 16, 0.18);
border-color: rgba(202, 101, 16, 0.45);
color: #fed7aa;
}
.dark #lddfw_directions .lddfw_header_title {
color: #f1f5f9;
}
.dark #lddfw_directions #lddfw_directions-panel-listing {
background: #1e293b;
border-top-color: #334155;
color: #f1f5f9;
scrollbar-color: #475569 transparent;
}
.dark
#lddfw_directions
#lddfw_directions-panel-listing::-webkit-scrollbar-thumb {
background: #475569;
}
.dark #lddfw_directions #lddfw_total_route {
background: linear-gradient(
135deg,
rgba(202, 101, 16, 0.18) 0%,
rgba(253, 126, 20, 0.22) 100%
);
border-color: rgba(202, 101, 16, 0.45);
color: #fed7aa;
}
.dark #lddfw_directions #lddfw_total_route b {
color: #ffedd5;
}
.dark #lddfw_directions #lddfw_total_route span {
color: #fdba74;
}
.dark #lddfw_directions .lddfw_address,
.dark #lddfw_directions .lddfw_drive {
border-top-color: #334155;
}
.dark #lddfw_directions .lddfw_address > .col-10 {
color: #f1f5f9;
}
.dark #lddfw_directions .lddfw_drive > .col-10 {
color: #cbd5e1;
}
.dark #lddfw_directions .lddfw_drive > .col-10 b {
color: #f8fafc;
}
.dark #lddfw_directions .lddfw_drive > .col-2 svg.up,
.dark #lddfw_directions .lddfw_drive > .col-2 svg.down {
fill: #64748b;
}
.dark #lddfw_directions .lddfw_drive > .col-2 svg.fa-car {
background: #0f172a;
border-color: #475569;
fill: #cbd5e1;
}
.dark #lddfw_directions #lddfw_map123 {
background: #0f172a;
}
.custom-select {
font-size: 14px;
}  .lddfw-order-screen {
padding: 0 0 73px;
background: #f4f6fb; --lddfw-order-btn-h: 44px;
--lddfw-order-btn-radius: 0.75rem;
--lddfw-order-btn-px: 0.75rem;
--lddfw-order-btn-fs: 0.875rem;
--lddfw-order-btn-fw: 600;
--lddfw-order-btn-gap: 0.4rem;
} .lddfw-order-screen > .container,
.lddfw-order-screen #lddfw_order {
padding-left: 1rem;
padding-right: 1rem;
width: 100%;
max-width: 42rem;
margin-left: auto;
margin-right: auto;
} .lddfw-order-screen #google_map {
position: relative;
height: 280px !important;
width: 100%;
margin: 0 0 1rem;
overflow: hidden;
box-shadow: 0 10px 24px -16px rgba(15, 23, 42, 0.35);
} .lddfw-order-screen #google_map.lddfw-map-above-lightbox {
z-index: 1000;
} .lddfw-order-screen #google_map_direction.container {
width: auto;
max-width: 42rem;
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
padding: 1.1rem 1.15rem;
background: #fff;
border: 1px solid #e6eaf2;
border-radius: 1rem;
box-shadow: 0 8px 20px -18px rgba(15, 23, 42, 0.35);
box-sizing: border-box;
}
.lddfw-order-screen #google_map_direction .row {
align-items: center;
justify-content: center;
margin: 0;
flex-wrap: nowrap;
}
.lddfw-order-screen #google_map_direction .col-2 {
padding: 0;
max-width: 56px !important;
flex: 0 0 56px;
display: flex;
align-items: center;
justify-content: center;
}
.lddfw-order-screen #google_map_direction .col-10 {
padding: 0 0 0 0.75rem;
flex: 1 1 auto;
max-width: none;
}
.lddfw-order-screen #lddfw_delivery_counter {
width: 44px;
height: 44px;
border-radius: 50%;
background: linear-gradient(135deg, #3b82f6, #2563eb);
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 6px 14px -6px rgba(37, 99, 235, 0.6);
margin: 0;
flex-shrink: 0;
overflow: hidden;
position: relative;
} .lddfw-order-screen #lddfw_delivery_counter .lddfw_delivery_counter_clock {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 2;
width: 20px;
height: 20px;
margin: 0;
flex-shrink: 0;
display: block;
color: #fff;
fill: #fff;
pointer-events: none;
} .lddfw-order-screen #lddfw_delivery_counter .base-timer {
position: absolute;
inset: 0;
z-index: 0;
width: 100%;
height: 100%;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
}
.lddfw-order-screen #lddfw_delivery_counter .base-timer__svg {
width: 100%;
height: 100%;
margin: 0;
flex-shrink: 0;
display: block;
color: #fff;
}
.lddfw-order-screen #lddfw_total_route {
font-size: 0.95rem;
font-weight: 600;
color: #0f172a;
line-height: 1.3;
}
.lddfw-order-screen #lddfw_total_route b {
color: #2563eb;
}
.lddfw-order-screen #lddfw_delivery_counter_text {
font-size: 0.8rem;
color: #64748b;
margin-top: 0.15rem;
} .lddfw-order-screen #lddfw_total_route {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem 0.65rem;
}
.lddfw-order-screen #lddfw_total_route_icon #lddfw-panel-listing-toggle {
display: inline-flex !important;
align-items: center;
justify-content: center;
margin-left: auto;
flex-shrink: 0;
width: 40px;
height: 40px;
padding: 0 !important;
border-radius: 11px !important;
border: 1px solid rgba(202, 101, 16, 0.38) !important;
background: linear-gradient(135deg, #fff4e6 0%, #ffedd5 100%) !important;
box-shadow: 0 2px 8px rgba(202, 101, 16, 0.18);
line-height: 1 !important;
text-decoration: none !important;
transition:
transform 0.15s ease,
box-shadow 0.15s ease,
filter 0.15s ease;
}
.lddfw-order-screen #lddfw_total_route_icon #lddfw-panel-listing-toggle:hover,
.lddfw-order-screen #lddfw_total_route_icon #lddfw-panel-listing-toggle:focus {
filter: brightness(1.04);
box-shadow: 0 4px 14px rgba(202, 101, 16, 0.32);
transform: translateY(-1px);
outline: none;
}
.lddfw-order-screen
#lddfw_total_route
#lddfw-panel-listing-toggle:focus-visible {
outline: 2px solid #ca6510;
outline-offset: 3px;
}
.lddfw-order-screen #lddfw_total_route_icon #lddfw-panel-listing-toggle svg {
width: 18px;
height: 18px;
fill: #ca6510;
display: block;
} .lddfw-order-screen #lddfw_directions-panel-lightbox.lddfw_lightbox {
display: none;
align-items: flex-end;
justify-content: center;
padding: 0.75rem;
padding-bottom: 0.75rem;
padding-top: calc(0.75rem + env(safe-area-inset-top, 0px)); background: rgba(15, 23, 42, 0.58);
overscroll-behavior: none;
} .lddfw-order-screen
#lddfw_directions-panel-lightbox.lddfw_lightbox[style*="display: block"],
.lddfw-order-screen
#lddfw_directions-panel-lightbox.lddfw_lightbox[style*="display:block"] {
display: flex !important;
}
.lddfw-order-screen #lddfw_directions-panel-lightbox.lddfw_lightbox { z-index: 1001;
}
.lddfw-order-screen #lddfw_directions-panel-lightbox .lddfw_lightbox_wrap {
position: relative;
width: 100%;
max-width: 42rem;
max-height: min(88vh, 640px);
margin: 0 auto;
background: #fff;
border-radius: 1.1rem;
box-shadow: 0 -12px 40px rgba(15, 23, 42, 0.22);
overflow: hidden;
display: flex;
flex-direction: column;
overscroll-behavior: contain;
z-index: 1002;
}
.lddfw-order-screen
#lddfw_directions-panel-lightbox
.lddfw_lightbox_wrap
.container {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}
.lddfw-order-screen #lddfw_directions-panel-lightbox .lddfw_lightbox_wrap .row {
margin: 0;
}
.lddfw-order-screen
#lddfw_directions-panel-lightbox
.lddfw_lightbox_wrap
.col-12 {
padding: 0;
display: flex;
flex-direction: column;
max-height: min(82vh, 600px);
}
.lddfw-order-screen #lddfw_directions-panel-lightbox h2 {
margin: 0;
padding: 1rem 3rem 0.85rem 1.15rem;
font-size: 1.05rem;
font-weight: 700;
color: #0f172a;
letter-spacing: -0.02em;
border-bottom: 1px solid #eef1f7;
flex-shrink: 0;
}
.lddfw-order-screen #lddfw_directions-panel-lightbox .lddfw_lightbox_close {
position: absolute;
top: 0.45rem;
right: 0.65rem;
z-index: 5;
width: 44px !important;
height: 44px !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
font-size: 1.75rem;
line-height: 1;
border-radius: 10px;
color: #64748b;
text-decoration: none !important;
transition:
background 0.15s ease,
color 0.15s ease;
}
.lddfw-order-screen
#lddfw_directions-panel-lightbox
.lddfw_lightbox_close:hover,
.lddfw-order-screen
#lddfw_directions-panel-lightbox
.lddfw_lightbox_close:focus {
background: #f1f5f9;
color: #0f172a;
outline: none;
} .lddfw-order-screen #lddfw_directions-panel-lightbox #lddfw_directions-origin,
.lddfw-order-screen
#lddfw_directions-panel-lightbox
#lddfw_directions-destination {
padding: 0.65rem 1.15rem;
font-size: 0.88rem;
font-weight: 500;
color: #0f172a;
line-height: 1.45;
flex-shrink: 0;
display: flex;
align-items: center;
gap: 0;
background: #f7f7f7;
border-bottom: 1px solid #eef2f7;
}
.lddfw-order-screen
#lddfw_directions-panel-lightbox
#lddfw_directions-destination {
border-bottom: none;
border-top: 1px solid #eef2f7;
} .lddfw-order-screen
#lddfw_directions-panel-lightbox
#lddfw_directions-origin
> div:first-child,
.lddfw-order-screen
#lddfw_directions-panel-lightbox
#lddfw_directions-destination
> div:first-child {
width: 40px !important;
min-width: 40px;
bottom: 0 !important;
position: relative !important;
padding-left: 0;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
box-sizing: border-box;
} .lddfw-order-screen
#lddfw_directions-panel-lightbox
#lddfw_directions-origin
.fa-map-marker,
.lddfw-order-screen
#lddfw_directions-panel-lightbox
#lddfw_directions-destination
.fa-map-marker {
display: none;
}
.lddfw-order-screen
#lddfw_directions-panel-lightbox
#lddfw_directions-origin
.lddfw_point,
.lddfw-order-screen
#lddfw_directions-panel-lightbox
#lddfw_directions-destination
.lddfw_point {
position: static !important;
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border-radius: 50%;
background: #ea4335;
color: #fff;
font-size: 12px;
font-weight: 700;
margin: 0;
top: auto;
left: auto;
} .lddfw-order-screen
#lddfw_directions-panel-lightbox
#lddfw_directions-origin
> div:last-child,
.lddfw-order-screen
#lddfw_directions-panel-lightbox
#lddfw_directions-destination
> div:last-child {
padding-left: 0.5rem !important;
flex: 1;
} .lddfw-order-screen
#lddfw_directions-panel-lightbox
#lddfw_directions-panel-direction {
flex: 1 1 auto;
min-height: 0;
margin: 0;
padding: 0 1rem 1rem;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
touch-action: pan-y;
scrollbar-width: thin;
scrollbar-color: #cbd5e1 transparent;
}
.lddfw-order-screen
#lddfw_directions-panel-lightbox
#lddfw_directions-panel-direction::-webkit-scrollbar {
width: 6px;
}
.lddfw-order-screen
#lddfw_directions-panel-lightbox
#lddfw_directions-panel-direction::-webkit-scrollbar-thumb {
background: #cbd5e1;
border-radius: 3px;
} .lddfw-order-screen #lddfw_directions-panel-lightbox .adp-summary {
display: inline-flex;
align-items: center;
gap: 0.4rem;
margin: 0.75rem 0;
padding: 0.45rem 0.85rem;
background: linear-gradient(135deg, #fff4e6 0%, #ffedd5 100%);
border: 1px solid #fed7aa;
border-radius: 999px;
color: #9a3412;
font-size: 0.82rem;
font-weight: 600;
line-height: 1.2;
box-shadow: 0 1px 2px rgba(202, 101, 16, 0.08);
}
.lddfw-order-screen #lddfw_directions-panel-lightbox .adp-legal {
font-size: 0.72rem;
color: #94a3b8;
text-align: center;
padding-top: 0.5rem;
} .lddfw-order-screen #lddfw_directions-panel-lightbox .adp-placemark {
display: none;
} .lddfw-order-screen #lddfw_directions-panel-lightbox .adp-directions {
width: 100%;
border-spacing: 0;
border-radius: 0.65rem;
overflow: hidden;
background: #fafbfc;
border: 1px solid #eef2f7;
}
.lddfw-order-screen #lddfw_directions-panel-lightbox .adp-step,
.lddfw-order-screen #lddfw_directions-panel-lightbox .adp-substep {
font-size: 0.84rem;
color: #334155;
line-height: 1.45;
padding: 0.55rem 0.5rem;
border-top: 1px solid #eef2f7 !important;
vertical-align: middle;
}
.lddfw-order-screen
#lddfw_directions-panel-lightbox
tr:first-child
.adp-substep {
border-top: none !important;
}
.lddfw-order-screen #lddfw_directions-panel-lightbox .adp-distance {
font-size: 0.78rem;
color: #64748b;
white-space: nowrap;
text-align: right;
}
.lddfw-order-screen #lddfw_directions-panel-lightbox .adp-maneuver {
width: 18px;
height: 18px;
}  .lddfw-order-screen #lddfw_order .lddfw_box {
background: #fff;
border: 1px solid #e6eaf2;
border-radius: 1rem;
padding: 1.1rem 1.15rem;
margin: 0 0 1rem;
box-shadow: 0 8px 20px -18px rgba(15, 23, 42, 0.35);
}
.lddfw-order-screen #lddfw_order .lddfw_box .lddfw_title {
display: flex;
align-items: center;
gap: 0.55rem;
font-size: 0.95rem;
font-weight: 700;
color: #0f172a;
margin: 0 0 0.85rem;
padding: 0 0 0.75rem;
border-bottom: 1px solid #eef1f7;
text-transform: none;
letter-spacing: 0;
} .lddfw-order-screen #lddfw_order .lddfw_title svg.fa-info-circle {
width: 16px;
height: 16px;
padding: 7px;
box-sizing: content-box;
border-radius: 0.55rem;
flex-shrink: 0;
color: #2563eb;
fill: #2563eb;
background: #dbeafe;
} .lddfw-order-screen #lddfw_order .lddfw_title svg:not(.fa-info-circle) {
width: 16px;
height: 16px;
padding: 7px;
box-sizing: content-box;
border-radius: 0.55rem;
flex-shrink: 0;
} .lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_date,
.lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_delivery_date,
.lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_status,
.lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_status_date,
.lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_payment_method,
.lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_total {
display: flex;
align-items: center;
gap: 0.75rem;
margin: 0;
padding: 0.65rem 0;
border-bottom: 1px dashed #eef1f7;
font-size: 0.875rem;
color: #475569;
} .lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_date::before,
.lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_delivery_date::before,
.lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_status::before,
.lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_status_date::before,
.lddfw-order-screen
#lddfw_order
.lddfw_box
p#lddfw_order_payment_method::before,
.lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_total::before {
content: "";
width: 20px;
height: 20px;
flex-shrink: 0;
border-radius: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: 16px 16px;
} .lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_date::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%232563eb' d='M152 64h144V24a24 24 0 0 1 48 0v40h40a40 40 0 0 1 40 40v56H32v-56a40 40 0 0 1 40-40h40V24a24 24 0 0 1 48 0v40zM32 192h384v232a40 40 0 0 1-40 40H72a40 40 0 0 1-40-40V192z'/></svg>");
} .lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_delivery_date::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23ca6510' d='M152 64h144V24a24 24 0 0 1 48 0v40h40a40 40 0 0 1 40 40v56H32v-56a40 40 0 0 1 40-40h40V24a24 24 0 0 1 48 0v40zM32 192h384v232a40 40 0 0 1-40 40H72a40 40 0 0 1-40-40V192z'/></svg>");
} .lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_status::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%2316a34a' d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm140 181L228 357a17 17 0 0 1-24 0l-91-92a17 17 0 0 1 0-24l22-22a17 17 0 0 1 24 0l58 58 134-134a17 17 0 0 1 24 0l22 23a17 17 0 0 1 0 24z'/></svg>");
} .lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_status_date::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23d97706' d='M256 8a248 248 0 1 0 0 496 248 248 0 0 0 0-496zm0 448a200 200 0 1 1 0-400 200 200 0 0 1 0 400zm62-104-85-62a12 12 0 0 1-5-10V116a12 12 0 0 1 12-12h32a12 12 0 0 1 12 12v142l67 49a12 12 0 0 1 2 17l-19 26a12 12 0 0 1-17 2z'/></svg>");
} .lddfw-order-screen
#lddfw_order
.lddfw_box
p#lddfw_order_payment_method::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%237c3aed' d='M0 432a48 48 0 0 0 48 48h480a48 48 0 0 0 48-48V256H0v176zm192-68a12 12 0 0 1 12-12h136a12 12 0 0 1 12 12v40a12 12 0 0 1-12 12H204a12 12 0 0 1-12-12v-40zm-128 0a12 12 0 0 1 12-12h72a12 12 0 0 1 12 12v40a12 12 0 0 1-12 12H76a12 12 0 0 1-12-12v-40zM576 80v48H0V80a48 48 0 0 1 48-48h480a48 48 0 0 1 48 48z'/></svg>");
} .lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_total::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 288 512'><path fill='%2316a34a' d='M209 233 72 193a21 21 0 0 1-14-20c0-12 10-22 23-22h86c10 0 19 3 27 8 7 4 16 3 22-3l22-21c8-8 7-21-2-28-22-17-50-26-79-27V32a16 16 0 0 0-16-16h-32a16 16 0 0 0-16 16v48h-3C49 80 3 124 0 178c-2 38 21 73 58 83l137 40a21 21 0 0 1 14 20c0 12-10 22-23 22h-86c-10 0-19-3-27-8-7-4-16-3-22 3l-22 21c-8 8-7 21 2 28 22 17 50 26 79 27V480a16 16 0 0 0 16 16h32a16 16 0 0 0 16-16v-48h3c52 0 97-33 108-83 10-50-19-100-66-116z'/></svg>");
} .lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_date,
.lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_delivery_date,
.lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_status,
.lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_status_date,
.lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_payment_method {
justify-content: flex-start;
} .lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_total {
border-bottom: 1px dashed #eef1f7;
padding-bottom: 0.65rem;
font-size: 1rem;
font-weight: 700;
color: #0f172a;
justify-content: flex-start;
}
.lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_total::before {
margin-right: 0;
} .lddfw-order-screen #lddfw_order .lddfw_order_detail_custom {
margin-top: 0.65rem;
padding-top: 0;
border-top: 0;
} .lddfw-order-screen #lddfw_order .lddfw_box > .row .lddfw_order_detail_custom {
margin-top: 0;
}
.lddfw-order-screen #lddfw_order .lddfw_order_detail_custom_field {
display: flex;
align-items: center;
gap: 0.75rem;
margin: 0;
padding: 0.65rem 0;
border-bottom: 1px dashed #eef1f7;
font-size: 0.875rem;
color: #475569;
}
.lddfw-order-screen #lddfw_order .lddfw_order_detail_custom_field::before {
content: "";
width: 20px;
height: 20px;
flex-shrink: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 16px 16px;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%2364748b' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h10v2H4z'/></svg>");
}
.lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_total .amount,
.lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_total bdi {
color: #16a34a;
} .lddfw-order-screen #lddfw_order .alert.alert-info {
background: #eff6ff;
border: 1px solid #bfdbfe;
color: #1e3a8a;
border-radius: 0.85rem;
padding: 0.85rem 1rem;
margin: 0 0 1rem;
font-size: 0.875rem;
}
.lddfw-order-screen #lddfw_order .alert.alert-info strong {
display: block;
color: #1e40af;
font-weight: 700;
margin-bottom: 0.25rem;
}
.lddfw-order-screen #lddfw_order .alert.alert-info p {
margin: 0.15rem 0;
color: #1e3a8a;
} .dark .lddfw-order-screen {
background: #121212;
}
.dark .lddfw-order-screen #google_map {
box-shadow: 0 10px 24px -16px rgba(0, 0, 0, 0.8);
}
.dark .lddfw-order-screen #google_map_direction {
background: #111a2e;
border-color: #1f2a44;
box-shadow: 0 8px 20px -18px rgba(0, 0, 0, 0.65);
}
.dark .lddfw-order-screen #lddfw_total_route {
color: #f1f5f9;
}
.dark .lddfw-order-screen #lddfw_total_route b {
color: #60a5fa;
}
.dark .lddfw-order-screen #lddfw_delivery_counter_text {
color: #94a3b8;
}
.dark .lddfw-order-screen #lddfw_total_route_icon #lddfw-panel-listing-toggle {
background: linear-gradient(
135deg,
rgba(202, 101, 16, 0.28) 0%,
rgba(253, 126, 20, 0.2) 100%
) !important;
border-color: rgba(253, 186, 116, 0.42) !important;
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}
.dark
.lddfw-order-screen
#lddfw_total_route_icon
#lddfw-panel-listing-toggle
svg {
fill: #fdba74;
}
.dark .lddfw-order-screen #lddfw_directions-panel-lightbox.lddfw_lightbox {
background: rgba(0, 0, 0, 0.62);
}
.dark
.lddfw-order-screen
#lddfw_directions-panel-lightbox
.lddfw_lightbox_wrap {
background: #111a2e;
border: 1px solid #1f2a44;
box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.55);
}
.dark .lddfw-order-screen #lddfw_directions-panel-lightbox h2 {
color: #f1f5f9;
border-bottom-color: #1f2a44;
}
.dark
.lddfw-order-screen
#lddfw_directions-panel-lightbox
.lddfw_lightbox_close {
color: #94a3b8;
}
.dark
.lddfw-order-screen
#lddfw_directions-panel-lightbox
.lddfw_lightbox_close:hover,
.dark
.lddfw-order-screen
#lddfw_directions-panel-lightbox
.lddfw_lightbox_close:focus {
background: #1f2a44;
color: #f1f5f9;
}
.dark
.lddfw-order-screen
#lddfw_directions-panel-lightbox
#lddfw_directions-origin,
.dark
.lddfw-order-screen
#lddfw_directions-panel-lightbox
#lddfw_directions-destination {
color: #cbd5e1;
}
.dark
.lddfw-order-screen
#lddfw_directions-panel-lightbox
#lddfw_directions-origin,
.dark
.lddfw-order-screen
#lddfw_directions-panel-lightbox
#lddfw_directions-destination {
background: rgba(30, 41, 59, 0.5);
border-color: #1f2a44;
color: #f1f5f9;
}
.dark .lddfw-order-screen #lddfw_directions-panel-lightbox .adp-summary {
background: linear-gradient(
135deg,
rgba(202, 101, 16, 0.18) 0%,
rgba(253, 126, 20, 0.22) 100%
);
border-color: rgba(202, 101, 16, 0.45);
color: #fed7aa;
}
.dark .lddfw-order-screen #lddfw_directions-panel-lightbox .adp-legal {
color: #64748b;
}
.dark .lddfw-order-screen #lddfw_directions-panel-lightbox .adp-directions {
background: #0f172a;
border-color: #1f2a44;
}
.dark .lddfw-order-screen #lddfw_directions-panel-lightbox .adp-step,
.dark .lddfw-order-screen #lddfw_directions-panel-lightbox .adp-substep {
color: #e2e8f0;
border-top-color: #1f2a44 !important;
}
.dark .lddfw-order-screen #lddfw_directions-panel-lightbox .adp-distance {
color: #94a3b8;
} .dark .lddfw-order-screen #lddfw_directions-panel-lightbox .adp-step,
.dark .lddfw-order-screen #lddfw_directions-panel-lightbox .adp-substep,
.dark .lddfw-order-screen #lddfw_directions-panel-lightbox tr.adp-step,
.dark .lddfw-order-screen #lddfw_directions-panel-lightbox tr.adp-substep,
.dark .lddfw-order-screen #lddfw_directions-panel-lightbox .adp-step[style],
.dark .lddfw-order-screen #lddfw_directions-panel-lightbox .adp-substep[style],
.dark .lddfw-order-screen #lddfw_directions-panel-lightbox tr.adp-step[style],
.dark
.lddfw-order-screen
#lddfw_directions-panel-lightbox
tr.adp-substep[style] {
background: transparent !important;
background-color: transparent !important;
color: #e2e8f0 !important;
}
.dark
.lddfw-order-screen
#lddfw_directions-panel-lightbox
.adp-step[style*="background"],
.dark
.lddfw-order-screen
#lddfw_directions-panel-lightbox
.adp-substep[style*="background"],
.dark
.lddfw-order-screen
#lddfw_directions-panel-lightbox
tr.adp-step[style*="background"],
.dark
.lddfw-order-screen
#lddfw_directions-panel-lightbox
tr.adp-substep[style*="background"] {
background-color: rgba(59, 130, 246, 0.28) !important;
background: rgba(59, 130, 246, 0.28) !important;
color: #e2e8f0 !important;
}
.dark
.lddfw-order-screen
#lddfw_directions-panel-lightbox
.adp-step[style*="background"]
td,
.dark
.lddfw-order-screen
#lddfw_directions-panel-lightbox
.adp-substep[style*="background"]
td,
.dark
.lddfw-order-screen
#lddfw_directions-panel-lightbox
tr.adp-step[style*="background"]
td,
.dark
.lddfw-order-screen
#lddfw_directions-panel-lightbox
tr.adp-substep[style*="background"]
td {
background: transparent !important;
background-color: transparent !important;
color: #e2e8f0 !important;
}
.dark .lddfw-order-screen #lddfw_order .lddfw_box {
background: #111a2e;
border-color: #1f2a44;
box-shadow: 0 8px 20px -18px rgba(0, 0, 0, 0.65);
}
.dark .lddfw-order-screen #lddfw_order .lddfw_box .lddfw_title {
color: #f1f5f9;
border-bottom-color: #1f2a44;
}
.dark .lddfw-order-screen #lddfw_order .lddfw_title svg.fa-info-circle {
color: #60a5fa;
fill: #60a5fa;
background: rgba(59, 130, 246, 0.22);
}
.dark .lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_date,
.dark .lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_delivery_date,
.dark .lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_status,
.dark .lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_status_date,
.dark .lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_payment_method {
color: #cbd5e1;
border-bottom-color: #1f2a44;
}
.dark .lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_total {
color: #f1f5f9;
border-bottom-color: #1f2a44;
}
.dark .lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_total .amount,
.dark .lddfw-order-screen #lddfw_order .lddfw_box p#lddfw_order_total bdi {
color: #4ade80;
}
.dark .lddfw-order-screen #lddfw_order .lddfw_order_detail_custom_field {
color: #cbd5e1;
border-bottom-color: #1f2a44;
}
.dark
.lddfw-order-screen
#lddfw_order
.lddfw_order_detail_custom_field::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='%2394a3b8' d='M4 6h16v2H4zm0 5h16v2H4zm0 5h10v2H4z'/></svg>");
}
.dark .lddfw-order-screen #lddfw_order .alert.alert-info {
background: #0f1e3a;
border-color: #1e3a8a;
color: #bfdbfe;
}
.dark .lddfw-order-screen #lddfw_order .alert.alert-info strong {
color: #93c5fd;
}
.dark .lddfw-order-screen #lddfw_order .alert.alert-info p {
color: #bfdbfe;
}  .lddfw-order-screen #lddfw_shipping_address.lddfw_box .lddfw_title svg {
color: #16a34a;
fill: #16a34a;
background: #ecfdf5;
}
.lddfw-order-screen #lddfw_shipping_address {
position: relative;
font-size: 0.9rem;
line-height: 1.55;
color: #334155;
}
.lddfw-order-screen #lddfw_shipping_address .lddfw_label {
display: inline-flex;
align-items: center;
gap: 0.35rem;
font-size: 0.82rem;
color: #64748b;
margin-top: 0.25rem;
} .lddfw-order-screen .lddfw_map_buttons .lddfw_navigation.btn,
.lddfw-order-screen .shipping_phone.btn,
.lddfw-order-screen .billing_phone.btn,
.lddfw-order-screen #lddfw_shipping_address .row .btn.whatsapp_phone,
.lddfw-order-screen #lddfw_shipping_address .btn.whatsapp_phone,
.lddfw-order-screen #lddfw_customer .btn.whatsapp_phone,
.lddfw-order-screen #lddfw_pickup_address .btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: var(--lddfw-order-btn-gap);
min-height: var(--lddfw-order-btn-h);
height: var(--lddfw-order-btn-h);
padding: 0 var(--lddfw-order-btn-px);
margin: 0;
font-size: var(--lddfw-order-btn-fs);
font-weight: var(--lddfw-order-btn-fw);
border-radius: var(--lddfw-order-btn-radius);
line-height: 1.2;
box-sizing: border-box;
box-shadow: none;
}
.lddfw-order-screen .lddfw_map_buttons .lddfw_navigation.btn svg,
.lddfw-order-screen .shipping_phone.btn svg,
.lddfw-order-screen .billing_phone.btn svg,
.lddfw-order-screen .whatsapp_phone.btn svg,
.lddfw-order-screen #lddfw_pickup_address .btn svg {
width: 16px;
height: 16px;
flex-shrink: 0;
fill: currentColor;
color: currentColor;
} .lddfw-order-screen .lddfw_map_buttons {
display: flex;
gap: 0.5rem;
margin-top: 0.9rem;
flex-wrap: wrap;
}
.lddfw-order-screen .lddfw_map_buttons .lddfw_navigation.btn {
flex: 1 1 0;
min-width: 120px;
width: auto;
background: #ecfdf5;
border: 1px solid #a7f3d0;
color: #166534;
}
.lddfw-order-screen .lddfw_map_buttons .lddfw_navigation.btn:hover,
.lddfw-order-screen .lddfw_map_buttons .lddfw_navigation.btn:focus {
background: #d1fae5;
border-color: #6ee7b7;
color: #065f46;
} .lddfw-order-screen #lddfw_shipping_address .row {
margin: 0.75rem 0 0;
gap: 0.5rem;
}
.lddfw-order-screen #lddfw_shipping_address .row > [class*="col-"] {
padding: 0;
flex: 1 1 0;
min-width: 0;
max-width: none;
}
.lddfw-order-screen .shipping_phone.btn,
.lddfw-order-screen .billing_phone.btn,
.lddfw-order-screen #lddfw_shipping_address .btn.whatsapp_phone,
.lddfw-order-screen #lddfw_customer .btn.whatsapp_phone {
width: 100%;
}
.lddfw-order-screen .shipping_phone.btn,
.lddfw-order-screen .billing_phone.btn {
background: #eff6ff;
border: 1px solid #bfdbfe;
color: #1d4ed8;
}
.lddfw-order-screen .shipping_phone.btn:hover,
.lddfw-order-screen .billing_phone.btn:hover {
background: #dbeafe;
border-color: #93c5fd;
color: #1e3a8a;
}
.lddfw-order-screen .whatsapp_phone.btn {
background: #dcfce7;
border: 1px solid #86efac;
color: #15803d;
}
.lddfw-order-screen .whatsapp_phone.btn:hover {
background: #bbf7d0;
border-color: #4ade80;
color: #14532d;
} .lddfw-order-screen #lddfw_pickup_address.lddfw_box .lddfw_title svg {
color: #7c3aed;
fill: #7c3aed;
background: #f5f3ff;
}
.lddfw-order-screen #lddfw_pickup_address {
font-size: 0.9rem;
line-height: 1.55;
color: #334155;
}
.lddfw-order-screen #lddfw_pickup_address .row {
margin: 0.75rem 0 0;
gap: 0.5rem;
}
.lddfw-order-screen #lddfw_pickup_address .row > .col {
padding: 0;
flex: 1 1 0;
min-width: 0;
}
.lddfw-order-screen #lddfw_pickup_address .btn {
width: 100%;
}
.lddfw-order-screen #lddfw_pickup_address .lddfw_navigation.btn {
background: #f5f3ff;
border: 1px solid #ddd6fe;
color: #5b21b6;
}
.lddfw-order-screen #lddfw_pickup_address .lddfw_navigation.btn:hover {
background: #ede9fe;
border-color: #c4b5fd;
color: #4c1d95;
} .lddfw-order-screen #lddfw_customer {
margin: 0;
align-items: stretch;
}
.lddfw-order-screen .lddfw_box:has(> #lddfw_customer) .lddfw_title svg,
.lddfw-order-screen #lddfw_customer .lddfw_title svg {
color: #0ea5e9;
fill: #0ea5e9;
background: #e0f2fe;
}
.lddfw-order-screen #lddfw_customer .lddfw_label {
display: inline-flex;
align-items: center;
gap: 0.35rem;
font-size: 0.85rem;
color: #64748b;
} .lddfw-order-screen #lddfw_customer > [class*="col-"]:has(> .btn) {
margin-top: 0.75rem;
}
.lddfw-order-screen #lddfw_customer > .col-6.mt-2 {
flex: 1 1 50%;
max-width: 50%;
}
.lddfw-order-screen #lddfw_customer > .col-12:has(> .btn) {
flex: 1 1 100%;
max-width: 100%;
}
.lddfw-order-screen #lddfw_customer > .col-6.mt-2 .btn,
.lddfw-order-screen #lddfw_customer > .col-12 .btn.billing_phone,
.lddfw-order-screen #lddfw_customer > .col-12 .btn.whatsapp_phone {
width: 100%;
} .lddfw-order-screen
.lddfw_box:has(> #lddfw_customer)
> #lddfw_customer.row
> [class*="col-"]:not(.col-6) {
padding-left: 0;
padding-right: 0;
}
.lddfw-order-screen
.lddfw_box:has(> #lddfw_customer)
> #lddfw_customer.row
> .col-6.mt-2 {
padding-left: 0.25rem;
padding-right: 0.25rem;
} .lddfw-order-screen
#lddfw_order
.alert.alert-info:has(> span > .fa-sticky-note),
.lddfw-order-screen #lddfw_order .alert.alert-info:has(.fa-sticky-note) {
background: #fefce8;
border: 1px solid #fde68a;
color: #713f12;
border-radius: 0.85rem;
padding: 0.85rem 1rem;
margin: 0 0 1rem;
font-size: 0.875rem;
}
.lddfw-order-screen #lddfw_order .alert.alert-info:has(.fa-sticky-note) > span {
display: inline-flex;
align-items: center;
gap: 0.4rem;
font-weight: 700;
color: #854d0e;
margin-bottom: 0.25rem;
}
.lddfw-order-screen #lddfw_order .alert.alert-info:has(.fa-sticky-note) svg {
width: 16px;
height: 16px;
color: #a16207;
fill: #a16207;
}
.lddfw-order-screen #lddfw_order .alert.alert-info:has(.fa-sticky-note) p {
margin: 0.25rem 0 0;
color: #713f12;
line-height: 1.5;
}  .lddfw-order-screen #lddfw_order .lddfw_box .lddfw_title svg.fa-address-card {
color: #f97316;
fill: #f97316;
background: #ffedd5;
}  .lddfw-order-screen #lddfw_order .lddfw_box .lddfw_title svg.fa-shopping-cart {
color: #db2777;
fill: #db2777;
background: #fce7f3;
}
.lddfw-order-screen .lddfw_order_products_tbl {
width: 100%;
margin: 0;
border: 0;
background: transparent;
}
.lddfw-order-screen .lddfw_order_products_tbl tr:first-child th {
font-size: 0.72rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: #94a3b8;
padding: 0 0 0.5rem;
border: 0;
background: transparent;
}
.lddfw-order-screen
.lddfw_order_products_tbl
tr:first-child
th.lddfw_total_col {
text-align: right;
}
.lddfw-order-screen .lddfw_order_products_tbl tr.lddfw_items {
border-top: 1px solid #eef1f7;
}
.lddfw-order-screen .lddfw_order_products_tbl tr.lddfw_items td {
padding: 0.75rem 0.25rem 0.75rem 0;
vertical-align: top;
border: 0;
font-size: 0.875rem;
color: #334155;
}
.lddfw-order-screen
.lddfw_order_products_tbl
tr.lddfw_items
td.lddfw_total_col {
font-weight: 700;
color: #0f172a;
text-align: right;
white-space: nowrap;
padding-right: 0;
padding-left: 0.5rem;
vertical-align: middle;
}
.lddfw-order-screen .lddfw_product_line {
display: flex;
align-items: flex-start;
gap: 0.75rem;
line-height: 1.45;
}
.lddfw-order-screen .lddfw_product_line img {
width: 56px;
height: 56px;
border-radius: 0.55rem;
object-fit: cover;
background: #f1f5f9;
border: 1px solid #e2e8f0;
flex-shrink: 0;
}
.lddfw-order-screen .lddfw_product_line .item-variation {
margin-top: 0.3rem;
font-size: 0.78rem;
color: #64748b;
line-height: 1.45;
} .lddfw-order-screen .lddfw_order_total_tbl {
width: 100%;
margin: 1rem 0 0;
background: #fff;
border: 1px solid #e6eaf2;
border-radius: 1rem;
padding: 0.85rem 1.1rem;
box-shadow: 0 8px 20px -18px rgba(15, 23, 42, 0.35);
border-collapse: separate;
border-spacing: 0;
}
.lddfw-order-screen .lddfw_order_total_tbl tr th {
padding: 0.5rem 0;
font-weight: 500;
color: #64748b;
border: 0;
background: transparent;
font-size: 0.85rem;
text-align: left;
}
.lddfw-order-screen .lddfw_order_total_tbl tr td.lddfw_total_col {
padding: 0.5rem 0;
text-align: right;
font-weight: 600;
color: #0f172a;
border: 0;
font-size: 0.875rem;
white-space: nowrap;
}
.lddfw-order-screen .lddfw_order_total_tbl tr:last-child th,
.lddfw-order-screen .lddfw_order_total_tbl tr:last-child td {
padding-top: 0.75rem;
border-top: 1px solid #eef1f7;
font-size: 0.95rem;
font-weight: 700;
color: #0f172a;
}
.lddfw-order-screen .lddfw_order_total_tbl tr:last-child td.lddfw_total_col {
color: #16a34a;
}
.lddfw-order-screen .lddfw_order_total_tbl tr[style*="#ca0303"] {
color: #dc2626 !important;
}
.lddfw-order-screen
.lddfw_order_total_tbl
tr[style*="#ca0303"]
td.lddfw_total_col {
color: #dc2626 !important;
}  .lddfw-order-screen
#lddfw_order
.lddfw_box:has(.lddfw_title svg.fa-user.fa-w-14) {
margin-top: 1.25rem;
}
.lddfw-order-screen #lddfw_order .lddfw_box .lddfw_title svg.fa-user.fa-w-14 {
color: #0891b2;
fill: #0891b2;
background: #ecfeff;
}
.lddfw-order-screen #lddfw_order .lddfw_box .lddfw_label {
color: #64748b;
font-size: 0.85rem;
} .lddfw-order-screen #lddfw_order .lddfw_box img[src*="signature"],
.lddfw-order-screen #lddfw_order .lddfw_box img[alt*="Delivery"] {
display: block;
max-width: 100%;
margin: 0.5rem auto !important;
border-radius: 0.7rem;
border: 1px solid #e6eaf2;
background: #f8fafc;
padding: 0.25rem;
} .lddfw-order-screen .lddfw_footer_buttons {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 998;
width: 100%;
margin: 0;
padding: 0.75rem 1rem;
background: rgba(255, 255, 255, 0.97);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-top: 1px solid #e9ecef;
box-shadow: 0 -4px 16px rgba(1, 22, 39, 0.06);
}
.lddfw-order-screen .lddfw_footer_buttons .container {
padding-left: 0;
padding-right: 0;
margin: 0 auto;
max-width: none;
width: 100%;
}
.lddfw-order-screen .lddfw_footer_buttons .row {
margin: 0 !important;
gap: 0.5rem;
flex-wrap: nowrap;
width: 100%;
}
.lddfw-order-screen .lddfw_footer_buttons .row > [class*="col"] {
padding: 0 !important;
flex: 1 1 0;
min-width: 0;
max-width: none;
margin: 0 !important;
}
.lddfw-order-screen .lddfw_footer_buttons .btn {
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 100%;
border-radius: 10px !important;
font-weight: 600 !important;
font-size: 1rem;
padding: 0.75rem 1rem !important;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
background-image: none !important;
box-shadow: none !important;
transition:
background-color 0.15s ease,
border-color 0.15s ease,
box-shadow 0.15s ease,
color 0.15s ease;
}
.lddfw-order-screen .lddfw_footer_buttons .btn svg {
width: 0.9em;
height: 0.9em;
margin-right: 0.35rem;
flex-shrink: 0;
fill: currentColor;
}
.lddfw-order-screen .lddfw_footer_buttons .btn.btn-primary {
background-color: #0d6efd !important;
border: 1px solid #0d6efd !important;
color: #fff !important;
}
.lddfw-order-screen .lddfw_footer_buttons .btn.btn-primary:hover,
.lddfw-order-screen .lddfw_footer_buttons .btn.btn-primary:focus {
background-color: #0b5ed7 !important;
border-color: #0a58ca !important;
box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.2) !important;
color: #fff !important;
}
.lddfw-order-screen .lddfw_footer_buttons .btn.btn-success {
background: linear-gradient(135deg, #16a34a 0%, #22c55e 100%) !important;
background-image: linear-gradient(
135deg,
#16a34a 0%,
#22c55e 100%
) !important;
border: 0 !important;
border-radius: 12px !important;
color: #fff !important;
font-weight: 600 !important;
box-shadow: 0 2px 6px rgba(22, 163, 74, 0.3) !important;
transition:
filter 0.15s ease,
transform 0.15s ease,
box-shadow 0.15s ease !important;
}
.lddfw-order-screen .lddfw_footer_buttons .btn.btn-success:hover,
.lddfw-order-screen .lddfw_footer_buttons .btn.btn-success:focus {
filter: brightness(1.07) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(22, 163, 74, 0.38) !important;
color: #fff !important;
}
.lddfw-order-screen .lddfw_footer_buttons .btn.btn-danger {
background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%) !important;
background-image: linear-gradient(
135deg,
#dc2626 0%,
#ef4444 100%
) !important;
border: 0 !important;
border-radius: 12px !important;
color: #fff !important;
font-weight: 600 !important;
box-shadow: 0 2px 6px rgba(220, 38, 38, 0.28) !important;
transition:
filter 0.15s ease,
transform 0.15s ease,
box-shadow 0.15s ease !important;
}
.lddfw-order-screen .lddfw_footer_buttons .btn.btn-danger:hover,
.lddfw-order-screen .lddfw_footer_buttons .btn.btn-danger:focus {
filter: brightness(1.07) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(220, 38, 38, 0.36) !important;
color: #fff !important;
} #lddfw_delivered_screen_btn.btn {
background: linear-gradient(135deg, #15803d 0%, #16a34a 100%) !important;
background-image: linear-gradient(
135deg,
#15803d 0%,
#16a34a 100%
) !important;
border: 0 !important;
border-radius: 12px !important;
color: #fff !important;
font-weight: 600 !important;
box-shadow: 0 2px 6px rgba(21, 128, 61, 0.28) !important;
transition:
filter 0.15s ease,
transform 0.15s ease,
box-shadow 0.15s ease;
}
#lddfw_delivered_screen_btn.btn:hover,
#lddfw_delivered_screen_btn.btn:focus {
filter: brightness(1.08) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(21, 128, 61, 0.35) !important;
color: #fff !important;
}
#lddfw_failed_delivered_screen_btn.btn {
background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%) !important;
background-image: linear-gradient(
135deg,
#dc2626 0%,
#ef4444 100%
) !important;
border: 0 !important;
border-radius: 12px !important;
color: #fff !important;
font-weight: 600 !important;
box-shadow: 0 2px 6px rgba(220, 38, 38, 0.28) !important;
transition:
filter 0.15s ease,
transform 0.15s ease,
box-shadow 0.15s ease;
}
#lddfw_failed_delivered_screen_btn.btn:hover,
#lddfw_failed_delivered_screen_btn.btn:focus {
filter: brightness(1.07) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(220, 38, 38, 0.36) !important;
color: #fff !important;
}
.lddfw-order-screen .lddfw_footer_buttons .btn.btn-secondary {
background-color: #fff !important;
border: 1px solid #dee2e6 !important;
color: #212529 !important;
}
.lddfw-order-screen .lddfw_footer_buttons .btn.btn-secondary:hover,
.lddfw-order-screen .lddfw_footer_buttons .btn.btn-secondary:focus {
background-color: #f8f9fa !important;
border-color: #ced4da !important;
color: #212529 !important;
box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.15) !important;
}  #lddfw_order_unassign_button,
#lddfw_order_unassign_button_loading {
border-radius: 12px !important;
font-weight: 600 !important;
padding: 0.75rem 1rem !important;
width: 100% !important;
background: #f1f5f9 !important;
border: 1px solid #e2e8f0 !important;
color: #475569 !important;
box-shadow: none !important;
transition:
background 0.15s ease,
border-color 0.15s ease,
color 0.15s ease,
transform 0.15s ease,
box-shadow 0.15s ease;
}
#lddfw_order_unassign_button:hover,
#lddfw_order_unassign_button:focus {
background: #e2e8f0 !important;
border-color: #cbd5e1 !important;
color: #0f172a !important;
transform: translateY(-1px) !important;
box-shadow: 0 2px 4px rgba(15, 23, 42, 0.08) !important;
} #lddfw_order_out_for_delivery_button,
#lddfw_order_out_for_delivery_button_loading {
border-radius: 12px !important;
font-weight: 600 !important;
padding: 0.75rem 1rem !important;
width: 100% !important;
background: linear-gradient(135deg, #15803d 0%, #16a34a 100%) !important;
background-image: linear-gradient(
135deg,
#15803d 0%,
#16a34a 100%
) !important;
border: 0 !important;
color: #fff !important;
box-shadow: 0 2px 6px rgba(21, 128, 61, 0.28) !important;
transition:
filter 0.15s ease,
transform 0.15s ease,
box-shadow 0.15s ease;
}
#lddfw_order_out_for_delivery_button:hover,
#lddfw_order_out_for_delivery_button:focus {
filter: brightness(1.08) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(21, 128, 61, 0.35) !important;
color: #fff !important;
}
#lddfw_order_out_for_delivery_button .svg-inline--fa {
width: 0.9em;
height: 0.9em;
margin-right: 0.35rem;
fill: currentColor;
}
@media (min-width: 900px) {
.lddfw-order-screen .lddfw_footer_buttons {
position: static;
padding: 0.75rem 0;
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border-top: 1px solid #e9ecef;
box-shadow: none;
margin-top: 1.5rem;
}
.lddfw-order-screen {
padding-bottom: 2rem;
}
} .lddfw-order-screen #lddfw_start_delivery_notice {
margin-top: 0.5rem;
font-size: 0.8rem;
color: #64748b;
text-align: center;
display: flex;
gap: 0.75rem;
justify-content: center;
flex-wrap: wrap;
} .dark .lddfw-order-screen #lddfw_shipping_address,
.dark .lddfw-order-screen #lddfw_pickup_address {
color: #cbd5e1;
}
.dark .lddfw-order-screen #lddfw_shipping_address .lddfw_label,
.dark .lddfw-order-screen #lddfw_customer .lddfw_label,
.dark .lddfw-order-screen #lddfw_order .lddfw_box .lddfw_label {
color: #94a3b8;
}
.dark .lddfw-order-screen #lddfw_shipping_address.lddfw_box .lddfw_title svg {
color: #4ade80;
fill: #4ade80;
background: rgba(22, 101, 52, 0.28);
}
.dark .lddfw-order-screen #lddfw_pickup_address.lddfw_box .lddfw_title svg {
color: #a78bfa;
fill: #a78bfa;
background: rgba(91, 33, 182, 0.28);
}
.dark .lddfw-order-screen #lddfw_customer .lddfw_title svg,
.dark .lddfw-order-screen .lddfw_box:has(> #lddfw_customer) .lddfw_title svg {
color: #38bdf8;
fill: #38bdf8;
background: rgba(14, 165, 233, 0.2);
}
.dark
.lddfw-order-screen
#lddfw_order
.lddfw_box
.lddfw_title
svg.fa-address-card {
color: #fb923c;
fill: #fb923c;
background: rgba(234, 88, 12, 0.22);
}
.dark
.lddfw-order-screen
#lddfw_order
.lddfw_box
.lddfw_title
svg.fa-shopping-cart {
color: #f472b6;
fill: #f472b6;
background: rgba(219, 39, 119, 0.2);
}
.dark
.lddfw-order-screen
#lddfw_order
.lddfw_box
.lddfw_title
svg.fa-user.fa-w-14 {
color: #22d3ee;
fill: #22d3ee;
background: rgba(8, 145, 178, 0.22);
}
.dark .lddfw-order-screen .lddfw_map_buttons .lddfw_navigation.btn {
background: rgba(22, 101, 52, 0.2);
border-color: #166534;
color: #86efac;
}
.dark .lddfw-order-screen .lddfw_map_buttons .lddfw_navigation.btn:hover {
background: rgba(22, 101, 52, 0.35);
border-color: #22c55e;
color: #bbf7d0;
}
.dark .lddfw-order-screen #lddfw_pickup_address .lddfw_navigation.btn {
background: rgba(91, 33, 182, 0.25);
border-color: #5b21b6;
color: #c4b5fd;
}
.dark .lddfw-order-screen #lddfw_pickup_address .lddfw_navigation.btn:hover {
background: rgba(91, 33, 182, 0.4);
border-color: #7c3aed;
color: #ddd6fe;
}
.dark .lddfw-order-screen .shipping_phone.btn,
.dark .lddfw-order-screen .billing_phone.btn {
background: rgba(29, 78, 216, 0.2);
border-color: #1e3a8a;
color: #93c5fd;
}
.dark .lddfw-order-screen .shipping_phone.btn:hover,
.dark .lddfw-order-screen .billing_phone.btn:hover {
background: rgba(29, 78, 216, 0.35);
border-color: #2563eb;
color: #bfdbfe;
}
.dark .lddfw-order-screen .whatsapp_phone.btn {
background: rgba(21, 128, 61, 0.25);
border-color: #166534;
color: #86efac;
}
.dark .lddfw-order-screen .whatsapp_phone.btn:hover {
background: rgba(21, 128, 61, 0.4);
border-color: #22c55e;
color: #bbf7d0;
}
.dark .lddfw-order-screen #lddfw_order .alert.alert-info:has(.fa-sticky-note) {
background: #1c1917;
border-color: #78350f;
color: #fde68a;
}
.dark
.lddfw-order-screen
#lddfw_order
.alert.alert-info:has(.fa-sticky-note)
> span {
color: #fcd34d;
}
.dark
.lddfw-order-screen
#lddfw_order
.alert.alert-info:has(.fa-sticky-note)
svg {
color: #fbbf24;
fill: #fbbf24;
}
.dark
.lddfw-order-screen
#lddfw_order
.alert.alert-info:has(.fa-sticky-note)
p {
color: #fde68a;
}
.dark .lddfw-order-screen .lddfw_order_products_tbl tr:first-child th {
color: #64748b;
}
.dark
.lddfw-order-screen
.lddfw_order_products_tbl
tr:first-child
th.lddfw_total_col {
text-align: right;
}
.dark .lddfw-order-screen .lddfw_order_products_tbl tr.lddfw_items {
border-top-color: #1f2a44;
}
.dark .lddfw-order-screen .lddfw_order_products_tbl tr.lddfw_items td {
color: #cbd5e1;
}
.dark
.lddfw-order-screen
.lddfw_order_products_tbl
tr.lddfw_items
td.lddfw_total_col {
color: #f1f5f9;
}
.dark .lddfw-order-screen .lddfw_product_line img {
background: #0f172a;
border-color: #1f2a44;
}
.dark .lddfw-order-screen .lddfw_product_line .item-variation {
color: #94a3b8;
}
.dark .lddfw-order-screen .lddfw_order_total_tbl {
background: #111a2e;
border-color: #1f2a44;
box-shadow: 0 8px 20px -18px rgba(0, 0, 0, 0.65);
}
.dark .lddfw-order-screen .lddfw_order_total_tbl tr th {
color: #94a3b8;
}
.dark .lddfw-order-screen .lddfw_order_total_tbl tr td.lddfw_total_col {
color: #f1f5f9;
}
.dark .lddfw-order-screen .lddfw_order_total_tbl tr:last-child th,
.dark .lddfw-order-screen .lddfw_order_total_tbl tr:last-child td {
border-top-color: #1f2a44;
color: #f1f5f9;
}
.dark
.lddfw-order-screen
.lddfw_order_total_tbl
tr:last-child
td.lddfw_total_col {
color: #4ade80;
}
.dark .lddfw-order-screen #lddfw_order .lddfw_box img[src*="signature"],
.dark .lddfw-order-screen #lddfw_order .lddfw_box img[alt*="Delivery"] {
background: #0f172a;
border-color: #1f2a44;
}
.dark .lddfw-order-screen .lddfw_footer_buttons {
background: rgba(15, 23, 42, 0.97);
border-top-color: rgba(255, 255, 255, 0.08);
box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.35);
}
.dark .lddfw-order-screen .lddfw_footer_buttons .btn.btn-primary:hover,
.dark .lddfw-order-screen .lddfw_footer_buttons .btn.btn-primary:focus {
box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.35) !important;
}
.dark .lddfw-order-screen .lddfw_footer_buttons .btn.btn-success:hover,
.dark .lddfw-order-screen .lddfw_footer_buttons .btn.btn-success:focus {
box-shadow: 0 4px 14px rgba(21, 128, 61, 0.32) !important;
}
.dark .lddfw-order-screen .lddfw_footer_buttons .btn.btn-danger:hover,
.dark .lddfw-order-screen .lddfw_footer_buttons .btn.btn-danger:focus {
box-shadow: 0 4px 14px rgba(248, 113, 113, 0.32) !important;
}
.dark .lddfw-order-screen .lddfw_footer_buttons .btn.btn-secondary {
background-color: #111a2e !important;
border: 1px solid #334155 !important;
color: #e2e8f0 !important;
}
.dark .lddfw-order-screen .lddfw_footer_buttons .btn.btn-secondary:hover,
.dark .lddfw-order-screen .lddfw_footer_buttons .btn.btn-secondary:focus {
background-color: #1e293b !important;
border-color: #475569 !important;
color: #f1f5f9 !important;
box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.2) !important;
}
.dark #lddfw_order_unassign_button,
.dark #lddfw_order_unassign_button_loading {
background: #1e293b !important;
border-color: #334155 !important;
color: #cbd5e1 !important;
}
.dark #lddfw_order_unassign_button:hover,
.dark #lddfw_order_unassign_button:focus {
background: #334155 !important;
border-color: #475569 !important;
color: #f1f5f9 !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}
.dark #lddfw_order_out_for_delivery_button:hover,
.dark #lddfw_order_out_for_delivery_button:focus {
box-shadow: 0 4px 14px rgba(21, 128, 61, 0.32) !important;
}
@media (min-width: 900px) {
.dark .lddfw-order-screen .lddfw_footer_buttons {
background: transparent;
border-top-color: rgba(255, 255, 255, 0.08);
box-shadow: none;
}
}
.dark .lddfw-order-screen #lddfw_start_delivery_notice {
color: #94a3b8;
} #lddfw_delivery_screen.lddfw_lightbox {
background: #f5f7fb;
}
#lddfw_delivery_screen .lddfw_lightbox_wrap {
min-height: 100%;
display: flex;
flex-direction: column;
}
#lddfw_delivery_screen .lddfw_lightbox_wrap > .container {
flex: 1 1 auto;
} #lddfw_delivery_screen .delivery_header {
background: rgba(255, 255, 255, 0.97);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-bottom: 1px solid #e9ecef;
box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}
#lddfw_delivery_screen .delivery_header h4 {
font-size: 1rem;
font-weight: 700;
color: #0f172a;
margin: 0;
letter-spacing: -0.02em;
} #lddfw_delivery_screen .lddfw_delivery_form.screen_wrap > .row {
max-width: 42rem;
margin-left: auto;
margin-right: auto;
padding: 0 0 1.25rem;
} #lddfw_delivery_screen .lddfw_delivery_form.screen_wrap > .row > .col-12 {
padding-left: 0;
padding-right: 0;
}
#lddfw_delivery_screen .lddfw_delivery_form.screen_wrap > .row > .col-12 > p {
color: #64748b;
font-size: 0.9rem;
line-height: 1.55;
margin: 0 0 1rem;
}
#lddfw_delivery_screen .lddfw_delivery_form .custom-control.custom-radio {
border: 1px solid #e6eaf2;
border-radius: 12px;
background: #fff;
margin-bottom: 0.5rem;
padding: 0;
transition:
border-color 0.15s ease,
background-color 0.15s ease,
box-shadow 0.15s ease;
}
#lddfw_delivery_screen .lddfw_delivery_form .custom-control.custom-radio:hover {
border-color: #cbd5e1;
}
#lddfw_delivery_screen
.lddfw_delivery_form
.custom-control.custom-radio:has(.custom-control-input:checked) {
border-color: #0d6efd;
background: #eff6ff;
box-shadow: 0 0 0 1px rgba(13, 110, 253, 0.15);
}
#lddfw_delivery_screen .lddfw_delivery_form .custom-control-label {
padding: 0.85rem 1rem 0.85rem 2.65rem;
font-size: 0.9rem;
color: #334155;
line-height: 1.4;
}
#lddfw_delivery_screen
.lddfw_delivery_form
.custom-radio
.custom-control-label::before {
left: 1rem;
top: 0.95rem;
}
#lddfw_delivery_screen
.lddfw_delivery_form
.custom-radio
.custom-control-label::after {
left: 1rem;
top: 0.95rem;
}
#lddfw_delivery_screen
.lddfw_delivery_form
.custom-control-input:focus
~ .custom-control-label::before {
box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.2);
}
#lddfw_delivery_screen #lddfw_driver_delivered_note,
#lddfw_delivery_screen #lddfw_driver_note {
width: 100%;
min-height: 120px;
border-radius: 12px;
border: 1px solid #e2e8f0;
padding: 0.75rem 0.85rem;
font-size: 0.9rem;
line-height: 1.5;
color: #0f172a;
background: #fff;
resize: vertical;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease;
}
#lddfw_delivery_screen #lddfw_driver_delivered_note:focus,
#lddfw_delivery_screen #lddfw_driver_note:focus {
border-color: #86b7fe;
box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15);
outline: none;
}
#lddfw_delivery_screen #lddfw_driver_delivered_note_wrap,
#lddfw_delivery_screen #lddfw_driver_note_wrap {
margin-top: 0.75rem;
} #lddfw_delivery_screen .delivery_proof_bar .row {
margin: 0;
align-items: stretch;
}
#lddfw_delivery_screen .delivery_proof_bar [class*="col-"] {
padding-left: 0.2rem;
padding-right: 0.2rem;
}
#lddfw_delivery_screen .delivery_proof_bar a {
border-radius: 10px;
padding: 0.55rem 0.2rem 0.5rem;
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.03em;
color: #64748b;
background: #f1f5f9;
border: 1px solid #e2e8f0;
line-height: 1.25;
transition:
background-color 0.15s ease,
border-color 0.15s ease,
color 0.15s ease;
}
#lddfw_delivery_screen .delivery_proof_bar a svg {
width: 1.35rem;
height: 1.35rem;
margin-bottom: 0.2rem;
opacity: 0.85;
}
#lddfw_delivery_screen .delivery_proof_bar a.active {
color: #0d6efd;
background: #eff6ff;
border-color: #93c5fd;
}
#lddfw_delivery_screen .delivery_proof_bar a.active svg {
opacity: 1;
color: #0d6efd;
} #lddfw_delivery_screen .lddfw_footer_buttons.delivery_proof_buttons {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 998;
padding: 0.65rem 1rem;
background: rgba(255, 255, 255, 0.97);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-top: 1px solid #e9ecef;
box-shadow: 0 -4px 16px rgba(1, 22, 39, 0.06);
}
#lddfw_delivery_screen .delivery_proof_buttons .container {
padding-left: 0;
padding-right: 0;
max-width: none;
}
#lddfw_delivery_screen .delivery_proof_buttons .row {
row-gap: 0.5rem;
}
#lddfw_delivery_screen .delivery_proof_buttons .row > [class*="col"] {
padding-left: 0.35rem;
padding-right: 0.35rem;
}
#lddfw_delivery_screen .delivery_proof_buttons .btn.lddfw_btn {
border-radius: 12px !important;
font-weight: 600 !important;
padding: 0.75rem 1rem !important;
font-size: 1rem;
border: 0 !important;
transition:
filter 0.15s ease,
transform 0.15s ease,
box-shadow 0.15s ease;
} #lddfw_delivery_screen .delivery_proof_buttons .btn-primary.lddfw_btn {
background: linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%) !important;
background-image: linear-gradient(
135deg,
#1d4ed8 0%,
#3b82f6 100%
) !important;
color: #fff !important;
box-shadow: 0 2px 6px rgba(29, 78, 216, 0.28) !important;
}
#lddfw_delivery_screen .delivery_proof_buttons .btn-primary.lddfw_btn:hover,
#lddfw_delivery_screen .delivery_proof_buttons .btn-primary.lddfw_btn:focus {
filter: brightness(1.08) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(29, 78, 216, 0.35) !important;
color: #fff !important;
} #lddfw_delivery_screen .delivery_proof_buttons .btn-secondary.lddfw_btn {
background: #f1f5f9 !important;
border: 1px solid #e2e8f0 !important;
color: #475569 !important;
box-shadow: none !important;
}
#lddfw_delivery_screen .delivery_proof_buttons .btn-secondary.lddfw_btn:hover,
#lddfw_delivery_screen .delivery_proof_buttons .btn-secondary.lddfw_btn:focus {
background: #e2e8f0 !important;
border-color: #cbd5e1 !important;
color: #0f172a !important;
transform: translateY(-1px) !important;
box-shadow: 0 2px 4px rgba(15, 23, 42, 0.08) !important;
} .dark #lddfw_delivery_screen.lddfw_lightbox {
background: #0f172a;
}
.dark #lddfw_delivery_screen .delivery_header {
background: rgba(15, 23, 42, 0.96);
border-bottom-color: #1f2a44;
box-shadow: none;
}
.dark #lddfw_delivery_screen .delivery_header h4 {
color: #f1f5f9;
}
.dark
#lddfw_delivery_screen
.lddfw_delivery_form.screen_wrap
> .row
> .col-12
> p {
color: #94a3b8;
}
.dark #lddfw_delivery_screen .lddfw_delivery_form .custom-control.custom-radio {
background: #111a2e;
border-color: #1f2a44;
}
.dark
#lddfw_delivery_screen
.lddfw_delivery_form
.custom-control.custom-radio:hover {
border-color: #334155;
}
.dark
#lddfw_delivery_screen
.lddfw_delivery_form
.custom-control.custom-radio:has(.custom-control-input:checked) {
border-color: #3b82f6;
background: rgba(30, 58, 138, 0.35);
box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.35);
}
.dark #lddfw_delivery_screen .lddfw_delivery_form .custom-control-label {
color: #e2e8f0;
}
.dark #lddfw_delivery_screen #lddfw_driver_delivered_note,
.dark #lddfw_delivery_screen #lddfw_driver_note {
background: #111a2e;
border-color: #334155;
color: #f1f5f9;
}
.dark #lddfw_delivery_screen #lddfw_driver_delivered_note:focus,
.dark #lddfw_delivery_screen #lddfw_driver_note:focus {
border-color: #3b82f6;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
}
.dark #lddfw_delivery_screen .delivery_proof_bar a {
background: #111a2e;
border-color: #334155;
color: #94a3b8;
}
.dark #lddfw_delivery_screen .delivery_proof_bar a.active {
color: #93c5fd;
background: rgba(30, 58, 138, 0.4);
border-color: rgba(59, 130, 246, 0.45);
}
.dark #lddfw_delivery_screen .delivery_proof_bar a.active svg {
color: #93c5fd;
}
.dark #lddfw_delivery_screen .lddfw_footer_buttons.delivery_proof_buttons {
background: rgba(15, 23, 42, 0.97);
border-top-color: rgba(255, 255, 255, 0.08);
box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.35);
}
.dark
#lddfw_delivery_screen
.delivery_proof_buttons
.btn-primary.lddfw_btn:hover,
.dark
#lddfw_delivery_screen
.delivery_proof_buttons
.btn-primary.lddfw_btn:focus {
box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.35) !important;
}
.dark #lddfw_delivery_screen .delivery_proof_buttons .btn-secondary.lddfw_btn {
background: #1e293b !important;
border-color: #334155 !important;
color: #cbd5e1 !important;
}
.dark
#lddfw_delivery_screen
.delivery_proof_buttons
.btn-secondary.lddfw_btn:hover,
.dark
#lddfw_delivery_screen
.delivery_proof_buttons
.btn-secondary.lddfw_btn:focus {
background: #334155 !important;
border-color: #475569 !important;
color: #f1f5f9 !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
} #lddfw_delivery_screen #lddfw_delivery_signature.lddfw_signature_wrap > .row {
max-width: 42rem;
margin-left: auto;
margin-right: auto;
padding: 0 0 1.25rem;
}
#lddfw_delivery_screen
#lddfw_delivery_signature.lddfw_signature_wrap
> .row
> .col-12 {
padding-left: 0;
padding-right: 0;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
> .row
> .col-12
> p:first-of-type {
color: #64748b;
font-size: 0.9rem;
line-height: 1.55;
margin: 0 0 1rem;
}
#lddfw_delivery_screen #lddfw_delivery_signature .form-group {
margin-bottom: 0.85rem;
}
#lddfw_delivery_screen #lddfw_delivery_signature .signature_name.form-control,
#lddfw_delivery_screen #lddfw_delivery_signature #signature_name {
border-radius: 12px;
border: 1px solid #e2e8f0;
padding: 0.65rem 0.85rem;
font-size: 0.95rem;
color: #0f172a;
background: #fff;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature_name.form-control:focus,
#lddfw_delivery_screen #lddfw_delivery_signature #signature_name:focus {
border-color: #86b7fe;
box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15);
outline: none;
}
#lddfw_delivery_screen #lddfw_delivery_signature .delivery_header .container,
#lddfw_delivery_screen #lddfw_delivery_photo .delivery_header .container {
padding-left: max(1rem, env(safe-area-inset-left, 0px));
padding-right: max(1rem, env(safe-area-inset-right, 0px));
max-width: 100%;
}
#lddfw_delivery_screen #lddfw_delivery_signature .delivery_header .row {
align-items: center;
min-height: 2.75rem;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
.delivery_header
.signature-clear {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.35rem;
height: 2.35rem;
border-radius: 10px;
background: #f1f5f9;
border: 1px solid #e2e8f0;
color: #64748b;
transition:
background-color 0.15s ease,
border-color 0.15s ease,
color 0.15s ease;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
.delivery_header
.signature-clear:hover,
#lddfw_delivery_screen
#lddfw_delivery_signature
.delivery_header
.signature-clear:focus {
background: #e2e8f0;
border-color: #cbd5e1;
color: #0f172a;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
#lddfw_driver_add_signature_btn {
border-radius: 10px !important;
font-weight: 600 !important;
padding: 0.5rem 0.85rem !important;
font-size: 0.875rem !important;
border: 1px solid #dee2e6 !important;
background: #fff !important;
color: #212529 !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 0.35rem;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
#lddfw_driver_add_signature_btn:hover,
#lddfw_delivery_screen
#lddfw_delivery_signature
#lddfw_driver_add_signature_btn:focus {
background: #f8f9fa !important;
border-color: #ced4da !important;
box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.12) !important;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
#lddfw_driver_add_signature_btn
svg {
width: 0.85em;
height: 0.85em;
}
#lddfw_delivery_screen #lddfw_delivery_signature #signature-image {
margin-top: 1rem;
padding: 0.85rem;
border: 1px dashed #cbd5e1;
border-radius: 12px;
background: #f8fafc;
text-align: center;
}
#lddfw_delivery_screen #lddfw_delivery_signature #signature-image img {
border-radius: 8px;
box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
} #lddfw_delivery_screen #lddfw_delivery_signature .signature-wrapper {
display: flex;
flex-direction: column;
position: fixed;
inset: 0;
width: 100%;
height: 100%;
max-height: 100dvh;
box-sizing: border-box;
padding-top: env(safe-area-inset-top, 0px);
padding-bottom: 100px;
padding-left: env(safe-area-inset-left, 0px);
padding-right: env(safe-area-inset-right, 0px);
background: linear-gradient(165deg, #eef2f9 0%, #e4e9f2 42%, #d8dfea 100%);
overscroll-behavior: none;
touch-action: manipulation;
z-index: 10050;
isolation: isolate;
}
#lddfw_delivery_screen #lddfw_delivery_signature .signature-wrapper::before {
content: "";
pointer-events: none;
position: absolute;
inset: 0;
background: radial-gradient(
ellipse 110% 65% at 50% -15%,
rgba(255, 255, 255, 0.55) 0%,
transparent 52%
);
z-index: 0;
}
#lddfw_delivery_screen #lddfw_delivery_signature .signature-wrapper > * {
position: relative;
z-index: 1;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-header {
flex: 0 0 auto;
height: auto;
min-height: 3.25rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem; padding-left: 1rem;
padding-right: 1rem;
margin-bottom: 0;
line-height: 1.35;
background: rgba(255, 255, 255, 0.98);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-bottom: 1px solid #e9ecef;
box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-header.container {
max-width: 100%;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-header
.row {
align-items: center;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-header
.col-6:first-child {
font-weight: 600;
font-size: 0.95rem;
color: #0f172a;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-header
.signature-clear {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.35rem;
height: 2.35rem;
border-radius: 10px;
background: #f1f5f9;
border: 1px solid #e2e8f0;
color: #64748b;
transition:
background-color 0.15s ease,
border-color 0.15s ease,
color 0.15s ease;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-header
.signature-clear:hover,
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-header
.signature-clear:focus {
background: #e2e8f0;
border-color: #cbd5e1;
color: #0f172a;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-done.btn {
border-radius: 10px !important;
font-weight: 600 !important;
padding: 0.45rem 1rem !important;
font-size: 0.875rem !important;
background-color: #0d6efd !important;
border-color: #0d6efd !important;
box-shadow: none !important;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-done.btn:hover,
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-done.btn:focus {
background-color: #0b5ed7 !important;
border-color: #0a58ca !important;
box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.2) !important;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
.signature-pad {
flex: 1 1 auto;
min-height: 11rem;
min-width: 0;
width: calc(100% - 1.5rem) !important;
max-width: 42rem;
margin: 0.65rem auto 0;
height: auto !important;
background: #fff;
border-radius: 14px;
border: 1px solid rgba(226, 232, 240, 0.95);
box-shadow:
0 1px 2px rgba(15, 23, 42, 0.05),
0 14px 44px -14px rgba(15, 23, 42, 0.2);
}
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-line {
border-bottom-color: #94a3b8;
z-index: 2;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-line
svg {
color: #64748b;
opacity: 0.75;
} .dark
#lddfw_delivery_screen
#lddfw_delivery_signature
> .row
> .col-12
> p:first-of-type {
color: #94a3b8;
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature_name.form-control,
.dark #lddfw_delivery_screen #lddfw_delivery_signature #signature_name {
background: #111a2e;
border-color: #334155;
color: #f1f5f9;
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature_name.form-control:focus,
.dark #lddfw_delivery_screen #lddfw_delivery_signature #signature_name:focus {
border-color: #3b82f6;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.delivery_header
.signature-clear {
background: #111a2e;
border-color: #334155;
color: #94a3b8;
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.delivery_header
.signature-clear:hover,
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.delivery_header
.signature-clear:focus {
background: #1e293b;
border-color: #475569;
color: #f1f5f9;
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
#lddfw_driver_add_signature_btn {
background: #111a2e !important;
border-color: #334155 !important;
color: #e2e8f0 !important;
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
#lddfw_driver_add_signature_btn:hover,
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
#lddfw_driver_add_signature_btn:focus {
background: #1e293b !important;
border-color: #475569 !important;
box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.15) !important;
}
.dark #lddfw_delivery_screen #lddfw_delivery_signature #signature-image {
background: #111a2e;
border-color: #334155;
}
.dark #lddfw_delivery_screen #lddfw_delivery_signature .signature-wrapper {
background: linear-gradient(165deg, #0f172a 0%, #0b1222 45%, #020617 100%);
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper::before {
background: radial-gradient(
ellipse 110% 60% at 50% -10%,
rgba(59, 130, 246, 0.14) 0%,
transparent 55%
);
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-header {
background: rgba(15, 23, 42, 0.96);
border-bottom-color: #1f2a44;
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-header
.col-6:first-child {
color: #f1f5f9;
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-header
.signature-clear {
background: #111a2e;
border-color: #334155;
color: #94a3b8;
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-header
.signature-clear:hover,
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-header
.signature-clear:focus {
background: #1e293b;
border-color: #475569;
color: #f1f5f9;
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
.signature-pad {
background: #fff;
border-color: #334155;
box-shadow:
0 1px 0 rgba(255, 255, 255, 0.05),
0 18px 48px -18px rgba(0, 0, 0, 0.65);
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-done.btn:hover,
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-done.btn:focus {
box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.35) !important;
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-line {
border-bottom-color: #64748b;
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.signature-wrapper
#signature-line
svg {
color: #94a3b8;
opacity: 0.85;
} #lddfw_delivery_screen #lddfw_delivery_photo.lddfw_photo_wrap {
position: relative;
}
#lddfw_delivery_screen #lddfw_delivery_photo > .row {
max-width: 42rem;
margin-left: auto;
margin-right: auto;
padding: 0 0 1.25rem;
}
#lddfw_delivery_screen #lddfw_delivery_photo > .row > .col-12 {
padding-left: 0;
padding-right: 0;
}
#lddfw_delivery_screen #lddfw_delivery_photo .delivery_header .row {
align-items: center;
min-height: 2.75rem;
}
#lddfw_delivery_screen #lddfw_delivery_photo .delivery_header h4 {
font-size: 1rem;
font-weight: 700;
color: #0f172a;
margin: 0;
letter-spacing: -0.02em;
}
#lddfw_delivery_screen #lddfw_delivery_photo #delivery-image-clear {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.35rem;
height: 2.35rem;
border-radius: 10px;
background: #f1f5f9;
border: 1px solid #e2e8f0;
color: #64748b;
transition:
background-color 0.15s ease,
border-color 0.15s ease,
color 0.15s ease;
}
#lddfw_delivery_screen #lddfw_delivery_photo #delivery-image-clear:hover,
#lddfw_delivery_screen #lddfw_delivery_photo #delivery-image-clear:focus {
background: #e2e8f0;
border-color: #cbd5e1;
color: #0f172a;
}
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file {
margin-bottom: 0;
}
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file-label {
border-radius: 10px !important;
font-weight: 600 !important;
padding: 0.5rem 0.85rem !important;
font-size: 0.875rem !important;
border: 1px solid #dee2e6 !important;
background: #fff !important;
color: #212529 !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 0.35rem;
min-height: auto !important;
line-height: 1.2 !important;
}
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file-label:hover,
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file-label:focus {
background: #f8f9fa !important;
border-color: #ced4da !important;
box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.12) !important;
}
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file-label
svg {
width: 0.85em;
height: 0.85em;
}
#lddfw_delivery_screen #lddfw_delivery_photo #delivery_image_wrap {
width: 100%;
height: auto;
min-height: 12rem;
padding: 1rem;
margin-top: 0;
margin-bottom: 0;
background: #f8fafc;
border: 1px dashed #cbd5e1;
border-radius: 14px;
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
justify-content: center;
align-content: flex-start;
}
#lddfw_delivery_screen #lddfw_delivery_photo .lddfw_image_item {
width: 7.5rem;
height: 7.5rem;
margin-right: 0;
margin-bottom: 0;
border-radius: 12px;
border-color: #e2e8f0;
background: #fff;
box-shadow:
0 1px 2px rgba(15, 23, 42, 0.05),
0 4px 14px -4px rgba(15, 23, 42, 0.12);
}
#lddfw_delivery_screen #lddfw_delivery_photo .lddfw_delete_image {
top: 6px;
right: 6px;
width: 30px;
height: 30px;
border-radius: 8px;
background-color: rgba(15, 23, 42, 0.72);
}
#lddfw_delivery_screen #lddfw_delivery_photo .lddfw_delete_image:hover {
background-color: rgba(220, 53, 69, 0.95);
} .dark #lddfw_delivery_screen #lddfw_delivery_photo .delivery_header h4 {
color: #f1f5f9;
}
.dark #lddfw_delivery_screen #lddfw_delivery_photo #delivery-image-clear {
background: #111a2e;
border-color: #334155;
color: #94a3b8;
}
.dark #lddfw_delivery_screen #lddfw_delivery_photo #delivery-image-clear:hover,
.dark #lddfw_delivery_screen #lddfw_delivery_photo #delivery-image-clear:focus {
background: #1e293b;
border-color: #475569;
color: #f1f5f9;
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file-label {
background: #111a2e !important;
border-color: #334155 !important;
color: #e2e8f0 !important;
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file-label:hover,
.dark
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file-label:focus {
background: #1e293b !important;
border-color: #475569 !important;
box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.15) !important;
}
.dark #lddfw_delivery_screen #lddfw_delivery_photo #delivery_image_wrap {
background: #111a2e;
border-color: #334155;
}
.dark #lddfw_delivery_screen #lddfw_delivery_photo .lddfw_image_item {
border-color: #334155;
background: #0f172a;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}  #lddfw_delivered_confirmation.lddfw_lightbox,
#lddfw_failed_delivery_confirmation.lddfw_lightbox {
padding: 1rem;
background: rgba(15, 23, 42, 0.58);
} #lddfw_delivered_confirmation.lddfw_lightbox:not([style*="display:none"]):not(
[style*="display: none"]
),
#lddfw_failed_delivery_confirmation.lddfw_lightbox:not(
[style*="display:none"]
):not([style*="display: none"]) {
display: flex !important;
align-items: center;
justify-content: center;
}
#lddfw_delivered_confirmation .lddfw_lightbox_wrap,
#lddfw_failed_delivery_confirmation .lddfw_lightbox_wrap {
display: block;
flex: 0 1 auto;
height: auto;
width: min(100%, 22rem);
max-width: 22rem;
margin: 0;
position: relative;
top: auto !important;
padding: 0;
}
#lddfw_delivered_confirmation .lddfw_lightbox_wrap .container,
#lddfw_failed_delivery_confirmation .lddfw_lightbox_wrap .container {
max-width: none;
padding: 1.5rem 1.25rem 1.35rem;
background: #fff;
border: 1px solid #e9ecef;
border-radius: 16px;
box-shadow:
0 1px 2px rgba(15, 23, 42, 0.05),
0 24px 48px -12px rgba(15, 23, 42, 0.28);
}
#lddfw_delivered_confirmation.lddfw_confirmation h2,
#lddfw_failed_delivery_confirmation.lddfw_confirmation h2 {
margin-bottom: 1.35rem !important;
font-size: 1.125rem;
font-weight: 700;
color: #0f172a;
line-height: 1.35;
letter-spacing: -0.02em;
}
#lddfw_delivered_confirmation .row,
#lddfw_failed_delivery_confirmation .row {
margin-left: -0.35rem;
margin-right: -0.35rem;
row-gap: 0.65rem;
}
#lddfw_delivered_confirmation .row > [class*="col"],
#lddfw_failed_delivery_confirmation .row > [class*="col"] {
padding-left: 0.35rem !important;
padding-right: 0.35rem !important;
}
#lddfw_delivered_confirmation .lddfw_ok.btn,
#lddfw_delivered_confirmation .lddfw_cancel.btn,
#lddfw_failed_delivery_confirmation .lddfw_ok.btn,
#lddfw_failed_delivery_confirmation .lddfw_cancel.btn {
border-radius: 12px !important;
font-weight: 600 !important;
padding: 0.75rem 1rem !important;
font-size: 1rem !important;
box-shadow: none !important;
border: 1px solid transparent;
transition:
background-color 0.15s ease,
border-color 0.15s ease,
box-shadow 0.15s ease;
} #lddfw_delivered_confirmation .lddfw_ok.btn-primary {
background: linear-gradient(135deg, #15803d 0%, #16a34a 100%) !important;
background-image: linear-gradient(
135deg,
#15803d 0%,
#16a34a 100%
) !important;
border: 0 !important;
color: #fff !important;
box-shadow: 0 2px 6px rgba(21, 128, 61, 0.28) !important;
}
#lddfw_delivered_confirmation .lddfw_ok.btn-primary:hover,
#lddfw_delivered_confirmation .lddfw_ok.btn-primary:focus {
filter: brightness(1.08) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(21, 128, 61, 0.35) !important;
color: #fff !important;
} #lddfw_failed_delivery_confirmation .lddfw_ok.btn-primary {
background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%) !important;
background-image: linear-gradient(
135deg,
#dc2626 0%,
#ef4444 100%
) !important;
border: 0 !important;
color: #fff !important;
box-shadow: 0 2px 6px rgba(220, 38, 38, 0.28) !important;
}
#lddfw_failed_delivery_confirmation .lddfw_ok.btn-primary:hover,
#lddfw_failed_delivery_confirmation .lddfw_ok.btn-primary:focus {
filter: brightness(1.08) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(220, 38, 38, 0.36) !important;
color: #fff !important;
} #lddfw_delivered_confirmation .lddfw_cancel.btn-secondary,
#lddfw_failed_delivery_confirmation .lddfw_cancel.btn-secondary {
background: #f1f5f9 !important;
border: 1px solid #e2e8f0 !important;
color: #475569 !important;
box-shadow: none !important;
}
#lddfw_delivered_confirmation .lddfw_cancel.btn-secondary:hover,
#lddfw_delivered_confirmation .lddfw_cancel.btn-secondary:focus,
#lddfw_failed_delivery_confirmation .lddfw_cancel.btn-secondary:hover,
#lddfw_failed_delivery_confirmation .lddfw_cancel.btn-secondary:focus {
background: #e2e8f0 !important;
border-color: #cbd5e1 !important;
color: #0f172a !important;
transform: translateY(-1px) !important;
box-shadow: 0 2px 4px rgba(15, 23, 42, 0.08) !important;
}
.dark #lddfw_delivered_confirmation .lddfw_lightbox_wrap .container,
.dark #lddfw_failed_delivery_confirmation .lddfw_lightbox_wrap .container {
background: #111a2e;
border-color: #334155;
box-shadow:
0 1px 0 rgba(255, 255, 255, 0.04),
0 24px 48px -12px rgba(0, 0, 0, 0.55);
}
.dark #lddfw_delivered_confirmation.lddfw_confirmation h2,
.dark #lddfw_failed_delivery_confirmation.lddfw_confirmation h2 {
color: #f1f5f9;
}
.dark #lddfw_delivered_confirmation .lddfw_ok.btn-primary:hover,
.dark #lddfw_delivered_confirmation .lddfw_ok.btn-primary:focus {
box-shadow: 0 4px 14px rgba(21, 128, 61, 0.32) !important;
}
.dark #lddfw_failed_delivery_confirmation .lddfw_ok.btn-primary:hover,
.dark #lddfw_failed_delivery_confirmation .lddfw_ok.btn-primary:focus {
box-shadow: 0 4px 14px rgba(248, 113, 113, 0.32) !important;
}
.dark #lddfw_delivered_confirmation .lddfw_cancel.btn-secondary,
.dark #lddfw_failed_delivery_confirmation .lddfw_cancel.btn-secondary {
background: #1e293b !important;
border-color: #334155 !important;
color: #cbd5e1 !important;
}
.dark #lddfw_delivered_confirmation .lddfw_cancel.btn-secondary:hover,
.dark #lddfw_delivered_confirmation .lddfw_cancel.btn-secondary:focus,
.dark #lddfw_failed_delivery_confirmation .lddfw_cancel.btn-secondary:hover,
.dark #lddfw_failed_delivery_confirmation .lddfw_cancel.btn-secondary:focus {
background: #334155 !important;
border-color: #475569 !important;
color: #f1f5f9 !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
} #lddfw_thankyou.lddfw_lightbox {
text-align: left;
padding-top: 0;
padding: 1rem;
background: rgba(15, 23, 42, 0.58);
}
#lddfw_thankyou.lddfw_lightbox:not([style*="display:none"]):not(
[style*="display: none"]
) {
display: flex !important;
align-items: center;
justify-content: center;
}
#lddfw_thankyou .lddfw_lightbox_wrap {
top: auto !important;
margin-top: 0 !important;
position: relative !important;
width: min(100%, 22rem);
max-width: 22rem;
padding: 0;
}
#lddfw_thankyou .lddfw_lightbox_wrap .container {
max-width: none;
padding: 0;
}
#lddfw_thankyou .lddfw_lightbox_wrap form .row {
margin: 0;
}
#lddfw_thankyou .lddfw_lightbox_wrap .col-12 {
text-align: center;
padding: 2rem 1.5rem 1.75rem;
background: #fff;
border: 1px solid #e9ecef;
border-radius: 16px;
box-shadow:
0 1px 2px rgba(15, 23, 42, 0.05),
0 24px 48px -12px rgba(15, 23, 42, 0.28);
}
#lddfw_thankyou .col-12 > svg.fa-check-circle {
display: block;
margin: 0 auto 1.15rem;
width: 3.75rem !important;
height: 3.75rem !important;
max-width: none;
padding: 0.65rem;
box-sizing: content-box;
border-radius: 50%;
background: #d1fae5;
color: #059669;
font-size: inherit !important;
}
#lddfw_thankyou .col-12 > svg.fa-check-circle path {
fill: currentColor;
}
#lddfw_thankyou h1 {
font-size: 1.5rem;
font-weight: 700;
color: #0f172a;
margin: 0 0 1rem;
line-height: 1.25;
letter-spacing: -0.02em;
}
#lddfw_thankyou #lddfw_next_delivery {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
flex-wrap: wrap;
font-size: 0.9rem;
color: #64748b;
margin: 0 0 1.35rem;
line-height: 1.45;
text-align: center;
}
#lddfw_thankyou #lddfw_next_delivery .spinner-border-sm {
position: static;
top: auto;
} #lddfw_thankyou #lddfw_next_delivery:has(.btn-primary) {
display: block;
padding: 0;
}
#lddfw_thankyou #lddfw_next_delivery b {
display: inline-block;
margin: 0.15rem 0 0.85rem;
color: #0f172a;
font-size: 0.95rem;
line-height: 1.4;
}
.dark #lddfw_thankyou #lddfw_next_delivery b {
color: #f1f5f9;
} #lddfw_thankyou #lddfw_next_delivery .btn,
#lddfw_thankyou #lddfw_next_delivery a.btn {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
} #lddfw_thankyou .col-12 .btn,
#lddfw_thankyou .col-12 a.btn,
#lddfw_thankyou .col-12 .lddfw_btn,
#lddfw_thankyou .col-12 .btn-lg,
#lddfw_thankyou .col-12 .btn-block,
#lddfw_thankyou .col-12 .btn-secondary,
#lddfw_thankyou .col-12 .lddfw_loader {
display: block !important;
width: 100% !important;
margin-top: 0 !important;
border-radius: 10px !important;
font-weight: 600 !important;
padding: 0.75rem 1rem !important;
font-size: 1rem !important;
line-height: 1.25 !important;
background-image: none !important;
box-shadow: none !important;
transition:
background-color 0.15s ease,
border-color 0.15s ease,
box-shadow 0.15s ease,
color 0.15s ease;
} #lddfw_thankyou .col-12 .btn-secondary,
#lddfw_thankyou .col-12 .btn-secondary.lddfw_loader {
background: #fff !important;
border: 1px solid #dee2e6 !important;
color: #212529 !important;
}
#lddfw_thankyou .col-12 .btn-secondary:hover,
#lddfw_thankyou .col-12 .btn-secondary:focus,
#lddfw_thankyou .col-12 .btn-secondary.lddfw_loader:hover,
#lddfw_thankyou .col-12 .btn-secondary.lddfw_loader:focus {
background: #f8f9fa !important;
border-color: #ced4da !important;
color: #212529 !important;
box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.15) !important;
} #lddfw_thankyou .col-12 .btn-primary {
background-color: #0d6efd !important;
border: 1px solid #0d6efd !important;
color: #fff !important;
}
#lddfw_thankyou .col-12 .btn-primary:hover,
#lddfw_thankyou .col-12 .btn-primary:focus {
background-color: #0b5ed7 !important;
border-color: #0a58ca !important;
box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.2) !important;
}
.dark #lddfw_thankyou.lddfw_lightbox {
background: rgba(15, 23, 42, 0.72);
}
.dark #lddfw_thankyou .lddfw_lightbox_wrap .col-12 {
background: #111a2e;
border-color: #334155;
box-shadow:
0 1px 0 rgba(255, 255, 255, 0.04),
0 24px 48px -12px rgba(0, 0, 0, 0.55);
}
.dark #lddfw_thankyou .col-12 > svg.fa-check-circle {
background: rgba(16, 185, 129, 0.18);
color: #34d399;
}
.dark #lddfw_thankyou h1 {
color: #f1f5f9;
}
.dark #lddfw_thankyou #lddfw_next_delivery {
color: #94a3b8;
}
.dark #lddfw_thankyou .col-12 .btn-secondary,
.dark #lddfw_thankyou .col-12 .btn-secondary.lddfw_loader {
background: #111a2e !important;
border-color: #334155 !important;
color: #e2e8f0 !important;
}
.dark #lddfw_thankyou .col-12 .btn-secondary:hover,
.dark #lddfw_thankyou .col-12 .btn-secondary:focus,
.dark #lddfw_thankyou .col-12 .btn-secondary.lddfw_loader:hover,
.dark #lddfw_thankyou .col-12 .btn-secondary.lddfw_loader:focus {
background: #1e293b !important;
border-color: #475569 !important;
color: #f1f5f9 !important;
box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.2) !important;
}
.dark #lddfw_thankyou .col-12 .btn-primary:hover,
.dark #lddfw_thankyou .col-12 .btn-primary:focus {
box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.35) !important;
} #lddfw_thankyou.lddfw_lightbox:not([style*="display:none"]):not(
[style*="display: none"]
)
.col-12
> svg.fa-check-circle {
animation: lddfw_thankyou_pop 0.55s cubic-bezier(0.22, 1.2, 0.36, 1) both;
}
#lddfw_thankyou.lddfw_lightbox:not([style*="display:none"]):not(
[style*="display: none"]
)
h1 {
animation: lddfw_thankyou_rise 0.45s ease 0.15s both;
}
@keyframes lddfw_thankyou_pop {
0% {
transform: scale(0.5);
opacity: 0;
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
}
60% {
transform: scale(1.08);
opacity: 1;
box-shadow: 0 0 0 10px rgba(16, 185, 129, 0.15);
}
100% {
transform: scale(1);
opacity: 1;
box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
}
}
@keyframes lddfw_thankyou_rise {
0% {
transform: translateY(6px);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
} @media (prefers-reduced-motion: reduce) {
#lddfw_thankyou.lddfw_lightbox:not([style*="display:none"]):not(
[style*="display: none"]
)
.col-12
> svg.fa-check-circle,
#lddfw_thankyou.lddfw_lightbox:not([style*="display:none"]):not(
[style*="display: none"]
)
h1 {
animation: none !important;
}
} #lddfw_order_out_for_delivery_alert.lddfw_lightbox {
text-align: left;
padding-top: 0;
padding: 1rem;
background: rgba(15, 23, 42, 0.58);
}
#lddfw_order_out_for_delivery_alert.lddfw_lightbox:not(
[style*="display:none"]
):not([style*="display: none"]) {
display: flex !important;
align-items: center;
justify-content: center;
}
#lddfw_order_out_for_delivery_alert .lddfw_lightbox_wrap {
top: auto !important;
margin-top: 0 !important;
position: relative !important;
width: min(100%, 22rem);
max-width: 22rem;
padding: 0;
}
#lddfw_order_out_for_delivery_alert .lddfw_lightbox_wrap .container {
padding: 0;
max-width: none;
}
#lddfw_order_out_for_delivery_alert .row {
margin-left: 0;
margin-right: 0;
}
#lddfw_order_out_for_delivery_alert .col-12 {
text-align: center;
padding: 2rem 1.5rem 1.5rem;
background: #fff;
border: 1px solid #e9ecef;
border-radius: 16px;
box-shadow:
0 1px 2px rgba(15, 23, 42, 0.05),
0 24px 48px -12px rgba(15, 23, 42, 0.28);
}
#lddfw_order_out_for_delivery_alert
#lddfw_order_out_for_delivery_success
svg.fa-check-circle {
display: block;
margin: 0 auto 1.15rem;
width: 3.75rem !important;
height: 3.75rem !important;
max-width: none;
padding: 0.65rem;
box-sizing: content-box;
border-radius: 50%;
background: #d1fae5;
color: #059669;
font-size: inherit !important;
}
#lddfw_order_out_for_delivery_alert
#lddfw_order_out_for_delivery_failed
svg.fa-times-circle {
display: block;
margin: 0 auto 1.15rem;
width: 3.75rem !important;
height: 3.75rem !important;
max-width: none;
padding: 0.65rem;
box-sizing: content-box;
border-radius: 50%;
background: #fee2e2;
color: #dc2626;
font-size: inherit !important;
}
#lddfw_order_out_for_delivery_alert h2.lddfw_notice {
font-size: 1.125rem;
font-weight: 700;
color: #0f172a;
margin: 0 0 1.25rem;
line-height: 1.45;
letter-spacing: -0.02em;
}
#lddfw_order_out_for_delivery_alert #lddfw_order_out_for_delivery_failed_alert {
margin: 0 0 1.25rem;
text-align: left;
font-size: 0.9rem;
color: #475569;
}
#lddfw_order_out_for_delivery_alert
#lddfw_order_out_for_delivery_failed_alert
.alert {
margin-bottom: 0;
border-radius: 10px;
text-align: left;
}
#lddfw_order_out_for_delivery_alert .btn {
margin-top: 0 !important;
border-radius: 10px !important;
font-weight: 600 !important;
padding: 0.75rem 1rem !important;
font-size: 1rem !important;
box-shadow: none !important;
transition:
background-color 0.15s ease,
border-color 0.15s ease,
box-shadow 0.15s ease;
}
#lddfw_order_out_for_delivery_alert .btn + .btn {
margin-top: 0.65rem !important;
}
#lddfw_order_out_for_delivery_alert .btn-primary {
background-color: #0d6efd !important;
border-color: #0d6efd !important;
color: #fff !important;
}
#lddfw_order_out_for_delivery_alert .btn-primary:hover,
#lddfw_order_out_for_delivery_alert .btn-primary:focus {
background-color: #0b5ed7 !important;
border-color: #0a58ca !important;
box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25) !important;
}
#lddfw_order_out_for_delivery_alert .btn-secondary {
background-color: #fff !important;
border: 1px solid #dee2e6 !important;
color: #212529 !important;
}
#lddfw_order_out_for_delivery_alert .btn-secondary:hover,
#lddfw_order_out_for_delivery_alert .btn-secondary:focus {
background-color: #f8f9fa !important;
border-color: #ced4da !important;
box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.15) !important;
}
.dark #lddfw_order_out_for_delivery_alert.lddfw_lightbox {
background: rgba(15, 23, 42, 0.72);
}
.dark #lddfw_order_out_for_delivery_alert .col-12 {
background: #111a2e;
border-color: #334155;
box-shadow:
0 1px 0 rgba(255, 255, 255, 0.04),
0 24px 48px -12px rgba(0, 0, 0, 0.55);
}
.dark
#lddfw_order_out_for_delivery_alert
#lddfw_order_out_for_delivery_success
svg.fa-check-circle {
background: rgba(16, 185, 129, 0.18);
color: #34d399;
}
.dark
#lddfw_order_out_for_delivery_alert
#lddfw_order_out_for_delivery_failed
svg.fa-times-circle {
background: rgba(248, 113, 113, 0.15);
color: #f87171;
}
.dark #lddfw_order_out_for_delivery_alert h2.lddfw_notice {
color: #f1f5f9;
}
.dark
#lddfw_order_out_for_delivery_alert
#lddfw_order_out_for_delivery_failed_alert {
color: #cbd5e1;
}
.dark #lddfw_order_out_for_delivery_alert .btn-primary:hover,
.dark #lddfw_order_out_for_delivery_alert .btn-primary:focus {
box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.35) !important;
}
.dark #lddfw_order_out_for_delivery_alert .btn-secondary {
background-color: #111a2e !important;
border-color: #334155 !important;
color: #e2e8f0 !important;
}
.dark #lddfw_order_out_for_delivery_alert .btn-secondary:hover,
.dark #lddfw_order_out_for_delivery_alert .btn-secondary:focus {
background-color: #1e293b !important;
border-color: #475569 !important;
box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.2) !important;
} #lddfw_unassign_alert.lddfw_lightbox {
text-align: left;
padding-top: 0;
padding: 1rem;
background: rgba(15, 23, 42, 0.58);
}
#lddfw_unassign_alert.lddfw_lightbox:not([style*="display:none"]):not(
[style*="display: none"]
) {
display: flex !important;
align-items: center;
justify-content: center;
}
#lddfw_unassign_alert .lddfw_lightbox_wrap {
top: auto !important;
margin-top: 0 !important;
position: relative !important;
width: min(100%, 22rem);
max-width: 22rem;
padding: 0;
}
#lddfw_unassign_alert .lddfw_lightbox_wrap .container {
padding: 0;
max-width: none;
}
#lddfw_unassign_alert .row {
margin-left: 0;
margin-right: 0;
}
#lddfw_unassign_alert .col-12 {
text-align: center;
padding: 2rem 1.5rem 1.5rem;
background: #fff;
border: 1px solid #e9ecef;
border-radius: 16px;
box-shadow:
0 1px 2px rgba(15, 23, 42, 0.05),
0 24px 48px -12px rgba(15, 23, 42, 0.28);
}
#lddfw_unassign_alert #lddfw_unassign_success svg.fa-check-circle {
display: block;
margin: 0 auto 1.15rem;
width: 3.75rem !important;
height: 3.75rem !important;
max-width: none;
padding: 0.65rem;
box-sizing: content-box;
border-radius: 50%;
background: #d1fae5;
color: #059669;
font-size: inherit !important;
}
#lddfw_unassign_alert #lddfw_unassign_failed svg.fa-times-circle {
display: block;
margin: 0 auto 1.15rem;
width: 3.75rem !important;
height: 3.75rem !important;
max-width: none;
padding: 0.65rem;
box-sizing: content-box;
border-radius: 50%;
background: #fee2e2;
color: #dc2626;
font-size: inherit !important;
}
#lddfw_unassign_alert #lddfw_unassign_success .lddfw_notice {
margin: 0 0 1.25rem;
text-align: center;
}
#lddfw_unassign_alert #lddfw_unassign_success .lddfw_notice h2 {
font-size: 1.125rem;
font-weight: 700;
color: #0f172a;
margin: 0;
line-height: 1.45;
letter-spacing: -0.02em;
}
#lddfw_unassign_alert #lddfw_unassign_failed .lddfw_notice {
margin: 0 0 1.25rem;
text-align: left;
font-size: 0.9rem;
color: #475569;
}
#lddfw_unassign_alert #lddfw_unassign_failed .lddfw_notice .alert {
margin-bottom: 0;
border-radius: 10px;
text-align: left;
}
#lddfw_unassign_alert .btn {
margin-top: 0 !important;
border-radius: 10px !important;
font-weight: 600 !important;
padding: 0.75rem 1rem !important;
font-size: 1rem !important;
box-shadow: none !important;
transition:
background-color 0.15s ease,
border-color 0.15s ease,
box-shadow 0.15s ease;
}
#lddfw_unassign_alert .btn + .btn {
margin-top: 0.65rem !important;
}
#lddfw_unassign_alert .btn-primary {
background-color: #0d6efd !important;
border-color: #0d6efd !important;
color: #fff !important;
}
#lddfw_unassign_alert .btn-primary:hover,
#lddfw_unassign_alert .btn-primary:focus {
background-color: #0b5ed7 !important;
border-color: #0a58ca !important;
box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25) !important;
}
#lddfw_unassign_alert .btn-secondary {
background-color: #fff !important;
border: 1px solid #dee2e6 !important;
color: #212529 !important;
}
#lddfw_unassign_alert .btn-secondary:hover,
#lddfw_unassign_alert .btn-secondary:focus {
background-color: #f8f9fa !important;
border-color: #ced4da !important;
box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.15) !important;
}
.dark #lddfw_unassign_alert.lddfw_lightbox {
background: rgba(15, 23, 42, 0.72);
}
.dark #lddfw_unassign_alert .col-12 {
background: #111a2e;
border-color: #334155;
box-shadow:
0 1px 0 rgba(255, 255, 255, 0.04),
0 24px 48px -12px rgba(0, 0, 0, 0.55);
}
.dark #lddfw_unassign_alert #lddfw_unassign_success svg.fa-check-circle {
background: rgba(16, 185, 129, 0.18);
color: #34d399;
}
.dark #lddfw_unassign_alert #lddfw_unassign_failed svg.fa-times-circle {
background: rgba(248, 113, 113, 0.15);
color: #f87171;
}
.dark #lddfw_unassign_alert #lddfw_unassign_success .lddfw_notice h2 {
color: #f1f5f9;
}
.dark #lddfw_unassign_alert #lddfw_unassign_failed .lddfw_notice {
color: #cbd5e1;
}
.dark #lddfw_unassign_alert .btn-primary:hover,
.dark #lddfw_unassign_alert .btn-primary:focus {
box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.35) !important;
}
.dark #lddfw_unassign_alert .btn-secondary {
background-color: #111a2e !important;
border-color: #334155 !important;
color: #e2e8f0 !important;
}
.dark #lddfw_unassign_alert .btn-secondary:hover,
.dark #lddfw_unassign_alert .btn-secondary:focus {
background-color: #1e293b !important;
border-color: #475569 !important;
box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.2) !important;
} #lddfw_order_claim_alert.lddfw_lightbox {
text-align: left;
padding-top: 0;
padding: 1rem;
background: rgba(15, 23, 42, 0.58);
}
#lddfw_order_claim_alert.lddfw_lightbox:not([style*="display:none"]):not(
[style*="display: none"]
) {
display: flex !important;
align-items: center;
justify-content: center;
}
#lddfw_order_claim_alert .lddfw_lightbox_wrap {
top: auto !important;
margin-top: 0 !important;
position: relative !important;
width: min(100%, 22rem);
max-width: 22rem;
padding: 0;
}
#lddfw_order_claim_alert .lddfw_lightbox_wrap .container {
padding: 0;
max-width: none;
}
#lddfw_order_claim_alert .row {
margin-left: 0;
margin-right: 0;
}
#lddfw_order_claim_alert .col-12 {
text-align: center;
padding: 2rem 1.5rem 1.5rem;
background: #fff;
border: 1px solid #e9ecef;
border-radius: 16px;
box-shadow:
0 1px 2px rgba(15, 23, 42, 0.05),
0 24px 48px -12px rgba(15, 23, 42, 0.28);
}
#lddfw_order_claim_alert #lddfw_order_claim_success svg.fa-check-circle {
display: block;
margin: 0 auto 1.15rem;
width: 3.75rem !important;
height: 3.75rem !important;
max-width: none;
padding: 0.65rem;
box-sizing: content-box;
border-radius: 50%;
background: #d1fae5;
color: #059669;
font-size: inherit !important;
}
#lddfw_order_claim_alert #lddfw_order_claim_failed svg.fa-times-circle {
display: block;
margin: 0 auto 1.15rem;
width: 3.75rem !important;
height: 3.75rem !important;
max-width: none;
padding: 0.65rem;
box-sizing: content-box;
border-radius: 50%;
background: #fee2e2;
color: #dc2626;
font-size: inherit !important;
}
#lddfw_order_claim_alert #lddfw_order_claim_success .lddfw_notice {
margin: 0 0 1.25rem;
text-align: center;
}
#lddfw_order_claim_alert #lddfw_order_claim_success .lddfw_notice h2 {
font-size: 1.125rem;
font-weight: 700;
color: #0f172a;
margin: 0;
line-height: 1.45;
letter-spacing: -0.02em;
}
#lddfw_order_claim_alert #lddfw_order_claim_failed_alert {
margin: 0 0 1.25rem;
text-align: left;
font-size: 0.9rem;
color: #475569;
}
#lddfw_order_claim_alert #lddfw_order_claim_failed_alert .alert {
margin-bottom: 0;
border-radius: 10px;
text-align: left;
}
#lddfw_order_claim_alert .btn {
margin-top: 0 !important;
border-radius: 10px !important;
font-weight: 600 !important;
padding: 0.75rem 1rem !important;
font-size: 1rem !important;
box-shadow: none !important;
transition:
background-color 0.15s ease,
border-color 0.15s ease,
box-shadow 0.15s ease;
}
#lddfw_order_claim_alert .btn + .btn {
margin-top: 0.65rem !important;
}
#lddfw_order_claim_alert .btn-primary {
background-color: #0d6efd !important;
border-color: #0d6efd !important;
color: #fff !important;
}
#lddfw_order_claim_alert .btn-primary:hover,
#lddfw_order_claim_alert .btn-primary:focus {
background-color: #0b5ed7 !important;
border-color: #0a58ca !important;
box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25) !important;
}
#lddfw_order_claim_alert .btn-secondary {
background-color: #fff !important;
border: 1px solid #dee2e6 !important;
color: #212529 !important;
}
#lddfw_order_claim_alert .btn-secondary:hover,
#lddfw_order_claim_alert .btn-secondary:focus {
background-color: #f8f9fa !important;
border-color: #ced4da !important;
box-shadow: 0 0 0 3px rgba(108, 117, 125, 0.15) !important;
}
.dark #lddfw_order_claim_alert.lddfw_lightbox {
background: rgba(15, 23, 42, 0.72);
}
.dark #lddfw_order_claim_alert .col-12 {
background: #111a2e;
border-color: #334155;
box-shadow:
0 1px 0 rgba(255, 255, 255, 0.04),
0 24px 48px -12px rgba(0, 0, 0, 0.55);
}
.dark #lddfw_order_claim_alert #lddfw_order_claim_success svg.fa-check-circle {
background: rgba(16, 185, 129, 0.18);
color: #34d399;
}
.dark #lddfw_order_claim_alert #lddfw_order_claim_failed svg.fa-times-circle {
background: rgba(248, 113, 113, 0.15);
color: #f87171;
}
.dark #lddfw_order_claim_alert #lddfw_order_claim_success .lddfw_notice h2 {
color: #f1f5f9;
}
.dark #lddfw_order_claim_alert #lddfw_order_claim_failed_alert {
color: #cbd5e1;
}
.dark #lddfw_order_claim_alert .btn-primary:hover,
.dark #lddfw_order_claim_alert .btn-primary:focus {
box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.35) !important;
}
.dark #lddfw_order_claim_alert .btn-secondary {
background-color: #111a2e !important;
border-color: #334155 !important;
color: #e2e8f0 !important;
}
.dark #lddfw_order_claim_alert .btn-secondary:hover,
.dark #lddfw_order_claim_alert .btn-secondary:focus {
background-color: #1e293b !important;
border-color: #475569 !important;
box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.2) !important;
}  #lddfw_delivery_screen .delivery_proof_bar a {
position: relative;
overflow: visible;
} #lddfw_delivery_screen .delivery_proof_bar a .lddfw_proof_done_badge {
position: absolute;
top: -6px;
right: -6px;
width: 1.1rem !important;
height: 1.1rem !important;
margin: 0;
padding: 0.18rem;
border-radius: 999px;
background: #22c55e;
color: #fff;
box-shadow:
0 0 0 2px #fff,
0 2px 6px rgba(16, 185, 129, 0.35);
opacity: 0;
transform: scale(0.6);
transition:
opacity 0.15s ease,
transform 0.15s ease;
pointer-events: none;
}
#lddfw_delivery_screen
.delivery_proof_bar
a.lddfw_proof_done
.lddfw_proof_done_badge {
opacity: 1;
transform: scale(1);
} #lddfw_delivery_screen .delivery_proof_bar a.lddfw_proof_done:not(.active) {
background: #ecfdf5;
border-color: #a7f3d0;
color: #047857;
}
#lddfw_delivery_screen
.delivery_proof_bar
a.lddfw_proof_done:not(.active)
svg:not(.lddfw_proof_done_badge) {
color: #059669;
opacity: 1;
} #lddfw_delivery_screen .delivery_proof_bar a.lddfw_proof_required::after {
content: "";
position: absolute;
top: -4px;
left: -4px;
width: 0.55rem;
height: 0.55rem;
border-radius: 999px;
background: #ef4444;
box-shadow:
0 0 0 2px #fff,
0 0 0 4px rgba(239, 68, 68, 0.25);
animation: lddfw_proof_pulse 1.8s ease-in-out infinite;
pointer-events: none;
}
@keyframes lddfw_proof_pulse {
0%,
100% {
box-shadow:
0 0 0 2px #fff,
0 0 0 4px rgba(239, 68, 68, 0.25);
}
50% {
box-shadow:
0 0 0 2px #fff,
0 0 0 7px rgba(239, 68, 68, 0.12);
}
} .dark #lddfw_delivery_screen .delivery_proof_bar a .lddfw_proof_done_badge {
box-shadow:
0 0 0 2px #0f172a,
0 2px 6px rgba(16, 185, 129, 0.45);
}
.dark
#lddfw_delivery_screen
.delivery_proof_bar
a.lddfw_proof_done:not(.active) {
background: rgba(16, 185, 129, 0.14);
border-color: rgba(16, 185, 129, 0.4);
color: #6ee7b7;
}
.dark
#lddfw_delivery_screen
.delivery_proof_bar
a.lddfw_proof_done:not(.active)
svg:not(.lddfw_proof_done_badge) {
color: #6ee7b7;
}
.dark #lddfw_delivery_screen .delivery_proof_bar a.lddfw_proof_required::after {
box-shadow:
0 0 0 2px #0f172a,
0 0 0 4px rgba(239, 68, 68, 0.3);
}  #lddfw_delivery_screen
.delivery_proof_buttons
.btn-primary.lddfw_btn[delivery="success"] {
background: linear-gradient(135deg, #15803d 0%, #16a34a 100%) !important;
background-image: linear-gradient(
135deg,
#15803d 0%,
#16a34a 100%
) !important;
box-shadow: 0 2px 6px rgba(21, 128, 61, 0.28) !important;
}
#lddfw_delivery_screen
.delivery_proof_buttons
.btn-primary.lddfw_btn[delivery="success"]:hover,
#lddfw_delivery_screen
.delivery_proof_buttons
.btn-primary.lddfw_btn[delivery="success"]:focus {
filter: brightness(1.08) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(21, 128, 61, 0.35) !important;
} #lddfw_delivery_screen
.delivery_proof_buttons
.btn-primary.lddfw_btn[delivery="failed"] {
background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%) !important;
background-image: linear-gradient(
135deg,
#dc2626 0%,
#ef4444 100%
) !important;
box-shadow: 0 2px 6px rgba(220, 38, 38, 0.28) !important;
}
#lddfw_delivery_screen
.delivery_proof_buttons
.btn-primary.lddfw_btn[delivery="failed"]:hover,
#lddfw_delivery_screen
.delivery_proof_buttons
.btn-primary.lddfw_btn[delivery="failed"]:focus {
filter: brightness(1.08) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(220, 38, 38, 0.36) !important;
}
.dark
#lddfw_delivery_screen
.delivery_proof_buttons
.btn-primary.lddfw_btn[delivery="success"]:hover,
.dark
#lddfw_delivery_screen
.delivery_proof_buttons
.btn-primary.lddfw_btn[delivery="success"]:focus {
box-shadow: 0 4px 14px rgba(21, 128, 61, 0.32) !important;
}
.dark
#lddfw_delivery_screen
.delivery_proof_buttons
.btn-primary.lddfw_btn[delivery="failed"]:hover,
.dark
#lddfw_delivery_screen
.delivery_proof_buttons
.btn-primary.lddfw_btn[delivery="failed"]:focus {
box-shadow: 0 4px 14px rgba(248, 113, 113, 0.32) !important;
} .lddfw_lightbox.lddfw_alert_screen:not([style*="display:none"]):not(
[style*="display: none"]
) {
display: flex !important;
align-items: center;
justify-content: center;
background: rgba(15, 23, 42, 0.58);
padding: 1rem;
z-index: 10040;
}
.lddfw_lightbox.lddfw_alert_screen .lddfw_lightbox_wrap {
width: min(100%, 22rem);
max-width: 22rem;
flex: 0 1 auto;
position: relative;
padding: 0;
top: auto;
left: auto;
transform: none;
}
.lddfw_lightbox.lddfw_alert_screen .lddfw_lightbox_wrap > .container {
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 1.5rem 1.25rem 1.25rem;
box-shadow: 0 24px 48px rgba(15, 23, 42, 0.2);
max-width: none;
}
.lddfw_lightbox.lddfw_alert_screen .lddfw_lightbox_close {
position: absolute;
top: 0.5rem;
right: 0.75rem;
color: #94a3b8;
background: transparent;
border: 0;
font-size: 1.5rem;
line-height: 1;
padding: 0.25rem 0.5rem;
border-radius: 8px;
text-decoration: none;
z-index: 2;
}
.lddfw_lightbox.lddfw_alert_screen .lddfw_lightbox_close:hover,
.lddfw_lightbox.lddfw_alert_screen .lddfw_lightbox_close:focus {
color: #475569;
background: #f1f5f9;
}
.lddfw_lightbox.lddfw_alert_screen .row {
margin: 0;
row-gap: 0.75rem;
}
.lddfw_lightbox.lddfw_alert_screen .col-12 {
padding-left: 0;
padding-right: 0;
}
.lddfw_lightbox.lddfw_alert_screen svg {
width: 2.25rem;
height: 2.25rem;
color: #f59e0b;
margin: 0.25rem auto 0.25rem;
display: inline-block;
}
.lddfw_lightbox.lddfw_alert_screen h2 {
font-size: 1rem;
font-weight: 600;
color: #0f172a;
margin: 0.25rem 0 0.5rem;
line-height: 1.4;
text-align: center;
}
.lddfw_lightbox.lddfw_alert_screen .btn-primary {
border-radius: 10px !important;
font-weight: 600 !important;
padding: 0.75rem 1rem !important;
background-color: #0d6efd !important;
border-color: #0d6efd !important;
box-shadow: none !important;
}
.lddfw_lightbox.lddfw_alert_screen .btn-primary:hover,
.lddfw_lightbox.lddfw_alert_screen .btn-primary:focus {
background-color: #0b5ed7 !important;
border-color: #0a58ca !important;
box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.2) !important;
} .dark .lddfw_lightbox.lddfw_alert_screen .lddfw_lightbox_wrap > .container {
background: #111a2e;
border-color: #1f2a44;
box-shadow: 0 24px 48px rgba(0, 0, 0, 0.5);
}
.dark .lddfw_lightbox.lddfw_alert_screen h2 {
color: #f1f5f9;
}
.dark .lddfw_lightbox.lddfw_alert_screen svg {
color: #fbbf24;
}
.dark .lddfw_lightbox.lddfw_alert_screen .lddfw_lightbox_close {
color: #64748b;
}
.dark .lddfw_lightbox.lddfw_alert_screen .lddfw_lightbox_close:hover,
.dark .lddfw_lightbox.lddfw_alert_screen .lddfw_lightbox_close:focus {
color: #e2e8f0;
background: #1e293b;
}
.btn-group-lg > .btn,
.btn-lg {
font-size: 16px;
font-weight: 600 !important;
}
.btn-danger {
color: #fff;
background-color: #dc3545 !important;
border-color: #dc3545 !important;
}
.btn-success {
color: #fff;
background-color: #157347 !important;
border-color: #146c43 !important;
}  #lddfw_delivery_screen .delivery_header {
height: auto !important;
min-height: 3.5rem;
padding-top: 0 !important;
padding-bottom: 0 !important;
line-height: normal;
display: flex;
align-items: center;
} #lddfw_delivery_screen .delivery_header > .container {
width: 100%;
} #lddfw_delivery_screen #lddfw_delivered_form .delivery_header .container,
#lddfw_delivery_screen #lddfw_failed_delivery_form .delivery_header .container {
max-width: 100%;
padding-left: max(1rem, env(safe-area-inset-left, 0px));
padding-right: max(1rem, env(safe-area-inset-right, 0px));
} #lddfw_delivery_screen #lddfw_delivered_form .delivery_header .row,
#lddfw_delivery_screen #lddfw_failed_delivery_form .delivery_header .row,
#lddfw_delivery_screen #lddfw_delivery_signature .delivery_header .row,
#lddfw_delivery_screen #lddfw_delivery_photo .delivery_header .row {
align-items: center;
min-height: 2.75rem;
flex-wrap: nowrap;
gap: 0.5rem;
margin: 0;
} #lddfw_delivery_screen .delivery_header .lddfw_column:first-child {
flex: 1 1 auto;
max-width: none;
min-width: 0;
padding-left: 0;
padding-right: 0;
}
#lddfw_delivery_screen .delivery_header .col-2,
#lddfw_delivery_screen .delivery_header .col-5.text-right {
flex: 0 0 auto;
width: auto;
max-width: none;
padding-left: 0.25rem;
padding-right: 0;
} #lddfw_delivery_screen .delivery_header .lddfw_column:first-child {
position: relative;
display: flex;
align-items: center;
gap: 0.65rem;
} #lddfw_delivery_screen .delivery_header .lddfw_column:first-child::before {
content: "";
flex: 0 0 auto;
width: 2.25rem;
height: 2.25rem;
border-radius: 10px;
background-color: #e2e8f0;
box-shadow:
inset 0 0 0 1px rgba(15, 23, 42, 0.04),
0 1px 2px rgba(15, 23, 42, 0.04);
} #lddfw_delivery_screen .delivery_header .lddfw_column:first-child::after {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 2.25rem;
height: 2.25rem;
pointer-events: none;
background-color: #0f172a;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: 1rem 1rem;
mask-size: 1rem 1rem;
} #lddfw_delivered_form .delivery_header .lddfw_column:first-child::before,
#lddfw_failed_delivery_form .delivery_header .lddfw_column:first-child::before {
background-color: #eef2ff;
box-shadow: inset 0 0 0 1px rgba(67, 56, 202, 0.12);
}
#lddfw_delivered_form .delivery_header .lddfw_column:first-child::after,
#lddfw_failed_delivery_form .delivery_header .lddfw_column:first-child::after {
background-color: #4338ca;
-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 40c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm144 418c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V118c0-3.3 2.7-6 6-6h42v36c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-36h42c3.3 0 6 2.7 6 6z'/></svg>");
mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path d='M336 64h-80c0-35.3-28.7-64-64-64s-64 28.7-64 64H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h288c26.5 0 48-21.5 48-48V112c0-26.5-21.5-48-48-48zM192 40c13.3 0 24 10.7 24 24s-10.7 24-24 24-24-10.7-24-24 10.7-24 24-24zm144 418c0 3.3-2.7 6-6 6H54c-3.3 0-6-2.7-6-6V118c0-3.3 2.7-6 6-6h42v36c0 6.6 5.4 12 12 12h168c6.6 0 12-5.4 12-12v-36h42c3.3 0 6 2.7 6 6z'/></svg>");
}
#lddfw_delivery_signature .delivery_header .lddfw_column:first-child::before {
background-color: #eff6ff;
box-shadow: inset 0 0 0 1px rgba(13, 110, 253, 0.14);
}
#lddfw_delivery_signature .delivery_header .lddfw_column:first-child::after {
background-color: #0d6efd;
-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path d='M623.2 192c-51.8 3.5-125.7 54.7-163.1 71.5-29.1 13.1-54.2 24.4-76.1 24.4-22.6 0-26-16.2-21.3-51.9 1.1-8 11.7-79.2-42.7-76.1-25.1 1.5-64.3 24.8-169.5 126L192 182.2c30.4-75.9-53.2-151.5-129.7-102.8L7.4 116.3C0 121-2.2 130.9 2.5 138.4l17.2 27c4.7 7.5 14.6 9.7 22.1 4.9l58-38.9c18.4-11.7 40.7 7.2 32.7 27.1L34.3 404.1C27.5 421 37 448 64 448c8.3 0 16.5-3.2 22.6-9.4 42.2-42.2 154.7-150.7 211.2-195.8-2.2 28.5-2.1 58.9 20.6 83.8 15.3 16.8 37.3 25.3 65.5 25.3 35.6 0 68-14.6 102.3-30 33-14.8 99-62.6 138.4-65.8 8.5-.7 15.2-7.3 15.2-15.8v-32.1c.2-9.1-7.5-16.8-16.6-16.2z'/></svg>");
mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path d='M623.2 192c-51.8 3.5-125.7 54.7-163.1 71.5-29.1 13.1-54.2 24.4-76.1 24.4-22.6 0-26-16.2-21.3-51.9 1.1-8 11.7-79.2-42.7-76.1-25.1 1.5-64.3 24.8-169.5 126L192 182.2c30.4-75.9-53.2-151.5-129.7-102.8L7.4 116.3C0 121-2.2 130.9 2.5 138.4l17.2 27c4.7 7.5 14.6 9.7 22.1 4.9l58-38.9c18.4-11.7 40.7 7.2 32.7 27.1L34.3 404.1C27.5 421 37 448 64 448c8.3 0 16.5-3.2 22.6-9.4 42.2-42.2 154.7-150.7 211.2-195.8-2.2 28.5-2.1 58.9 20.6 83.8 15.3 16.8 37.3 25.3 65.5 25.3 35.6 0 68-14.6 102.3-30 33-14.8 99-62.6 138.4-65.8 8.5-.7 15.2-7.3 15.2-15.8v-32.1c.2-9.1-7.5-16.8-16.6-16.2z'/></svg>");
}
#lddfw_delivery_photo .delivery_header .lddfw_column:first-child::before {
background-color: #ecfdf5;
box-shadow: inset 0 0 0 1px rgba(5, 150, 105, 0.16);
}
#lddfw_delivery_photo .delivery_header .lddfw_column:first-child::after {
background-color: #059669;
-webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M512 144v288c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48h88l12.3-32.9c7-18.7 24.9-31.1 44.9-31.1h125.5c20 0 37.9 12.4 44.9 31.1L376 96h88c26.5 0 48 21.5 48 48zM376 288c0-66.2-53.8-120-120-120s-120 53.8-120 120 53.8 120 120 120 120-53.8 120-120zm-32 0c0 48.5-39.5 88-88 88s-88-39.5-88-88 39.5-88 88-88 88 39.5 88 88z'/></svg>");
mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M512 144v288c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48h88l12.3-32.9c7-18.7 24.9-31.1 44.9-31.1h125.5c20 0 37.9 12.4 44.9 31.1L376 96h88c26.5 0 48 21.5 48 48zM376 288c0-66.2-53.8-120-120-120s-120 53.8-120 120 53.8 120 120 120 120-53.8 120-120zm-32 0c0 48.5-39.5 88-88 88s-88-39.5-88-88 39.5-88 88-88 88 39.5 88 88z'/></svg>");
} #lddfw_delivery_screen .delivery_header .lddfw_column:first-child h4 {
font-size: 1.02rem;
font-weight: 700;
color: #0f172a;
line-height: 1.2 !important;
margin: 0 !important;
padding: 0;
letter-spacing: -0.02em;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
align-self: center;
} #lddfw_delivery_screen
#lddfw_delivery_signature
.delivery_header
.signature-clear,
#lddfw_delivery_screen #lddfw_delivery_photo #delivery-image-clear {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
min-width: 2.5rem;
border-radius: 12px;
background: #fff;
border: 1px solid #e2e8f0;
color: #475569;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
transition:
background-color 0.15s ease,
border-color 0.15s ease,
color 0.15s ease,
box-shadow 0.15s ease;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
.delivery_header
.signature-clear:hover,
#lddfw_delivery_screen
#lddfw_delivery_signature
.delivery_header
.signature-clear:focus,
#lddfw_delivery_screen #lddfw_delivery_photo #delivery-image-clear:hover,
#lddfw_delivery_screen #lddfw_delivery_photo #delivery-image-clear:focus {
background: #fff1f2;
border-color: #fecaca;
color: #b91c1c;
box-shadow: 0 0 0 3px rgba(248, 113, 113, 0.18);
}
#lddfw_delivery_screen
#lddfw_delivery_signature
.delivery_header
.signature-clear
svg,
#lddfw_delivery_screen #lddfw_delivery_photo #delivery-image-clear svg {
width: 1rem;
height: 1rem;
} #lddfw_delivery_screen
#lddfw_delivery_signature
#lddfw_driver_add_signature_btn,
#lddfw_delivery_screen #lddfw_delivery_photo #lddfw_driver_add_photo_btn,
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file,
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file-label {
width: 6.5rem !important;
min-width: 6.5rem !important;
height: 2.5rem !important;
min-height: 2.5rem !important;
margin: 0 !important;
border-radius: 12px !important;
font-weight: 600 !important;
padding: 0 0.85rem !important;
font-size: 0.875rem !important;
line-height: 1.2 !important;
background: #0d6efd !important;
border: 1px solid #0d6efd !important;
color: #fff !important;
box-shadow:
0 1px 2px rgba(13, 110, 253, 0.2),
0 8px 20px -10px rgba(13, 110, 253, 0.5) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0.4rem !important;
white-space: nowrap;
} #lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file-label::after {
content: none !important;
display: none !important;
} #lddfw_delivery_screen #lddfw_delivery_photo #lddfw_driver_add_photo_btn {
overflow: hidden !important;
align-self: center;
top: 2px;
}
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file-input {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
opacity: 0 !important;
cursor: pointer !important;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
#lddfw_driver_add_signature_btn {
align-self: center;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
#lddfw_driver_add_signature_btn:hover,
#lddfw_delivery_screen
#lddfw_delivery_signature
#lddfw_driver_add_signature_btn:focus,
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file-label:hover,
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file-label:focus {
background: #0b5ed7 !important;
border-color: #0a58ca !important;
box-shadow:
0 1px 2px rgba(13, 110, 253, 0.25),
0 0 0 3px rgba(13, 110, 253, 0.2) !important;
}
#lddfw_delivery_screen
#lddfw_delivery_signature
#lddfw_driver_add_signature_btn
svg,
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file-label
svg {
width: 0.9em;
height: 0.9em;
color: currentColor;
} .dark #lddfw_delivered_form .delivery_header .lddfw_column:first-child::before,
.dark
#lddfw_failed_delivery_form
.delivery_header
.lddfw_column:first-child::before {
background-color: rgba(99, 102, 241, 0.14);
box-shadow: inset 0 0 0 1px rgba(129, 140, 248, 0.25);
}
.dark #lddfw_delivered_form .delivery_header .lddfw_column:first-child::after,
.dark
#lddfw_failed_delivery_form
.delivery_header
.lddfw_column:first-child::after {
background-color: #a5b4fc;
}
.dark
#lddfw_delivery_signature
.delivery_header
.lddfw_column:first-child::before {
background-color: rgba(59, 130, 246, 0.16);
box-shadow: inset 0 0 0 1px rgba(96, 165, 250, 0.28);
}
.dark
#lddfw_delivery_signature
.delivery_header
.lddfw_column:first-child::after {
background-color: #60a5fa;
}
.dark #lddfw_delivery_photo .delivery_header .lddfw_column:first-child::before {
background-color: rgba(16, 185, 129, 0.14);
box-shadow: inset 0 0 0 1px rgba(52, 211, 153, 0.28);
}
.dark #lddfw_delivery_photo .delivery_header .lddfw_column:first-child::after {
background-color: #34d399;
} .dark #lddfw_delivery_screen .delivery_header .lddfw_column:first-child h4 {
color: #f1f5f9 !important;
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.delivery_header
.signature-clear,
.dark #lddfw_delivery_screen #lddfw_delivery_photo #delivery-image-clear {
background: #111a2e;
border-color: #334155;
color: #94a3b8;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.delivery_header
.signature-clear:hover,
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
.delivery_header
.signature-clear:focus,
.dark #lddfw_delivery_screen #lddfw_delivery_photo #delivery-image-clear:hover,
.dark #lddfw_delivery_screen #lddfw_delivery_photo #delivery-image-clear:focus {
background: rgba(220, 38, 38, 0.18);
border-color: rgba(248, 113, 113, 0.5);
color: #fca5a5;
} .dark
#lddfw_delivery_screen
#lddfw_delivery_signature
#lddfw_driver_add_signature_btn,
.dark #lddfw_delivery_screen #lddfw_delivery_photo #lddfw_driver_add_photo_btn,
.dark
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file,
.dark
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file-label {
background: #0d6efd !important;
background-color: #0d6efd !important;
border: 1px solid #0d6efd !important;
border-color: #0d6efd !important;
color: #fff !important;
box-shadow:
0 1px 2px rgba(13, 110, 253, 0.35),
0 8px 20px -10px rgba(13, 110, 253, 0.6) !important;
}
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
#lddfw_driver_add_signature_btn:hover,
.dark
#lddfw_delivery_screen
#lddfw_delivery_signature
#lddfw_driver_add_signature_btn:focus,
.dark
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file-label:hover,
.dark
#lddfw_delivery_screen
#lddfw_delivery_photo
#lddfw_driver_add_photo_btn
.custom-file-label:focus {
background: #0b5ed7 !important;
background-color: #0b5ed7 !important;
border-color: #0a58ca !important;
box-shadow:
0 1px 2px rgba(13, 110, 253, 0.3),
0 0 0 3px rgba(13, 110, 253, 0.25) !important;
}
.lddfw_proof_done_badge {
display: none;
}
.lddfw_proof_done .lddfw_proof_done_badge {
display: block;
}  .lddfw-assign-screen .lddfw-preview-route-row,
.lddfw_footer_buttons.lddfw-assign-footer .lddfw-preview-route-row {
display: block !important;
width: 100% !important;
margin: 0 0 0.6rem 0 !important;
padding: 0 !important;
clear: both !important;
} .lddfw-assign-screen
.lddfw-preview-route-row:not(:has(a:not([style*="display:none"]))),
.lddfw_footer_buttons.lddfw-assign-footer
.lddfw-preview-route-row:not(:has(a:not([style*="display:none"]))) {
margin-bottom: 0 !important;
}
.lddfw-assign-screen .lddfw-preview-route-row a.lddfw-preview-route-btn,
.lddfw_footer_buttons.lddfw-assign-footer
.lddfw-preview-route-row
a.lddfw-preview-route-btn,
.lddfw-assign-screen a#lddfw_preview_route_button.lddfw-preview-route-btn,
.lddfw-assign-screen
a#lddfw_preview_route_button_loading.lddfw-preview-route-btn {
box-sizing: border-box !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
float: none !important;
position: static !important;
margin: 0 !important;
padding: 0.75rem 1rem !important;
border-radius: 10px !important;
font-weight: 600 !important;
text-align: center !important;
background-color: #fff !important;
background-image: none !important;
border: 1px solid #6f42c1 !important;
color: #6f42c1 !important;
box-shadow: none !important;
transition:
background-color 0.15s ease,
border-color 0.15s ease,
color 0.15s ease,
box-shadow 0.15s ease;
}
.lddfw-assign-screen a#lddfw_preview_route_button.lddfw-preview-route-btn:hover,
.lddfw-assign-screen a#lddfw_preview_route_button.lddfw-preview-route-btn:focus,
.lddfw-assign-screen
a#lddfw_preview_route_button.lddfw-preview-route-btn:active,
.lddfw_footer_buttons.lddfw-assign-footer
a#lddfw_preview_route_button.lddfw-preview-route-btn:hover,
.lddfw_footer_buttons.lddfw-assign-footer
a#lddfw_preview_route_button.lddfw-preview-route-btn:focus,
.lddfw_footer_buttons.lddfw-assign-footer
a#lddfw_preview_route_button.lddfw-preview-route-btn:active {
background-color: #f3eefb !important;
border-color: #5a2fa4 !important;
color: #5a2fa4 !important;
box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.2) !important;
}
.lddfw-assign-screen .lddfw-preview-route-btn .svg-inline--fa,
.lddfw-assign-screen .lddfw-preview-route-btn .spinner-border {
width: 0.9em !important;
height: 0.9em !important;
margin-right: 0.35rem !important;
vertical-align: middle !important;
}
.dark .lddfw-assign-screen a#lddfw_preview_route_button.lddfw-preview-route-btn,
.dark
.lddfw-assign-screen
a#lddfw_preview_route_button_loading.lddfw-preview-route-btn,
.dark
.lddfw_footer_buttons.lddfw-assign-footer
a#lddfw_preview_route_button.lddfw-preview-route-btn,
.dark
.lddfw_footer_buttons.lddfw-assign-footer
a#lddfw_preview_route_button_loading.lddfw-preview-route-btn {
background-color: #1e293b !important;
border-color: #a78bfa !important;
color: #c4b5fd !important;
}
.dark
.lddfw-assign-screen
a#lddfw_preview_route_button.lddfw-preview-route-btn:hover,
.dark
.lddfw-assign-screen
a#lddfw_preview_route_button.lddfw-preview-route-btn:focus {
background-color: #312e81 !important;
border-color: #c4b5fd !important;
color: #ede9fe !important;
}
.lddfw_footer_buttons.lddfw-assign-footer a#lddfw_preview_route_button:hover,
.lddfw_footer_buttons.lddfw-assign-footer a#lddfw_preview_route_button:focus,
.lddfw_footer_buttons.lddfw-assign-footer a#lddfw_preview_route_button:active,
.lddfw-assign-screen a#lddfw_preview_route_button:hover,
.lddfw-assign-screen a#lddfw_preview_route_button:focus,
.lddfw-assign-screen a#lddfw_preview_route_button:active {
background-color: #f3eefb !important;
border-color: #5a2fa4 !important;
color: #5a2fa4 !important;
box-shadow: 0 0 0 3px rgba(111, 66, 193, 0.2) !important;
}
.lddfw_footer_buttons.lddfw-assign-footer
#lddfw_preview_route_button
.svg-inline--fa,
.lddfw_footer_buttons.lddfw-assign-footer
#lddfw_preview_route_button_loading
.spinner-border,
.lddfw-assign-screen #lddfw_preview_route_button .svg-inline--fa,
.lddfw-assign-screen #lddfw_preview_route_button_loading .spinner-border {
width: 0.9em;
height: 0.9em;
margin-right: 0.35rem;
vertical-align: middle;
}
.dark .lddfw_footer_buttons.lddfw-assign-footer a#lddfw_preview_route_button,
.dark
.lddfw_footer_buttons.lddfw-assign-footer
a#lddfw_preview_route_button_loading,
.dark .lddfw-assign-screen a#lddfw_preview_route_button,
.dark .lddfw-assign-screen a#lddfw_preview_route_button_loading {
background-color: #1e293b !important;
border-color: #a78bfa !important;
color: #c4b5fd !important;
}
.dark
.lddfw_footer_buttons.lddfw-assign-footer
a#lddfw_preview_route_button:hover,
.dark
.lddfw_footer_buttons.lddfw-assign-footer
a#lddfw_preview_route_button:focus,
.dark .lddfw-assign-screen a#lddfw_preview_route_button:hover,
.dark .lddfw-assign-screen a#lddfw_preview_route_button:focus {
background-color: #312e81 !important;
border-color: #c4b5fd !important;
color: #ede9fe !important;
} #lddfw_preview_directions.lddfw_lightbox {
display: none;
margin-top: 0 !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 100% !important;
padding: 0 !important;
background: #f8fafc;
overflow: hidden;
z-index: 999;
}
.dark #lddfw_preview_directions.lddfw_lightbox {
background: #0f172a;
} #lddfw_preview_directions .lddfw_lightbox_wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 60px;
min-height: 60px;
padding: 0;
margin: 0;
background: #fff;
border-bottom: 1px solid #e5e7eb;
box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04);
z-index: 3;
overflow: visible;
}
.dark #lddfw_preview_directions .lddfw_lightbox_wrap {
background: #111a2e;
border-bottom-color: #1f2a44;
} #lddfw_preview_directions #lddfw_preview_hide_map {
display: block;
width: 100% !important;
max-width: none !important;
height: 60px;
margin: 0 !important;
padding: 0.65rem 0.75rem !important;
background: transparent;
border: 0;
box-shadow: none;
position: relative;
box-sizing: border-box;
}
#lddfw_preview_directions #lddfw_preview_hide_map .row {
display: flex;
align-items: center;
margin: 0;
height: 100%;
flex-wrap: nowrap;
}
#lddfw_preview_directions #lddfw_preview_hide_map .col-2,
#lddfw_preview_directions #lddfw_preview_hide_map .col-8 {
padding: 0;
}
#lddfw_preview_directions #lddfw_preview_hide_map_btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 10px;
background: #ede9fe;
color: #5a2fa4;
border: 1px solid #d8c7ff;
text-decoration: none;
transition:
background 0.15s ease,
color 0.15s ease,
transform 0.1s ease,
box-shadow 0.15s ease;
}
#lddfw_preview_directions #lddfw_preview_hide_map_btn:hover,
#lddfw_preview_directions #lddfw_preview_hide_map_btn:focus {
background: linear-gradient(135deg, #6f42c1 0%, #8b5cf6 100%);
color: #fff;
border-color: transparent;
box-shadow: 0 2px 6px rgba(111, 66, 193, 0.3);
transform: translateY(-1px);
outline: none;
}
#lddfw_preview_directions #lddfw_preview_hide_map_btn svg {
width: 16px;
height: 16px;
fill: currentColor;
}
#lddfw_preview_directions .lddfw_header_title {
font-size: 1rem;
font-weight: 600;
color: #0f172a;
line-height: 40px;
}
.dark #lddfw_preview_directions .lddfw_header_title {
color: #f1f5f9;
}
.dark #lddfw_preview_directions #lddfw_preview_hide_map_btn {
background: #1e1b4b;
color: #c4b5fd;
border-color: #4338ca;
} #lddfw_preview_directions #lddfw_preview_map {
position: absolute;
top: 60px;
left: 0;
right: 0;
width: 100%;
height: calc(55vh - 60px);
min-height: 220px;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: #e5e7eb;
z-index: 1;
}
.dark #lddfw_preview_directions #lddfw_preview_map {
background: #0f172a;
}
#lddfw_preview_directions #lddfw_preview_map > div {
outline: none !important;
} #lddfw_preview_directions #lddfw_preview_panel-listing {
position: absolute;
top: 55vh;
left: 0;
right: 0;
bottom: 0;
width: 100% !important;
max-width: none !important;
height: auto;
max-height: none;
overflow-y: auto;
overflow-x: hidden;
padding: 0.75rem 0.85rem 1.25rem !important;
margin: 0 !important;
background: #fff;
border-top: 1px solid #e5e7eb;
z-index: 2;
font-size: 0.875rem;
line-height: 1.4;
color: #0f172a;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
scrollbar-color: #cbd5e1 transparent;
}
.dark #lddfw_preview_directions #lddfw_preview_panel-listing {
background: #111a2e;
border-top-color: #1f2a44;
color: #e2e8f0;
}
#lddfw_preview_directions #lddfw_preview_panel-listing::-webkit-scrollbar {
width: 6px;
}
#lddfw_preview_directions
#lddfw_preview_panel-listing::-webkit-scrollbar-thumb {
background: #cbd5e1;
border-radius: 3px;
} #lddfw_preview_directions .lddfw_address,
#lddfw_preview_directions .lddfw_drive {
margin: 0;
padding: 0.5rem 0;
border-top: 1px solid #eef2f7;
display: flex;
flex-wrap: nowrap;
}
#lddfw_preview_directions .lddfw_address:first-of-type,
#lddfw_preview_directions .lddfw_drive:first-of-type {
border-top: 0;
}
#lddfw_preview_directions .lddfw_address > .col-2,
#lddfw_preview_directions .lddfw_drive > .col-2 {
flex: 0 0 48px;
max-width: 48px;
padding: 0;
text-align: center;
min-height: 32px;
}
#lddfw_preview_directions .lddfw_address > .col-10 {
flex: 1 1 auto;
max-width: none;
padding: 0 0 0 0.25rem;
display: flex;
align-items: center;
}
#lddfw_preview_directions .lddfw_drive > .col-10 {
flex: 1 1 auto;
max-width: none;
padding: 0 0 0 0.25rem;
} #lddfw_preview_directions .lddfw_address .fa-map-marker,
#lddfw_preview_directions .lddfw_address svg.svg-inline--fa.fa-map-marker {
display: none;
}
#lddfw_preview_directions .lddfw_address .lddfw_point,
#lddfw_directions .lddfw_address .lddfw_point {
position: static;
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
border-radius: 50%;
background: #ea4335;
color: #fff;
font-size: 12px;
font-weight: 700;
margin: 0 auto;
top: auto;
left: auto;
}
#lddfw_preview_directions .lddfw_address > .col-2 {
display: flex;
align-items: center;
justify-content: center;
}
#lddfw_preview_directions .lddfw_address > .col-10 {
color: #0f172a;
font-weight: 500;
font-size: 0.9rem;
line-height: 1.35;
} #lddfw_preview_directions .lddfw_drive {
padding: 0.45rem 0;
}
#lddfw_preview_directions .lddfw_drive > .col-2 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 3px;
position: relative;
}
#lddfw_preview_directions .lddfw_drive > .col-2 svg.up,
#lddfw_preview_directions .lddfw_drive > .col-2 svg.down {
flex: 1;
width: 6px !important;
fill: #94a3b8;
}
#lddfw_preview_directions .lddfw_drive > .col-2 br {
display: none;
}
#lddfw_preview_directions .lddfw_drive > .col-2 svg.fa-car {
position: relative;
z-index: 1;
width: 22px !important;
height: 22px !important;
padding: 4px;
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 50%;
fill: #475569;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
box-sizing: content-box;
}
#lddfw_preview_directions .lddfw_drive > .col-10 {
color: #475569;
font-size: 0.85rem;
line-height: 1.35;
padding-left: 0.5rem;
display: flex;
flex-direction: column;
justify-content: center;
}
#lddfw_preview_directions .lddfw_drive > .col-10 b {
display: block;
color: #0f172a;
font-size: 0.92rem;
} #lddfw_preview_directions #lddfw_total_route {
display: inline-flex;
align-items: center;
gap: 0.5rem;
margin: 0 0 0.75rem;
padding: 0.55rem 0.9rem;
background: linear-gradient(135deg, #fff4e6 0%, #ffedd5 100%);
border: 1px solid #fed7aa;
border-radius: 999px;
color: #9a3412;
font-size: 0.85rem;
line-height: 1.2;
box-shadow: 0 1px 2px rgba(202, 101, 16, 0.08);
}
#lddfw_preview_directions #lddfw_total_route::before {
content: "";
width: 16px;
height: 16px;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ca6510'><path d='M12 2a10 10 0 1 0 10 10A10 10 0 0 0 12 2zm4.2 14.2L11 13V7h1.5v5.25l4.5 2.67z'/></svg>");
background-repeat: no-repeat;
background-size: contain;
flex-shrink: 0;
}
#lddfw_preview_directions #lddfw_total_route b {
font-weight: 700;
color: #7c2d12;
display: inline-block;
}
#lddfw_preview_directions #lddfw_total_route span {
color: #9a4a0a;
font-weight: 500;
} #lddfw_preview_directions .lddfw_address {
background-color: #f7f7f7;
} .dark #lddfw_preview_directions #lddfw_total_route {
background: linear-gradient(
135deg,
rgba(202, 101, 16, 0.18) 0%,
rgba(253, 126, 20, 0.22) 100%
);
border-color: rgba(202, 101, 16, 0.45);
color: #fed7aa;
}
.dark #lddfw_preview_directions #lddfw_total_route b {
color: #ffedd5;
}
.dark #lddfw_preview_directions #lddfw_total_route span {
color: #fdba74;
}
.dark #lddfw_preview_directions .lddfw_address {
background-color: rgba(30, 41, 59, 0.5);
}
.dark #lddfw_preview_directions .lddfw_address,
.dark #lddfw_preview_directions .lddfw_drive {
border-top-color: #334155;
}
.dark #lddfw_preview_directions .lddfw_address > .col-10 {
color: #f1f5f9;
}
.dark #lddfw_preview_directions .lddfw_drive > .col-10 {
color: #cbd5e1;
}
.dark #lddfw_preview_directions .lddfw_drive > .col-10 b {
color: #f8fafc;
}
.dark #lddfw_preview_directions .lddfw_drive > .col-2 svg.up,
.dark #lddfw_preview_directions .lddfw_drive > .col-2 svg.down {
fill: #64748b;
}
.dark #lddfw_preview_directions .lddfw_drive > .col-2 svg.fa-car {
background: #0f172a;
border-color: #475569;
fill: #cbd5e1;
}
#lddfw_preview_directions .lddfw_preview_hint {
border-radius: 8px;
font-size: 13px;
line-height: 1.4;
margin: 0 0 0.75rem 0;
padding: 0.65rem 0.85rem;
background: #eff6ff;
border: 1px solid #bfdbfe;
color: #1e40af;
}
.dark #lddfw_preview_directions .lddfw_preview_hint {
background: rgba(30, 64, 175, 0.15);
border-color: rgba(191, 219, 254, 0.25);
color: #bfdbfe;
}
.dark .adp-listsel {
background: #283c69;
}
.container {
max-width: 42rem !important;
}
#lddfw_page.info h1.lddfw-info-hero__title {
color: #fff;
} #lddfw_home {
--lddfw-home-bg: #fed14c;
--lddfw-home-bg-soft: #fff7df;
--lddfw-home-text: #1a1300;
--lddfw-home-text-muted: rgba(26, 19, 0, 0.72);
--lddfw-home-tile-bg: rgba(255, 255, 255, 0.7);
--lddfw-home-tile-border: rgba(255, 255, 255, 0.6);
--lddfw-home-cta-bg-1: #1a1300;
--lddfw-home-cta-bg-2: #2a2102;
--lddfw-home-cta-text: #ffffff;
--lddfw-home-cta-shadow: rgba(20, 20, 30, 0.22);
background:
radial-gradient(
1200px 800px at 80% -10%,
rgba(255, 255, 255, 0.55) 0%,
rgba(255, 255, 255, 0) 60%
),
radial-gradient(
900px 700px at -10% 110%,
rgba(255, 255, 255, 0.35) 0%,
rgba(255, 255, 255, 0) 55%
),
linear-gradient(
180deg,
var(--lddfw-home-bg-soft) 0%,
var(--lddfw-home-bg) 100%
);
display: flex;
flex-direction: column;
justify-content: flex-end;
padding: 24px 22px 28px;
overflow: hidden;
}
#lddfw_home::before {
content: "";
position: absolute;
inset: -20% -10% auto auto;
width: 70vmin;
height: 70vmin;
background: radial-gradient(
closest-side,
rgba(255, 255, 255, 0.55),
rgba(255, 255, 255, 0)
);
filter: blur(8px);
pointer-events: none;
z-index: 0;
}
#lddfw_home .lddfw_cover {
background: transparent;
height: auto;
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
padding: 12vh 0 6vh;
position: relative;
z-index: 1;
}
#lddfw_home .lddfw_cover .lddfw_helper {
display: none;
} #lddfw_home .lddfw-home__logo-tile {
display: inline-block;
padding: 14px;
border-radius: 28px;
background: var(--lddfw-home-tile-bg);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
box-shadow:
0 12px 30px rgba(20, 20, 30, 0.12),
0 2px 6px rgba(20, 20, 30, 0.06),
inset 0 0 0 1px var(--lddfw-home-tile-border);
animation: lddfw-home-float 6s ease-in-out infinite;
line-height: 0;
max-width: calc(min(220px, 56vw) + 28px);
}
#lddfw_home .lddfw-home__logo-tile img,
#lddfw_home .lddfw_cover img {
max-width: min(220px, 56vw);
max-height: 36vh;
height: auto;
width: auto;
border-radius: 18px;
display: block;
object-fit: contain; background: transparent;
padding: 0;
box-shadow: none;
animation: none;
}
#lddfw_home > .container {
position: relative;
z-index: 1;
padding-bottom: 8px;
}
#lddfw_home h1 {
font-size: clamp(28px, 7.5vw, 38px);
font-weight: 800;
letter-spacing: -0.01em;
margin: 4px 0 6px;
color: var(--lddfw-home-text);
}
#lddfw_home p {
font-size: clamp(15px, 4vw, 17px);
line-height: 1.45;
color: var(--lddfw-home-text-muted);
margin: 0 auto 22px;
max-width: 28ch;
}
#lddfw_start.btn.btn-primary.btn-lg.btn-block {
border: 0;
border-radius: 16px;
padding: 16px 22px;
font-size: 17px;
font-weight: 700;
letter-spacing: 0.01em;
background: linear-gradient(
180deg,
var(--lddfw-home-cta-bg-1) 0%,
var(--lddfw-home-cta-bg-2) 100%
);
color: var(--lddfw-home-cta-text);
box-shadow:
0 10px 24px var(--lddfw-home-cta-shadow),
0 2px 4px rgba(20, 20, 30, 0.12);
transition:
transform 0.15s ease,
box-shadow 0.2s ease,
opacity 0.2s ease;
}
#lddfw_start.btn.btn-primary.btn-lg.btn-block:hover,
#lddfw_start.btn.btn-primary.btn-lg.btn-block:focus {
background: linear-gradient(
180deg,
var(--lddfw-home-cta-bg-1) 0%,
var(--lddfw-home-cta-bg-2) 100%
);
color: var(--lddfw-home-cta-text);
box-shadow:
0 14px 30px var(--lddfw-home-cta-shadow),
0 2px 6px rgba(20, 20, 30, 0.14);
outline: none;
}
#lddfw_start.btn.btn-primary.btn-lg.btn-block:active {
transform: translateY(1px) scale(0.99);
box-shadow: 0 6px 16px var(--lddfw-home-cta-shadow);
}
@keyframes lddfw-home-float {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-6px);
}
}
@media (prefers-reduced-motion: reduce) {
#lddfw_home .lddfw_cover img {
animation: none;
}
}
@media (min-width: 900px) {
#lddfw_home > .container {
max-width: 480px;
margin: 0 auto;
}
} .dark #lddfw_home {
--lddfw-home-bg: #1f1a07;
--lddfw-home-bg-soft: #161616;
--lddfw-home-text: #ffd86a;
--lddfw-home-text-muted: rgba(255, 255, 255, 0.72);
--lddfw-home-tile-bg: rgba(255, 255, 255, 0.06);
--lddfw-home-tile-border: rgba(255, 255, 255, 0.08);
--lddfw-home-cta-bg-1: #ffd86a;
--lddfw-home-cta-bg-2: #f4b400;
--lddfw-home-cta-text: #1a1300;
--lddfw-home-cta-shadow: rgba(244, 180, 0, 0.35);
color: #fff;
} #lddfw_login,
#lddfw_forgot_password,
#lddfw_forgot_password_email_sent,
#lddfw_new_password_created,
#lddfw_create_new_password,
#lddfw_application,
#lddfw_application_thankyou {
--lddfw-home-bg: #fed14c;
--lddfw-home-bg-soft: #fff7df;
--lddfw-home-text: #1a1300;
--lddfw-home-text-muted: rgba(26, 19, 0, 0.72);
--lddfw-home-tile-bg: rgba(255, 255, 255, 0.7);
--lddfw-home-tile-border: rgba(255, 255, 255, 0.6);
--lddfw-home-cta-bg-1: #1a1300;
--lddfw-home-cta-bg-2: #2a2102;
--lddfw-home-cta-text: #ffffff;
--lddfw-home-cta-shadow: rgba(20, 20, 30, 0.22);
background:
radial-gradient(
1200px 800px at 80% -10%,
rgba(255, 255, 255, 0.55) 0%,
rgba(255, 255, 255, 0) 60%
),
radial-gradient(
900px 700px at -10% 110%,
rgba(255, 255, 255, 0.35) 0%,
rgba(255, 255, 255, 0) 55%
),
linear-gradient(
180deg,
var(--lddfw-home-bg-soft) 0%,
var(--lddfw-home-bg) 100%
);
min-height: 100vh;
text-align: center;
padding: 20px 16px 24px;
box-sizing: border-box;
} #lddfw_login > .lddfw_cover,
#lddfw_forgot_password > .lddfw_cover,
#lddfw_forgot_password_email_sent > .lddfw_cover,
#lddfw_new_password_created > .lddfw_cover,
#lddfw_create_new_password > .lddfw_cover,
#lddfw_application > .lddfw_cover,
#lddfw_application_thankyou > .lddfw_cover {
display: none !important;
} #lddfw_login .lddfw-auth-card,
#lddfw_forgot_password .lddfw-auth-card,
#lddfw_forgot_password_email_sent .lddfw-auth-card,
#lddfw_new_password_created .lddfw-auth-card,
#lddfw_create_new_password .lddfw-auth-card,
#lddfw_application .lddfw-auth-card,
#lddfw_application_thankyou .lddfw-auth-card {
max-width: 440px;
margin: 8vh auto 24px;
padding: 28px 24px 24px;
background: rgba(255, 255, 255, 0.92);
border: 0;
border-radius: 22px;
box-shadow:
0 14px 40px rgba(20, 20, 30, 0.12),
0 2px 6px rgba(20, 20, 30, 0.06),
inset 0 0 0 1px rgba(255, 255, 255, 0.6);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
text-align: left;
position: relative;
}  #lddfw_application .lddfw-auth-card {
max-width: 560px;
}
#lddfw_login .lddfw-auth-card::before,
#lddfw_forgot_password .lddfw-auth-card::before,
#lddfw_forgot_password_email_sent .lddfw-auth-card::before,
#lddfw_new_password_created .lddfw-auth-card::before,
#lddfw_create_new_password .lddfw-auth-card::before,
#lddfw_application .lddfw-auth-card::before,
#lddfw_application_thankyou .lddfw-auth-card::before {
content: "";
position: absolute;
top: -36px;
left: 50%;
transform: translateX(-50%);
width: 64px;
height: 64px;
border-radius: 20px;
background: var(--lddfw-home-tile-bg) center/26px 26px no-repeat;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%231a1300' d='M416 448h-84c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h84c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32h-84c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h84c53 0 96 43 96 96v192c0 53-43 96-96 96zm-47-201L201 79c-15-15-41-4.5-41 17v96H24c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24h136v96c0 21.5 26 32 41 17l168-168c9.3-9.4 9.3-24.6 0-34z'/></svg>");
box-shadow:
0 10px 24px rgba(20, 20, 30, 0.18),
inset 0 0 0 1px var(--lddfw-home-tile-border);
backdrop-filter: blur(14px);
-webkit-backdrop-filter: blur(14px);
}
#lddfw_forgot_password .lddfw-auth-card::before,
#lddfw_create_new_password .lddfw-auth-card::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%231a1300' d='M512 176.001C512 273.203 433.202 352 336 352c-11.22 0-22.19-1.062-32.827-3.069l-24.012 27.014A23.999 23.999 0 0 1 261.223 384H224v40c0 13.255-10.745 24-24 24h-40v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24v-78.059c0-6.365 2.529-12.47 7.029-16.971l161.802-161.802C163.108 213.814 160 195.271 160 176 160 78.798 238.797.001 335.999 0 433.488-.001 512 78.511 512 176.001zM336 128c0 26.51 21.49 48 48 48s48-21.49 48-48-21.49-48-48-48-48 21.49-48 48z'/></svg>");
}
#lddfw_forgot_password_email_sent .lddfw-auth-card::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%231a1300' d='M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z'/></svg>");
}
#lddfw_new_password_created .lddfw-auth-card::before,
#lddfw_application_thankyou .lddfw-auth-card::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%231a1300' d='M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z'/></svg>");
} #lddfw_application .lddfw-auth-card::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%231a1300' d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z'/></svg>");
} #lddfw_login .lddfw-auth-card,
#lddfw_forgot_password .lddfw-auth-card,
#lddfw_forgot_password_email_sent .lddfw-auth-card,
#lddfw_new_password_created .lddfw-auth-card,
#lddfw_create_new_password .lddfw-auth-card,
#lddfw_application .lddfw-auth-card,
#lddfw_application_thankyou .lddfw-auth-card {
padding-top: 50px;
} #lddfw_login .lddfw-auth-card h1,
#lddfw_forgot_password .lddfw-auth-card h1,
#lddfw_forgot_password_email_sent .lddfw-auth-card h1,
#lddfw_new_password_created .lddfw-auth-card h1,
#lddfw_create_new_password .lddfw-auth-card h1,
#lddfw_application .lddfw-auth-card h1,
#lddfw_application_thankyou .lddfw-auth-card h1 {
font-size: clamp(20px, 5.2vw, 24px);
font-weight: 800;
letter-spacing: -0.01em;
text-align: center;
margin: 0 0 8px;
color: var(--lddfw-home-text);
}
#lddfw_login .lddfw-auth-card > p,
#lddfw_forgot_password .lddfw-auth-card > p,
#lddfw_forgot_password_email_sent .lddfw-auth-card > p,
#lddfw_new_password_created .lddfw-auth-card > p,
#lddfw_create_new_password .lddfw-auth-card > p,
#lddfw_application .lddfw-auth-card > p,
#lddfw_application .lddfw-auth-card form > p,
#lddfw_application_thankyou .lddfw-auth-card > p {
text-align: center;
font-size: 15px;
line-height: 1.45;
color: var(--lddfw-home-text-muted);
margin: 0 auto 18px;
max-width: 32ch;
} #lddfw_login .lddfw-auth-card .form-control-lg,
#lddfw_forgot_password .lddfw-auth-card .form-control-lg,
#lddfw_forgot_password_email_sent .lddfw-auth-card .form-control-lg,
#lddfw_new_password_created .lddfw-auth-card .form-control-lg,
#lddfw_create_new_password .lddfw-auth-card .form-control-lg,
#lddfw_application .lddfw-auth-card .form-control,
#lddfw_application .lddfw-auth-card .form-control-lg {
height: auto;
min-height: 48px;
padding: 12px 14px;
font-size: 16px; border-radius: 14px;
border: 1px solid #e5e7eb;
background: #fff;
box-shadow: none;
transition:
border-color 0.15s ease,
box-shadow 0.15s ease;
} #lddfw_application .lddfw-auth-card textarea.form-control,
#lddfw_application .lddfw-auth-card textarea.form-control-lg {
min-height: 96px;
resize: vertical;
}
#lddfw_login .lddfw-auth-card .form-control-lg:focus,
#lddfw_forgot_password .lddfw-auth-card .form-control-lg:focus,
#lddfw_forgot_password_email_sent .lddfw-auth-card .form-control-lg:focus,
#lddfw_new_password_created .lddfw-auth-card .form-control-lg:focus,
#lddfw_create_new_password .lddfw-auth-card .form-control-lg:focus,
#lddfw_application .lddfw-auth-card .form-control:focus,
#lddfw_application .lddfw-auth-card .form-control-lg:focus {
border-color: var(--lddfw-home-cta-bg-1);
box-shadow: 0 0 0 3px rgba(26, 19, 0, 0.12);
outline: none;
} #lddfw_application .lddfw-auth-card .lddfw-field {
margin-bottom: 0px;
text-align: left;
}
#lddfw_application .lddfw-auth-card .lddfw-field > label {
display: block;
font-size: 13px;
font-weight: 600;
color: var(--lddfw-home-text);
margin-bottom: 6px;
letter-spacing: 0.01em;
}
#lddfw_application .lddfw-auth-card .lddfw-req {
color: #dc3545;
margin-left: 2px;
}
#lddfw_application .lddfw-auth-card .lddfw-help,
#lddfw_application .lddfw-auth-card .form-text.text-muted {
display: block;
margin-top: 6px;
font-size: 12px;
color: var(--lddfw-home-text-muted);
}
#lddfw_application .lddfw-auth-card .lddfw-section-heading {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--lddfw-home-text-muted);
margin: 22px 0 10px;
padding-bottom: 6px;
border-bottom: 1px solid rgba(20, 20, 30, 0.08);
}
#lddfw_application .lddfw-auth-card .lddfw-html-block {
font-size: 14px;
line-height: 1.5;
color: var(--lddfw-home-text-muted);
margin-bottom: 12px;
}
#lddfw_application .lddfw-auth-card .lddfw-check-group,
#lddfw_application .lddfw-auth-card .lddfw-radio-group {
border: 0;
margin: 0 0 4px;
padding: 0;
}
#lddfw_application .lddfw-auth-card .lddfw-check-group > legend,
#lddfw_application .lddfw-auth-card .lddfw-radio-group > legend {
font-size: 13px;
font-weight: 600;
color: var(--lddfw-home-text);
margin-bottom: 8px;
padding: 0;
border: 0;
width: auto;
letter-spacing: 0.01em;
}
#lddfw_application .lddfw-auth-card .lddfw-check,
#lddfw_application .lddfw-auth-card .lddfw-radio {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 12px;
margin-bottom: 6px;
border-radius: 12px;
background: rgba(20, 20, 30, 0.03);
font-size: 15px;
cursor: pointer;
transition: background 0.15s ease;
}
#lddfw_application .lddfw-auth-card .lddfw-check:hover,
#lddfw_application .lddfw-auth-card .lddfw-radio:hover {
background: rgba(20, 20, 30, 0.06);
}
#lddfw_application .lddfw-auth-card .lddfw-check input[type="checkbox"],
#lddfw_application .lddfw-auth-card .lddfw-radio input[type="radio"] {
width: 18px;
height: 18px;
margin: 0;
flex-shrink: 0;
accent-color: var(--lddfw-home-cta-bg-1);
}
#lddfw_application .lddfw-auth-card input[type="file"].form-control,
#lddfw_application .lddfw-auth-card input[type="file"].form-control-lg {
padding: 10px 12px;
font-size: 14px;
background: rgba(20, 20, 30, 0.03);
cursor: pointer;
} #lddfw_login .lddfw-auth-card .btn.btn-primary,
#lddfw_forgot_password .lddfw-auth-card .btn.btn-primary,
#lddfw_forgot_password_email_sent .lddfw-auth-card .btn.btn-primary,
#lddfw_new_password_created .lddfw-auth-card .btn.btn-primary,
#lddfw_create_new_password .lddfw-auth-card .btn.btn-primary,
#lddfw_application .lddfw-auth-card .btn.btn-primary {
border: 0;
border-radius: 14px;
padding: 14px 18px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.01em;
background: linear-gradient(
180deg,
var(--lddfw-home-cta-bg-1) 0%,
var(--lddfw-home-cta-bg-2) 100%
);
color: var(--lddfw-home-cta-text);
box-shadow:
0 8px 20px var(--lddfw-home-cta-shadow),
0 2px 4px rgba(20, 20, 30, 0.1);
transition:
transform 0.15s ease,
box-shadow 0.2s ease,
opacity 0.2s ease;
}
#lddfw_login .lddfw-auth-card .btn.btn-primary:hover,
#lddfw_login .lddfw-auth-card .btn.btn-primary:focus,
#lddfw_forgot_password .lddfw-auth-card .btn.btn-primary:hover,
#lddfw_forgot_password .lddfw-auth-card .btn.btn-primary:focus,
#lddfw_forgot_password_email_sent .lddfw-auth-card .btn.btn-primary:hover,
#lddfw_forgot_password_email_sent .lddfw-auth-card .btn.btn-primary:focus,
#lddfw_new_password_created .lddfw-auth-card .btn.btn-primary:hover,
#lddfw_new_password_created .lddfw-auth-card .btn.btn-primary:focus,
#lddfw_create_new_password .lddfw-auth-card .btn.btn-primary:hover,
#lddfw_create_new_password .lddfw-auth-card .btn.btn-primary:focus,
#lddfw_application .lddfw-auth-card .btn.btn-primary:hover,
#lddfw_application .lddfw-auth-card .btn.btn-primary:focus {
background: linear-gradient(
180deg,
var(--lddfw-home-cta-bg-1) 0%,
var(--lddfw-home-cta-bg-2) 100%
);
color: var(--lddfw-home-cta-text);
box-shadow:
0 12px 26px var(--lddfw-home-cta-shadow),
0 2px 6px rgba(20, 20, 30, 0.14);
outline: none;
}
#lddfw_login .lddfw-auth-card .btn.btn-primary:active,
#lddfw_forgot_password .lddfw-auth-card .btn.btn-primary:active,
#lddfw_forgot_password_email_sent .lddfw-auth-card .btn.btn-primary:active,
#lddfw_new_password_created .lddfw-auth-card .btn.btn-primary:active,
#lddfw_create_new_password .lddfw-auth-card .btn.btn-primary:active,
#lddfw_application .lddfw-auth-card .btn.btn-primary:active {
transform: translateY(1px) scale(0.99);
} #lddfw_login #lddfw_forgot_password_link,
#lddfw_forgot_password .lddfw_back_to_login_link,
#lddfw_forgot_password_email_sent #lddfw_back_to_forgot_password_link,
#lddfw_create_new_password #lddfw_new_password_reset_link,
#lddfw_application .lddfw_back_to_login_link,
#lddfw_application_thankyou .lddfw_back_to_login_link {
display: inline-block;
margin-top: 14px;
text-align: center;
text-decoration: none;
font-size: 14px;
font-weight: 600;
color: var(--lddfw-home-text-muted);
transition: color 0.15s ease;
}
#lddfw_login #lddfw_forgot_password_link:hover,
#lddfw_forgot_password .lddfw_back_to_login_link:hover,
#lddfw_forgot_password_email_sent #lddfw_back_to_forgot_password_link:hover,
#lddfw_create_new_password #lddfw_new_password_reset_link:hover,
#lddfw_application .lddfw_back_to_login_link:hover,
#lddfw_application_thankyou .lddfw_back_to_login_link:hover {
color: var(--lddfw-home-text);
text-decoration: underline;
} #lddfw_login #lddfw_application_link {
display: inline-block;
margin-top: 14px;
padding: 10px 18px;
border-radius: 999px;
background: var(--lddfw-home-tile-bg);
box-shadow:
inset 0 0 0 1px var(--lddfw-home-tile-border),
0 4px 12px rgba(20, 20, 30, 0.08);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
color: var(--lddfw-home-text);
font-size: 14px;
font-weight: 600;
text-align: center;
text-decoration: none;
transition:
background 0.15s ease,
transform 0.15s ease,
box-shadow 0.2s ease;
}
#lddfw_login #lddfw_application_link:hover,
#lddfw_login #lddfw_application_link:focus {
background: rgba(255, 255, 255, 0.92);
color: var(--lddfw-home-text);
text-decoration: none;
box-shadow:
inset 0 0 0 1px var(--lddfw-home-tile-border),
0 6px 16px rgba(20, 20, 30, 0.12);
outline: none;
}
#lddfw_login #lddfw_application_link:active {
transform: translateY(1px) scale(0.99);
}
.dark #lddfw_login #lddfw_application_link {
color: var(--lddfw-home-text);
}
.dark #lddfw_login #lddfw_application_link:hover,
.dark #lddfw_login #lddfw_application_link:focus {
background: rgba(255, 255, 255, 0.12);
} #lddfw_application .lddfw-auth-card .lddfw_back_to_login_link,
#lddfw_application_thankyou .lddfw-auth-card .lddfw_back_to_login_link {
display: block;
text-align: center;
} #lddfw_login #lddfw_forgot_password_link {
display: block;
text-align: right;
margin: -6px 0 14px;
} #lddfw_login .col-12.text-center {
margin-top: 16px;
} #lddfw_login .lddfw_alert_wrap .alert,
#lddfw_forgot_password .lddfw_alert_wrap .alert,
#lddfw_create_new_password .lddfw_alert_wrap .alert,
#lddfw_application .lddfw_alert_wrap .alert {
border-radius: 12px;
font-size: 14px;
} .dark #lddfw_login,
.dark #lddfw_forgot_password,
.dark #lddfw_forgot_password_email_sent,
.dark #lddfw_new_password_created,
.dark #lddfw_create_new_password,
.dark #lddfw_application,
.dark #lddfw_application_thankyou {
--lddfw-home-bg: #1f1a07;
--lddfw-home-bg-soft: #161616;
--lddfw-home-text: #ffd86a;
--lddfw-home-text-muted: rgba(255, 255, 255, 0.72);
--lddfw-home-tile-bg: rgba(255, 255, 255, 0.06);
--lddfw-home-tile-border: rgba(255, 255, 255, 0.08);
--lddfw-home-cta-bg-1: #ffd86a;
--lddfw-home-cta-bg-2: #f4b400;
--lddfw-home-cta-text: #1a1300;
--lddfw-home-cta-shadow: rgba(244, 180, 0, 0.35);
}
.dark #lddfw_login .lddfw-auth-card,
.dark #lddfw_forgot_password .lddfw-auth-card,
.dark #lddfw_forgot_password_email_sent .lddfw-auth-card,
.dark #lddfw_new_password_created .lddfw-auth-card,
.dark #lddfw_create_new_password .lddfw-auth-card,
.dark #lddfw_application .lddfw-auth-card,
.dark #lddfw_application_thankyou .lddfw-auth-card {
background: rgba(30, 30, 30, 0.85);
box-shadow:
0 14px 40px rgba(0, 0, 0, 0.45),
inset 0 0 0 1px rgba(255, 255, 255, 0.06);
}
.dark #lddfw_login .lddfw-auth-card .form-control-lg,
.dark #lddfw_forgot_password .lddfw-auth-card .form-control-lg,
.dark #lddfw_forgot_password_email_sent .lddfw-auth-card .form-control-lg,
.dark #lddfw_new_password_created .lddfw-auth-card .form-control-lg,
.dark #lddfw_create_new_password .lddfw-auth-card .form-control-lg,
.dark #lddfw_application .lddfw-auth-card .form-control,
.dark #lddfw_application .lddfw-auth-card .form-control-lg {
background: #2a2a2a;
color: #fff;
border-color: rgba(255, 255, 255, 0.12);
}
.dark #lddfw_login .lddfw-auth-card .form-control-lg:focus,
.dark #lddfw_forgot_password .lddfw-auth-card .form-control-lg:focus,
.dark #lddfw_forgot_password_email_sent .lddfw-auth-card .form-control-lg:focus,
.dark #lddfw_new_password_created .lddfw-auth-card .form-control-lg:focus,
.dark #lddfw_create_new_password .lddfw-auth-card .form-control-lg:focus,
.dark #lddfw_application .lddfw-auth-card .form-control:focus,
.dark #lddfw_application .lddfw-auth-card .form-control-lg:focus {
border-color: var(--lddfw-home-cta-bg-1);
box-shadow: 0 0 0 3px rgba(255, 216, 106, 0.2);
} .dark #lddfw_application .lddfw-auth-card .lddfw-check,
.dark #lddfw_application .lddfw-auth-card .lddfw-radio {
background: rgba(255, 255, 255, 0.04);
}
.dark #lddfw_application .lddfw-auth-card .lddfw-check:hover,
.dark #lddfw_application .lddfw-auth-card .lddfw-radio:hover {
background: rgba(255, 255, 255, 0.08);
}
.dark #lddfw_application .lddfw-auth-card .lddfw-section-heading {
border-bottom-color: rgba(255, 255, 255, 0.08);
} .dark #lddfw_login .lddfw-auth-card::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23ffd86a' d='M416 448h-84c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h84c17.7 0 32-14.3 32-32V160c0-17.7-14.3-32-32-32h-84c-6.6 0-12-5.4-12-12V76c0-6.6 5.4-12 12-12h84c53 0 96 43 96 96v192c0 53-43 96-96 96zm-47-201L201 79c-15-15-41-4.5-41 17v96H24c-13.3 0-24 10.7-24 24v96c0 13.3 10.7 24 24 24h136v96c0 21.5 26 32 41 17l168-168c9.3-9.4 9.3-24.6 0-34z'/></svg>");
}
.dark #lddfw_forgot_password .lddfw-auth-card::before,
.dark #lddfw_create_new_password .lddfw-auth-card::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23ffd86a' d='M512 176.001C512 273.203 433.202 352 336 352c-11.22 0-22.19-1.062-32.827-3.069l-24.012 27.014A23.999 23.999 0 0 1 261.223 384H224v40c0 13.255-10.745 24-24 24h-40v40c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24v-78.059c0-6.365 2.529-12.47 7.029-16.971l161.802-161.802C163.108 213.814 160 195.271 160 176 160 78.798 238.797.001 335.999 0 433.488-.001 512 78.511 512 176.001zM336 128c0 26.51 21.49 48 48 48s48-21.49 48-48-21.49-48-48-48-48 21.49-48 48z'/></svg>");
}
.dark #lddfw_forgot_password_email_sent .lddfw-auth-card::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23ffd86a' d='M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z'/></svg>");
}
.dark #lddfw_new_password_created .lddfw-auth-card::before,
.dark #lddfw_application_thankyou .lddfw-auth-card::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23ffd86a' d='M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 48c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m140.204 130.267l-22.536-22.718c-4.667-4.705-12.265-4.736-16.97-.068L215.346 303.697l-59.792-60.277c-4.667-4.705-12.265-4.736-16.97-.069l-22.719 22.536c-4.705 4.667-4.736 12.265-.068 16.971l90.781 91.516c4.667 4.705 12.265 4.736 16.97.068l172.589-171.204c4.704-4.668 4.734-12.266.067-16.971z'/></svg>");
}
.dark #lddfw_application .lddfw-auth-card::before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='%23ffd86a' d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z'/></svg>");
}
#lddfw_application .lddfw-field-file,
#lddfw_application .lddfw-field-checkbox,
#lddfw_application .lddfw-field-radio,
#lddfw_application .lddfw-field-select {
margin-bottom: 15px !important;
}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;margin:0 0 -4px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left;padding:0}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin:0;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:var(--wc-form-color-background,#fff);color:var(--wc-form-color-text,#000);border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected],.select2-results__option[data-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#444}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none;margin:5px 5px 0 0}.select2-container--default .select2-selection--multiple .select2-selection__rendered li:before{content:"";display:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#444;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid #000 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true],.select2-container--default .select2-results__option[data-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[data-selected]{background-color:var(--wp-admin-theme-color,#0073aa);color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--single:focus{border:1px solid var(--wp-admin-theme-color,#0073aa)}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#444}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid var(--wp-admin-theme-color,#0073aa)}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:linear-gradient(to bottom,#fff 0,#eee 50%);background-repeat:repeat-x}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid var(--wp-admin-theme-color,#0073aa)}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid var(--wp-admin-theme-color,#0073aa)}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected],.select2-container--classic .select2-results__option--highlighted[data-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:var(--wp-admin-theme-color,#0073aa)}