@charset 'UTF-8';
:root
{
--blue: #5e72e4;
--indigo: #5603ad;
--purple: #8965e0;
--pink: #f3a4b5;
--red: #f5365c;
--orange: #fb6340;
--yellow: #ffd600;
--green: #2dce89;
--teal: #11cdef;
--cyan: #2bffc6;
--white: #fff;
--gray: #8898aa;
--gray-dark: #32325d;
--light: #ced4da;
--lighter: #e9ecef;
--primary: #8e939e;
--secondary: #f7fafc;
--success: #2dce89;
--info: #11cdef;
--warning: #fb6340;
--danger: #f5365c;
--light: #adb5bd;
--dark: #212529;
--default: #172b4d;
--white: #fff;
--neutral: #fff;
--darker: black;
--breakpoint-xs: 0;
--breakpoint-sm: 576px;
--breakpoint-md: 768px;
--breakpoint-lg: 992px;
--breakpoint-xl: 1200px;
--font-family-sans-serif: Open Sans, sans-serif;
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}
*,
*::before,
*::after
{
box-sizing: border-box;
}
html
{
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport
{
width: device-width;
}
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section
{
display: block;
}
body
{
font-family: Open Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
margin: 0;
text-align: left;
color: #525f7f;
background-color: #f8f9fe;
}
[tabindex='-1']:focus
{
outline: 0 !important;
}
hr
{
overflow: visible;
box-sizing: content-box;
height: 0;
}
h1,
h2,
h3,
h4,
h5,
h6
{
margin-top: 0;
margin-bottom: .5rem;
}
p
{
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title]
{
cursor: help;
text-decoration: underline;
text-decoration: underline dotted;
border-bottom: 0;
-webkit-text-decoration: underline dotted;
}
address
{
font-style: normal;
line-height: inherit;
margin-bottom: 1rem;
}
ol,
ul,
dl
{
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol
{
margin-bottom: 0;
}
dt
{
font-weight: 600;
}
dd
{
margin-bottom: .5rem;
margin-left: 0;
}
blockquote
{
margin: 0 0 1rem;
}
dfn
{
font-style: italic;
}
b,
strong
{
font-weight: bolder;
}
small
{
font-size: 80%;
}
sub,
sup
{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub
{
bottom: -.25em;
}
sup
{
top: -.5em;
}
a
{
text-decoration: none;
color: #5e72e4;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:hover
{
text-decoration: none;
color: #8d929d;
}
a:not([href]):not([tabindex])
{
text-decoration: none;
color: inherit;
}
a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus
{
text-decoration: none;
color: inherit;
}
a:not([href]):not([tabindex]):focus
{
outline: 0;
}
pre,
code,
kbd,
samp
{
font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
font-size: 1em;
}
pre
{
overflow: auto;
margin-top: 0;
margin-bottom: 1rem;
-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: 1rem;
padding-bottom: 1rem;
caption-side: bottom;
text-align: left;
color: #8898aa;
}
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;
}
input,
button,
select,
optgroup,
textarea
{
font-family: inherit;
font-size: inherit;
line-height: inherit;
margin: 0;
}
button,
input
{
overflow: visible;
}
button,
select
{
text-transform: none;
}
button,
html [type='button'],
[type='reset'],
[type='submit']
{
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner
{
padding: 0;
border-style: none;
}
input[type='radio'],
input[type='checkbox']
{
box-sizing: border-box;
padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month']
{
-webkit-appearance: listbox;
}
textarea
{
overflow: auto;
resize: vertical;
}
fieldset
{
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
legend
{
font-size: 1.5rem;
line-height: inherit;
display: block;
width: 100%;
max-width: 100%;
margin-bottom: .5rem;
padding: 0;
white-space: normal;
color: inherit;
}
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-cancel-button,
[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
{
font-family: inherit;
font-weight: 600;
line-height: 1.5;
margin-bottom: .5rem;
color: #32325d;
}
h1,
.h1
{
font-size: 1.625rem;
}
h2,
.h2
{
font-size: 1.25rem;
}
h3,
.h3
{
font-size: 1.0625rem;
}
h4,
.h4
{
font-size: .9375rem;
}
h5,
.h5
{
font-size: .8125rem;
}
h6,
.h6
{
font-size: .625rem;
}
.lead
{
font-size: 1.25rem;
font-weight: 300;
}
.display-1
{
font-size: 3.3rem;
font-weight: 600;
line-height: 1.5;
}
.display-2
{
font-size: 2.75rem;
font-weight: 600;
line-height: 1.5;
}
.display-3
{
font-size: 2.1875rem;
font-weight: 600;
line-height: 1.5;
}
.display-4
{
font-size: 1.6275rem;
font-weight: 600;
line-height: 1.5;
}
hr
{
margin-top: 2rem;
margin-bottom: 2rem;
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
{
font-size: 1.25rem;
margin-bottom: 1rem;
}
.blockquote-footer
{
font-size: 80%;
display: block;
color: #8898aa;
}
.blockquote-footer::before
{
content: '\2014 \00A0';
}
.img-fluid
{
max-width: 100%;
height: auto;
}
.img-thumbnail
{
max-width: 100%;
height: auto;
padding: .25rem;
border: 1px solid #dee2e6;
border-radius: .375rem;
background-color: #f8f9fe;
box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.figure
{
display: inline-block;
}
.figure-img
{
line-height: 1;
margin-bottom: .5rem;
}
.figure-caption
{
font-size: 90%;
color: #8898aa;
}
code
{
font-size: 87.5%;
word-break: break-word;
color: #f3a4b5;
}
a > code
{
color: inherit;
}
kbd
{
font-size: 87.5%;
padding: .2rem .4rem;
color: #fff;
border-radius: .25rem;
background-color: #212529;
box-shadow: inset 0 -.1rem 0 rgba(0, 0, 0, .25);
}
kbd kbd
{
font-size: 100%;
font-weight: 600;
padding: 0;
box-shadow: none;
}
pre
{
font-size: 87.5%;
display: block;
color: #212529;
}
pre code
{
font-size: inherit;
word-break: normal;
color: inherit;
}
.pre-scrollable
{
overflow-y: scroll;
max-height: 340px;
}
.container
{
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 576px)
{
.container
{
max-width: 540px;
}
}
@media (min-width: 768px)
{
.container
{
max-width: 720px;
}
}
@media (min-width: 992px)
{
.container
{
max-width: 960px;
}
}
@media (min-width: 1200px)
{
.container
{
max-width: 1140px;
}
}
.container-fluid
{
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
.row
{
display: flex;
margin-right: -15px;
margin-left: -15px;
flex-wrap: wrap;
}
.no-gutters
{
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*='col-']
{
padding-right: 0;
padding-left: 0;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.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-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.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-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.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-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.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-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto
{
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col
{
max-width: 100%;
flex-basis: 0;
flex-grow: 1;
}
.col-auto
{
width: auto;
max-width: none;
flex: 0 0 auto;
}
.col-1
{
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.col-2
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-3
{
max-width: 25%;
flex: 0 0 25%;
}
.col-4
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.col-5
{
max-width: 41.66667%;
flex: 0 0 41.66667%;
}
.col-6
{
max-width: 50%;
flex: 0 0 50%;
}
.col-7
{
max-width: 58.33333%;
flex: 0 0 58.33333%;
}
.col-8
{
max-width: 66.66667%;
flex: 0 0 66.66667%;
}
.col-9
{
max-width: 75%;
flex: 0 0 75%;
}
.col-10
{
max-width: 83.33333%;
flex: 0 0 83.33333%;
}
.col-11
{
max-width: 91.66667%;
flex: 0 0 91.66667%;
}
.col-12
{
max-width: 100%;
flex: 0 0 100%;
}
.order-first
{
order: -1;
}
.order-last
{
order: 13;
}
.order-0
{
order: 0;
}
.order-1
{
order: 1;
}
.order-2
{
order: 2;
}
.order-3
{
order: 3;
}
.order-4
{
order: 4;
}
.order-5
{
order: 5;
}
.order-6
{
order: 6;
}
.order-7
{
order: 7;
}
.order-8
{
order: 8;
}
.order-9
{
order: 9;
}
.order-10
{
order: 10;
}
.order-11
{
order: 11;
}
.order-12
{
order: 12;
}
.offset-1
{
margin-left: 8.33333%;
}
.offset-2
{
margin-left: 16.66667%;
}
.offset-3
{
margin-left: 25%;
}
.offset-4
{
margin-left: 33.33333%;
}
.offset-5
{
margin-left: 41.66667%;
}
.offset-6
{
margin-left: 50%;
}
.offset-7
{
margin-left: 58.33333%;
}
.offset-8
{
margin-left: 66.66667%;
}
.offset-9
{
margin-left: 75%;
}
.offset-10
{
margin-left: 83.33333%;
}
.offset-11
{
margin-left: 91.66667%;
}
@media (min-width: 576px)
{
.col-sm
{
max-width: 100%;
flex-basis: 0;
flex-grow: 1;
}
.col-sm-auto
{
width: auto;
max-width: none;
flex: 0 0 auto;
}
.col-sm-1
{
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.col-sm-2
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-sm-3
{
max-width: 25%;
flex: 0 0 25%;
}
.col-sm-4
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.col-sm-5
{
max-width: 41.66667%;
flex: 0 0 41.66667%;
}
.col-sm-6
{
max-width: 50%;
flex: 0 0 50%;
}
.col-sm-7
{
max-width: 58.33333%;
flex: 0 0 58.33333%;
}
.col-sm-8
{
max-width: 66.66667%;
flex: 0 0 66.66667%;
}
.col-sm-9
{
max-width: 75%;
flex: 0 0 75%;
}
.col-sm-10
{
max-width: 83.33333%;
flex: 0 0 83.33333%;
}
.col-sm-11
{
max-width: 91.66667%;
flex: 0 0 91.66667%;
}
.col-sm-12
{
max-width: 100%;
flex: 0 0 100%;
}
.order-sm-first
{
order: -1;
}
.order-sm-last
{
order: 13;
}
.order-sm-0
{
order: 0;
}
.order-sm-1
{
order: 1;
}
.order-sm-2
{
order: 2;
}
.order-sm-3
{
order: 3;
}
.order-sm-4
{
order: 4;
}
.order-sm-5
{
order: 5;
}
.order-sm-6
{
order: 6;
}
.order-sm-7
{
order: 7;
}
.order-sm-8
{
order: 8;
}
.order-sm-9
{
order: 9;
}
.order-sm-10
{
order: 10;
}
.order-sm-11
{
order: 11;
}
.order-sm-12
{
order: 12;
}
.offset-sm-0
{
margin-left: 0;
}
.offset-sm-1
{
margin-left: 8.33333%;
}
.offset-sm-2
{
margin-left: 16.66667%;
}
.offset-sm-3
{
margin-left: 25%;
}
.offset-sm-4
{
margin-left: 33.33333%;
}
.offset-sm-5
{
margin-left: 41.66667%;
}
.offset-sm-6
{
margin-left: 50%;
}
.offset-sm-7
{
margin-left: 58.33333%;
}
.offset-sm-8
{
margin-left: 66.66667%;
}
.offset-sm-9
{
margin-left: 75%;
}
.offset-sm-10
{
margin-left: 83.33333%;
}
.offset-sm-11
{
margin-left: 91.66667%;
}
}
@media (min-width: 768px)
{
.col-md
{
max-width: 100%;
flex-basis: 0;
flex-grow: 1;
}
.col-md-auto
{
width: auto;
max-width: none;
flex: 0 0 auto;
}
.col-md-1
{
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.col-md-2
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-md-3
{
max-width: 25%;
flex: 0 0 25%;
}
.col-md-4
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.col-md-5
{
max-width: 41.66667%;
flex: 0 0 41.66667%;
}
.col-md-6
{
max-width: 50%;
flex: 0 0 50%;
}
.col-md-7
{
max-width: 58.33333%;
flex: 0 0 58.33333%;
}
.col-md-8
{
max-width: 66.66667%;
flex: 0 0 66.66667%;
}
.col-md-9
{
max-width: 75%;
flex: 0 0 75%;
}
.col-md-10
{
max-width: 83.33333%;
flex: 0 0 83.33333%;
}
.col-md-11
{
max-width: 91.66667%;
flex: 0 0 91.66667%;
}
.col-md-12
{
max-width: 100%;
flex: 0 0 100%;
}
.order-md-first
{
order: -1;
}
.order-md-last
{
order: 13;
}
.order-md-0
{
order: 0;
}
.order-md-1
{
order: 1;
}
.order-md-2
{
order: 2;
}
.order-md-3
{
order: 3;
}
.order-md-4
{
order: 4;
}
.order-md-5
{
order: 5;
}
.order-md-6
{
order: 6;
}
.order-md-7
{
order: 7;
}
.order-md-8
{
order: 8;
}
.order-md-9
{
order: 9;
}
.order-md-10
{
order: 10;
}
.order-md-11
{
order: 11;
}
.order-md-12
{
order: 12;
}
.offset-md-0
{
margin-left: 0;
}
.offset-md-1
{
margin-left: 8.33333%;
}
.offset-md-2
{
margin-left: 16.66667%;
}
.offset-md-3
{
margin-left: 25%;
}
.offset-md-4
{
margin-left: 33.33333%;
}
.offset-md-5
{
margin-left: 41.66667%;
}
.offset-md-6
{
margin-left: 50%;
}
.offset-md-7
{
margin-left: 58.33333%;
}
.offset-md-8
{
margin-left: 66.66667%;
}
.offset-md-9
{
margin-left: 75%;
}
.offset-md-10
{
margin-left: 83.33333%;
}
.offset-md-11
{
margin-left: 91.66667%;
}
}
@media (min-width: 992px)
{
.col-lg
{
max-width: 100%;
flex-basis: 0;
flex-grow: 1;
}
.col-lg-auto
{
width: auto;
max-width: none;
flex: 0 0 auto;
}
.col-lg-1
{
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.col-lg-2
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-lg-3
{
max-width: 25%;
flex: 0 0 25%;
}
.col-lg-4
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.col-lg-5
{
max-width: 41.66667%;
flex: 0 0 41.66667%;
}
.col-lg-6
{
max-width: 50%;
flex: 0 0 50%;
}
.col-lg-7
{
max-width: 58.33333%;
flex: 0 0 58.33333%;
}
.col-lg-8
{
max-width: 66.66667%;
flex: 0 0 66.66667%;
}
.col-lg-9
{
max-width: 75%;
flex: 0 0 75%;
}
.col-lg-10
{
max-width: 83.33333%;
flex: 0 0 83.33333%;
}
.col-lg-11
{
max-width: 91.66667%;
flex: 0 0 91.66667%;
}
.col-lg-12
{
max-width: 100%;
flex: 0 0 100%;
}
.order-lg-first
{
order: -1;
}
.order-lg-last
{
order: 13;
}
.order-lg-0
{
order: 0;
}
.order-lg-1
{
order: 1;
}
.order-lg-2
{
order: 2;
}
.order-lg-3
{
order: 3;
}
.order-lg-4
{
order: 4;
}
.order-lg-5
{
order: 5;
}
.order-lg-6
{
order: 6;
}
.order-lg-7
{
order: 7;
}
.order-lg-8
{
order: 8;
}
.order-lg-9
{
order: 9;
}
.order-lg-10
{
order: 10;
}
.order-lg-11
{
order: 11;
}
.order-lg-12
{
order: 12;
}
.offset-lg-0
{
margin-left: 0;
}
.offset-lg-1
{
margin-left: 8.33333%;
}
.offset-lg-2
{
margin-left: 16.66667%;
}
.offset-lg-3
{
margin-left: 25%;
}
.offset-lg-4
{
margin-left: 33.33333%;
}
.offset-lg-5
{
margin-left: 41.66667%;
}
.offset-lg-6
{
margin-left: 50%;
}
.offset-lg-7
{
margin-left: 58.33333%;
}
.offset-lg-8
{
margin-left: 66.66667%;
}
.offset-lg-9
{
margin-left: 75%;
}
.offset-lg-10
{
margin-left: 83.33333%;
}
.offset-lg-11
{
margin-left: 91.66667%;
}
}
@media (min-width: 1300px)
{
.col-xl
{
max-width: 100%;
flex-basis: 0;
flex-grow: 1;
}
.col-xl-auto
{
width: auto;
max-width: none;
flex: 0 0 auto;
}
.col-xl-1
{
max-width: 8.33333%;
flex: 0 0 8.33333%;
}
.col-xl-2
{
max-width: 16.66667%;
flex: 0 0 16.66667%;
}
.col-xl-3
{
max-width: 25%;
flex: 0 0 25%;
}
.col-xl-4
{
max-width: 33.33333%;
flex: 0 0 33.33333%;
}
.col-xl-5
{
max-width: 41.66667%;
flex: 0 0 41.66667%;
}
.col-xl-6
{
max-width: 50%;
flex: 0 0 50%;
}
.col-xl-7
{
max-width: 58.33333%;
flex: 0 0 58.33333%;
}
.col-xl-8
{
max-width: 66.66667%;
flex: 0 0 66.66667%;
}
.col-xl-9
{
max-width: 75%;
flex: 0 0 75%;
}
.col-xl-10
{
max-width: 83.33333%;
flex: 0 0 83.33333%;
}
.col-xl-11
{
max-width: 91.66667%;
flex: 0 0 91.66667%;
}
.col-xl-12
{
max-width: 100%;
flex: 0 0 100%;
}
.order-xl-first
{
order: -1;
}
.order-xl-last
{
order: 13;
}
.order-xl-0
{
order: 0;
}
.order-xl-1
{
order: 1;
}
.order-xl-2
{
order: 2;
}
.order-xl-3
{
order: 3;
}
.order-xl-4
{
order: 4;
}
.order-xl-5
{
order: 5;
}
.order-xl-6
{
order: 6;
}
.order-xl-7
{
order: 7;
}
.order-xl-8
{
order: 8;
}
.order-xl-9
{
order: 9;
}
.order-xl-10
{
order: 10;
}
.order-xl-11
{
order: 11;
}
.order-xl-12
{
order: 12;
}
.offset-xl-0
{
margin-left: 0;
}
.offset-xl-1
{
margin-left: 8.33333%;
}
.offset-xl-2
{
margin-left: 16.66667%;
}
.offset-xl-3
{
margin-left: 25%;
}
.offset-xl-4
{
margin-left: 33.33333%;
}
.offset-xl-5
{
margin-left: 41.66667%;
}
.offset-xl-6
{
margin-left: 50%;
}
.offset-xl-7
{
margin-left: 58.33333%;
}
.offset-xl-8
{
margin-left: 66.66667%;
}
.offset-xl-9
{
margin-left: 75%;
}
.offset-xl-10
{
margin-left: 83.33333%;
}
.offset-xl-11
{
margin-left: 91.66667%;
}
}
.table
{
width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}
.table th,
.table td
{
padding: 1rem;
vertical-align: top;
border-top: 1px solid #e9ecef;
}
.table thead th
{
vertical-align: bottom;
border-bottom: 2px solid #e9ecef;
}
.table tbody + tbody
{
border-top: 2px solid #e9ecef;
}
.table .table
{
background-color: #f8f9fe;
}
.table-sm th,
.table-sm td
{
padding: .5rem;
}
.table-bordered
{
border: 1px solid #e9ecef;
}
.table-bordered th,
.table-bordered td
{
border: 1px solid #e9ecef;
}
.table-bordered thead th,
.table-bordered thead td
{
border-bottom-width: 2px;
}
.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody
{
border: 0;
}
.table-striped tbody tr:nth-of-type(odd)
{
background-color: rgba(246, 249, 252, .3);
}
.table-hover tbody tr:hover
{
background-color: #f6f9fc;
}
.table-primary,
.table-primary > th,
.table-primary > td
{
background-color: #d2d8f7;
}
.table-hover .table-primary:hover
{
background-color: #bcc5f3;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th
{
background-color: #bcc5f3;
}
.table-secondary,
.table-secondary > th,
.table-secondary > td
{
background-color: #fdfefe;
}
.table-hover .table-secondary:hover
{
background-color: #ecf6f6;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th
{
background-color: #ecf6f6;
}
.table-success,
.table-success > th,
.table-success > td
{
background-color: #c4f1de;
}
.table-hover .table-success:hover
{
background-color: #afecd2;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th
{
background-color: #afecd2;
}
.table-info,
.table-info > th,
.table-info > td
{
background-color: #bcf1fb;
}
.table-hover .table-info:hover
{
background-color: #a4ecfa;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th
{
background-color: #a4ecfa;
}
.table-warning,
.table-warning > th,
.table-warning > td
{
background-color: #fed3ca;
}
.table-hover .table-warning:hover
{
background-color: #febeb1;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th
{
background-color: #febeb1;
}
.table-danger,
.table-danger > th,
.table-danger > td
{
background-color: #fcc7d1;
}
.table-hover .table-danger:hover
{
background-color: #fbafbd;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th
{
background-color: #fbafbd;
}
.table-light,
.table-light > th,
.table-light > td
{
background-color: #e8eaed;
}
.table-hover .table-light:hover
{
background-color: #dadde2;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th
{
background-color: #dadde2;
}
.table-dark,
.table-dark > th,
.table-dark > td
{
background-color: #c1c2c3;
}
.table-hover .table-dark:hover
{
background-color: #b4b5b6;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th
{
background-color: #b4b5b6;
}
.table-default,
.table-default > th,
.table-default > td
{
background-color: #bec4cd;
}
.table-hover .table-default:hover
{
background-color: #b0b7c2;
}
.table-hover .table-default:hover > td,
.table-hover .table-default:hover > th
{
background-color: #b0b7c2;
}
.table-white,
.table-white > th,
.table-white > td
{
background-color: white;
}
.table-hover .table-white:hover
{
background-color: #f2f2f2;
}
.table-hover .table-white:hover > td,
.table-hover .table-white:hover > th
{
background-color: #f2f2f2;
}
.table-neutral,
.table-neutral > th,
.table-neutral > td
{
background-color: white;
}
.table-hover .table-neutral:hover
{
background-color: #f2f2f2;
}
.table-hover .table-neutral:hover > td,
.table-hover .table-neutral:hover > th
{
background-color: #f2f2f2;
}
.table-darker,
.table-darker > th,
.table-darker > td
{
background-color: #b8b8b8;
}
.table-hover .table-darker:hover
{
background-color: #ababab;
}
.table-hover .table-darker:hover > td,
.table-hover .table-darker:hover > th
{
background-color: #ababab;
}
.table-active,
.table-active > th,
.table-active > td
{
background-color: #f6f9fc;
}
.table-hover .table-active:hover
{
background-color: #e3ecf6;
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th
{
background-color: #e3ecf6;
}
.table .thead-dark th
{
color: #f8f9fe;
border-color: #1f3a68;
background-color: #172b4d;
}
.table .thead-light th
{
color: #8898aa;
border-color: #e9ecef;
background-color: #f6f9fc;
}
.table-dark
{
color: #f8f9fe;
background-color: #172b4d;
}
.table-dark th,
.table-dark td,
.table-dark thead th
{
border-color: #1f3a68;
}
.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
{
background-color: rgba(255, 255, 255, .075);
}
@media (max-width: 575.98px)
{
.table-responsive-sm
{
display: block;
overflow-x: auto;
width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-sm > .table-bordered
{
border: 0;
}
}
@media (max-width: 767.98px)
{
.table-responsive-md
{
display: block;
overflow-x: auto;
width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-md > .table-bordered
{
border: 0;
}
}
@media (max-width: 991.98px)
{
.table-responsive-lg
{
display: block;
overflow-x: auto;
width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-lg > .table-bordered
{
border: 0;
}
}
@media (max-width: 1199.98px)
{
.table-responsive-xl
{
display: block;
overflow-x: auto;
width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive-xl > .table-bordered
{
border: 0;
}
}
.table-responsive
{
display: block;
overflow-x: auto;
width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive > .table-bordered
{
border: 0;
}
.form-control
{
font-size: 1rem;
line-height: 1.5;
display: block;
width: 100%;
height: calc(2.75rem + 2px);
padding: .625rem .75rem;
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
color: #8898aa;
border: 1px solid #dee2e6;
border-radius: .25rem;
background-color: #fff;
background-clip: padding-box;
box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
padding: 10px;
}
@media screen and (prefers-reduced-motion: reduce)
{
.form-control
{
transition: none;
}
}
.form-control::-ms-expand
{
border: 0;
background-color: transparent;
}
.form-control:focus
{
color: #8898aa;
border-color: #5e72e4;
outline: 0;
background-color: #fff;
box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
}
.form-control::-ms-input-placeholder
{
opacity: 1;
color: #adb5bd;
}
.form-control::placeholder
{
opacity: 1;
color: #adb5bd;
}
.form-control:disabled,
.form-control[readonly]
{
opacity: 1;
background-color: #e9ecef;
}
select.form-control:focus::-ms-value
{
color: #8898aa;
background-color: #fff;
}
.form-control-file,
.form-control-range
{
display: block;
width: 100%;
}
.col-form-label
{
font-size: inherit;
line-height: 1.5;
margin-bottom: 0;
padding-top: calc(.625rem + 1px);
padding-bottom: calc(.625rem + 1px);
}
.col-form-label-lg
{
font-size: 1.25rem;
line-height: 1.5;
padding-top: calc(.875rem + 1px);
padding-bottom: calc(.875rem + 1px);
}
.col-form-label-sm
{
font-size: .875rem;
line-height: 1.5;
padding-top: calc(.25rem + 1px);
padding-bottom: calc(.25rem + 1px);
}
.form-control-plaintext
{
line-height: 1.5;
display: block;
width: 100%;
margin-bottom: 0;
padding-top: .625rem;
padding-bottom: .625rem;
color: #525f7f;
border: solid transparent;
border-width: 1px 0;
background-color: transparent;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg
{
padding-right: 0;
padding-left: 0;
}
.form-control-sm
{
font-size: .875rem;
line-height: 1.5;
height: calc(1.8125rem + 2px);
padding: .25rem .5rem;
border-radius: .25rem;
}
.form-control-lg
{
font-size: 1.25rem;
line-height: 1.5;
height: calc(3.625rem + 2px);
padding: .875rem 1rem;
border-radius: .4375rem;
}
select.form-control[size],
select.form-control[multiple]
{
height: auto;
}
textarea.form-control
{
height: auto;
}
.form-group
{
margin-bottom: 1.5rem;
}
.form-text
{
display: block;
margin-top: .25rem;
}
.form-row
{
display: flex;
margin-right: -5px;
margin-left: -5px;
flex-wrap: wrap;
}
.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
{
color: #8898aa;
}
.form-check-label
{
margin-bottom: 0;
}
.form-check-inline
{
display: inline-flex;
margin-right: .75rem;
padding-left: 0;
align-items: center;
}
.form-check-inline .form-check-input
{
position: static;
margin-top: 0;
margin-right: .3125rem;
margin-left: 0;
}
.valid-feedback
{
font-size: 80%;
display: none;
width: 100%;
margin-top: .25rem;
color: #2dce89;
}
.valid-tooltip
{
font-size: .875rem;
line-height: 1;
position: absolute;
z-index: 5;
top: 100%;
display: none;
max-width: 100%;
margin-top: .1rem;
padding: .5rem;
color: #fff;
border-radius: .2rem;
background-color: rgba(45, 206, 137, .8);
}
.was-validated .form-control:valid,
.form-control.is-valid,
.was-validated
.custom-select:valid,
.custom-select.is-valid
{
border-color: #2dce89;
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus,
.was-validated
.custom-select:valid:focus,
.custom-select.is-valid:focus
{
border-color: #2dce89;
}
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .form-control:valid ~ .valid-tooltip,
.form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-tooltip,
.was-validated
.custom-select:valid ~ .valid-feedback,
.was-validated
.custom-select:valid ~ .valid-tooltip,
.custom-select.is-valid ~ .valid-feedback,
.custom-select.is-valid ~ .valid-tooltip
{
display: block;
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label
{
color: #2dce89;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip,
.form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip
{
display: block;
}
.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label
{
color: #2dce89;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before
{
border-color: #93e7c3;
background-color: #93e7c3;
}
.was-validated .custom-control-input:valid ~ .valid-feedback,
.was-validated .custom-control-input:valid ~ .valid-tooltip,
.custom-control-input.is-valid ~ .valid-feedback,
.custom-control-input.is-valid ~ .valid-tooltip
{
display: block;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before
{
border-color: #93e7c3;
background-color: #54daa1;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before
{
box-shadow: 0 0 0 1px #f8f9fe, 0 0 0 0 rgba(45, 206, 137, .25);
}
.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label
{
border-color: #2dce89;
}
.was-validated .custom-file-input:valid ~ .custom-file-label::before,
.custom-file-input.is-valid ~ .custom-file-label::before
{
border-color: inherit;
}
.was-validated .custom-file-input:valid ~ .valid-feedback,
.was-validated .custom-file-input:valid ~ .valid-tooltip,
.custom-file-input.is-valid ~ .valid-feedback,
.custom-file-input.is-valid ~ .valid-tooltip
{
display: block;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label
{
box-shadow: 0 0 0 0 rgba(45, 206, 137, .25);
}
.invalid-feedback
{
font-size: 80%;
display: none;
width: 100%;
margin-top: .25rem;
color: #fb6340;
}
.invalid-tooltip
{
font-size: .875rem;
line-height: 1;
position: absolute;
z-index: 5;
top: 100%;
display: none;
max-width: 100%;
margin-top: .1rem;
padding: .5rem;
color: #fff;
border-radius: .2rem;
background-color: rgba(251, 99, 64, .8);
}
.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated
.custom-select:invalid,
.custom-select.is-invalid
{
border-color: #fb6340;
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated
.custom-select:invalid:focus,
.custom-select.is-invalid:focus
{
border-color: #fb6340;
}
.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated
.custom-select:invalid ~ .invalid-feedback,
.was-validated
.custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip
{
display: block;
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label
{
color: #fb6340;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip
{
display: block;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label
{
color: #fb6340;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before
{
border-color: #fec9bd;
background-color: #fec9bd;
}
.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip,
.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip
{
display: block;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before
{
border-color: #fec9bd;
background-color: #fc8c72;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before
{
box-shadow: 0 0 0 1px #f8f9fe, 0 0 0 0 rgba(251, 99, 64, .25);
}
.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label
{
border-color: #fb6340;
}
.was-validated .custom-file-input:invalid ~ .custom-file-label::before,
.custom-file-input.is-invalid ~ .custom-file-label::before
{
border-color: inherit;
}
.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip,
.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip
{
display: block;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label
{
box-shadow: 0 0 0 0 rgba(251, 99, 64, .25);
}
.form-inline
{
display: flex;
flex-flow: row wrap;
align-items: center;
}
.form-inline .form-check
{
width: 100%;
}
@media (min-width: 576px)
{
.form-inline label
{
display: flex;
margin-bottom: 0;
align-items: center;
justify-content: center;
}
.form-inline .form-group
{
display: flex;
margin-bottom: 0;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
}
.form-inline .form-control
{
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-plaintext
{
display: inline-block;
}
.form-inline .input-group,
.form-inline .custom-select
{
width: auto;
}
.form-inline .form-check
{
display: flex;
width: auto;
padding-left: 0;
align-items: center;
justify-content: center;
}
.form-inline .form-check-input
{
position: relative;
margin-top: 0;
margin-right: .25rem;
margin-left: 0;
}
.form-inline .custom-control
{
align-items: center;
justify-content: center;
}
.form-inline .custom-control-label
{
margin-bottom: 0;
}
}
.btn
{
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
display: inline-block;
padding: .625rem 1.25rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
text-align: center;
vertical-align: middle;
white-space: nowrap;
border: 1px solid transparent;
border-radius: .25rem;
}
@media screen and (prefers-reduced-motion: reduce)
{
.btn
{
transition: none;
}
}
.btn:hover,
.btn:focus
{
text-decoration: none;
}
.btn:focus,
.btn.focus
{
outline: 0;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.btn.disabled,
.btn:disabled
{
opacity: .65;
box-shadow: none;
}
.btn:not(:disabled):not(.disabled)
{
cursor: pointer;
}
.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active
{
box-shadow: none;
}
.btn:not(:disabled):not(.disabled):active:focus,
.btn:not(:disabled):not(.disabled).active:focus
{
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08), none;
}
a.btn.disabled,
fieldset:disabled a.btn
{
pointer-events: none;
}
.btn-primary
{
color: #fff;
border-color: #49b887;
background-color: #49b887;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-primary:hover
{
color: #fff;
border-color: #49b887;
background-color: #49b887;
}
.btn-primary:focus,
.btn-primary.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(94, 114, 228, .5);
}
.btn-primary.disabled,
.btn-primary:disabled
{
color: #fff;
border-color: #5e72e4;
background-color: #5e72e4;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle
{
color: #fff;
border-color: #2dcd89;
background-color: #2dcd89;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(94, 114, 228, .5);
}
.btn-secondary
{
color: #212529;
border-color: #f7fafc;
background-color: #f7fafc;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-secondary:hover
{
color: #212529;
border-color: #f7fafc;
background-color: #f7fafc;
}
.btn-secondary:focus,
.btn-secondary.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(247, 250, 252, .5);
}
.btn-secondary.disabled,
.btn-secondary:disabled
{
color: #212529;
border-color: #f7fafc;
background-color: #f7fafc;
}
.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show > .btn-secondary.dropdown-toggle
{
color: #212529;
border-color: #f7fafc;
background-color: #d2e3ee;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .btn-secondary.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(247, 250, 252, .5);
}
.btn-success
{
color: #fff;
border-color: #2dce89;
background-color: #2dce89;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-success:hover
{
color: #fff;
border-color: #2dce89;
background-color: #2dce89;
}
.btn-success:focus,
.btn-success.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(45, 206, 137, .5);
}
.btn-success.disabled,
.btn-success:disabled
{
color: #fff;
border-color: #2dce89;
background-color: #2dce89;
}
.btn-success:not(:disabled):not(.disabled):active,
.btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle
{
color: #fff;
border-color: #2dce89;
background-color: #24a46d;
}
.btn-success:not(:disabled):not(.disabled):active:focus,
.btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(45, 206, 137, .5);
}
.btn-info
{
color: #fff;
border-color: #11cdef;
background-color: #11cdef;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-info:hover
{
color: #fff;
border-color: #11cdef;
background-color: #11cdef;
}
.btn-info:focus,
.btn-info.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(17, 205, 239, .5);
}
.btn-info.disabled,
.btn-info:disabled
{
color: #fff;
border-color: #11cdef;
background-color: #11cdef;
}
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.show > .btn-info.dropdown-toggle
{
color: #fff;
border-color: #11cdef;
background-color: #0da5c0;
}
.btn-info:not(:disabled):not(.disabled):active:focus,
.btn-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-info.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(17, 205, 239, .5);
}
.btn-warning
{
color: #fff;
border-color: #fb6340;
background-color: #fb6340;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-warning:hover
{
color: #fff;
border-color: #fb6340;
background-color: #fb6340;
}
.btn-warning:focus,
.btn-warning.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(251, 99, 64, .5);
}
.btn-warning.disabled,
.btn-warning:disabled
{
color: #fff;
border-color: #fb6340;
background-color: #fb6340;
}
.btn-warning:not(:disabled):not(.disabled):active,
.btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-warning.dropdown-toggle
{
color: #fff;
border-color: #fb6340;
background-color: #fa3a0e;
}
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(251, 99, 64, .5);
}
.btn-danger
{
color: #fff;
border-color: #f5365c;
background-color: #f5365c;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-danger:hover
{
color: #fff;
border-color: #f5365c;
background-color: #f5365c;
}
.btn-danger:focus,
.btn-danger.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(245, 54, 92, .5);
}
.btn-danger.disabled,
.btn-danger:disabled
{
color: #fff;
border-color: #f5365c;
background-color: #f5365c;
}
.btn-danger:not(:disabled):not(.disabled):active,
.btn-danger:not(:disabled):not(.disabled).active,
.show > .btn-danger.dropdown-toggle
{
color: #fff;
border-color: #f5365c;
background-color: #ec0c38;
}
.btn-danger:not(:disabled):not(.disabled):active:focus,
.btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-danger.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(245, 54, 92, .5);
}
.btn-light
{
color: #fff;
border-color: #adb5bd;
background-color: #adb5bd;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-light:hover
{
color: #fff;
border-color: #adb5bd;
background-color: #adb5bd;
}
.btn-light:focus,
.btn-light.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(173, 181, 189, .5);
}
.btn-light.disabled,
.btn-light:disabled
{
color: #fff;
border-color: #adb5bd;
background-color: #adb5bd;
}
.btn-light:not(:disabled):not(.disabled):active,
.btn-light:not(:disabled):not(.disabled).active,
.show > .btn-light.dropdown-toggle
{
color: #fff;
border-color: #adb5bd;
background-color: #919ca6;
}
.btn-light:not(:disabled):not(.disabled):active:focus,
.btn-light:not(:disabled):not(.disabled).active:focus,
.show > .btn-light.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(173, 181, 189, .5);
}
.btn-dark
{
color: #fff;
border-color: #212529;
background-color: #212529;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-dark:hover
{
color: #fff;
border-color: #212529;
background-color: #212529;
}
.btn-dark:focus,
.btn-dark.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(33, 37, 41, .5);
}
.btn-dark.disabled,
.btn-dark:disabled
{
color: #fff;
border-color: #212529;
background-color: #212529;
}
.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle
{
color: #fff;
border-color: #212529;
background-color: #0a0c0d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(33, 37, 41, .5);
}
.btn-default
{
color: #fff;
border-color: #172b4d;
background-color: #172b4d;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-default:hover
{
color: #fff;
border-color: #172b4d;
background-color: #172b4d;
}
.btn-default:focus,
.btn-default.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(23, 43, 77, .5);
}
.btn-default.disabled,
.btn-default:disabled
{
color: #fff;
border-color: #172b4d;
background-color: #172b4d;
}
.btn-default:not(:disabled):not(.disabled):active,
.btn-default:not(:disabled):not(.disabled).active,
.show > .btn-default.dropdown-toggle
{
color: #fff;
border-color: #172b4d;
background-color: #0b1526;
}
.btn-default:not(:disabled):not(.disabled):active:focus,
.btn-default:not(:disabled):not(.disabled).active:focus,
.show > .btn-default.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(23, 43, 77, .5);
}
.btn-white
{
color: #212529;
border-color: #fff;
background-color: #fff;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-white:hover
{
color: #212529;
border-color: white;
background-color: white;
}
.btn-white:focus,
.btn-white.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(255, 255, 255, .5);
}
.btn-white.disabled,
.btn-white:disabled
{
color: #212529;
border-color: #fff;
background-color: #fff;
}
.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled).active,
.show > .btn-white.dropdown-toggle
{
color: #212529;
border-color: white;
background-color: #e6e6e6;
}
.btn-white:not(:disabled):not(.disabled):active:focus,
.btn-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-white.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(255, 255, 255, .5);
}
.btn-neutral
{
color: #212529;
border-color: #fff;
background-color: #fff;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-neutral:focus,
.btn-neutral.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(255, 255, 255, .5);
}
.btn-neutral.disabled,
.btn-neutral:disabled
{
color: #212529;
border-color: #fff;
background-color: #fff;
}
.btn-neutral:not(:disabled):not(.disabled):active,
.btn-neutral:not(:disabled):not(.disabled).active,
.show > .btn-neutral.dropdown-toggle
{
color: #212529;
border-color: white;
background-color: #e6e6e6;
}
.btn-neutral:not(:disabled):not(.disabled):active:focus,
.btn-neutral:not(:disabled):not(.disabled).active:focus,
.show > .btn-neutral.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(255, 255, 255, .5);
}
.btn-darker
{
color: #fff;
border-color: black;
background-color: black;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-darker:hover
{
color: #fff;
border-color: black;
background-color: black;
}
.btn-darker:focus,
.btn-darker.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(0, 0, 0, .5);
}
.btn-darker.disabled,
.btn-darker:disabled
{
color: #fff;
border-color: black;
background-color: black;
}
.btn-darker:not(:disabled):not(.disabled):active,
.btn-darker:not(:disabled):not(.disabled).active,
.show > .btn-darker.dropdown-toggle
{
color: #fff;
border-color: black;
background-color: black;
}
.btn-darker:not(:disabled):not(.disabled):active:focus,
.btn-darker:not(:disabled):not(.disabled).active:focus,
.show > .btn-darker.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(0, 0, 0, .5);
}
.btn-outline-primary
{
color: #5e72e4;
border-color: #5e72e4;
background-color: transparent;
background-image: none;
}
.btn-outline-primary:hover
{
color: #fff;
border-color: #5e72e4;
background-color: #5e72e4;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus
{
box-shadow: 0 0 0 0 rgba(94, 114, 228, .5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled
{
color: #5e72e4;
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;
border-color: #5e72e4;
background-color: #5e72e4;
}
.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 0 rgba(94, 114, 228, .5);
}
.btn-outline-secondary
{
color: #f7fafc;
border-color: #f7fafc;
background-color: transparent;
background-image: none;
}
.btn-outline-secondary:hover
{
color: #212529;
border-color: #f7fafc;
background-color: #f7fafc;
}
.btn-outline-secondary:focus,
.btn-outline-secondary.focus
{
box-shadow: 0 0 0 0 rgba(247, 250, 252, .5);
}
.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled
{
color: #f7fafc;
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: #212529;
border-color: #f7fafc;
background-color: #f7fafc;
}
.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 0 rgba(247, 250, 252, .5);
}
.btn-outline-success
{
color: #2dce89;
border-color: #2dce89;
background-color: transparent;
background-image: none;
}
.btn-outline-success:hover
{
color: #fff;
border-color: #2dce89;
background-color: #2dce89;
}
.btn-outline-success:focus,
.btn-outline-success.focus
{
box-shadow: 0 0 0 0 rgba(45, 206, 137, .5);
}
.btn-outline-success.disabled,
.btn-outline-success:disabled
{
color: #2dce89;
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;
border-color: #2dce89;
background-color: #2dce89;
}
.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 0 rgba(45, 206, 137, .5);
}
.btn-outline-info
{
color: #11cdef;
border-color: #11cdef;
background-color: transparent;
background-image: none;
}
.btn-outline-info:hover
{
color: #fff;
border-color: #11cdef;
background-color: #11cdef;
}
.btn-outline-info:focus,
.btn-outline-info.focus
{
box-shadow: 0 0 0 0 rgba(17, 205, 239, .5);
}
.btn-outline-info.disabled,
.btn-outline-info:disabled
{
color: #11cdef;
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;
border-color: #11cdef;
background-color: #11cdef;
}
.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 0 rgba(17, 205, 239, .5);
}
.btn-outline-warning
{
color: #fb6340;
border-color: #fb6340;
background-color: transparent;
background-image: none;
}
.btn-outline-warning:hover
{
color: #fff;
border-color: #fb6340;
background-color: #fb6340;
}
.btn-outline-warning:focus,
.btn-outline-warning.focus
{
box-shadow: 0 0 0 0 rgba(251, 99, 64, .5);
}
.btn-outline-warning.disabled,
.btn-outline-warning:disabled
{
color: #fb6340;
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: #fff;
border-color: #fb6340;
background-color: #fb6340;
}
.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 0 rgba(251, 99, 64, .5);
}
.btn-outline-danger
{
color: #f5365c;
border-color: #f5365c;
background-color: transparent;
background-image: none;
}
.btn-outline-danger:hover
{
color: #fff;
border-color: #f5365c;
background-color: #f5365c;
}
.btn-outline-danger:focus,
.btn-outline-danger.focus
{
box-shadow: 0 0 0 0 rgba(245, 54, 92, .5);
}
.btn-outline-danger.disabled,
.btn-outline-danger:disabled
{
color: #f5365c;
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;
border-color: #f5365c;
background-color: #f5365c;
}
.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 0 rgba(245, 54, 92, .5);
}
.btn-outline-light
{
color: #adb5bd;
border-color: #adb5bd;
background-color: transparent;
background-image: none;
}
.btn-outline-light:hover
{
color: #fff;
border-color: #adb5bd;
background-color: #adb5bd;
}
.btn-outline-light:focus,
.btn-outline-light.focus
{
box-shadow: 0 0 0 0 rgba(173, 181, 189, .5);
}
.btn-outline-light.disabled,
.btn-outline-light:disabled
{
color: #adb5bd;
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: #fff;
border-color: #adb5bd;
background-color: #adb5bd;
}
.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 0 rgba(173, 181, 189, .5);
}
.btn-outline-dark
{
color: #212529;
border-color: #212529;
background-color: transparent;
background-image: none;
}
.btn-outline-dark:hover
{
color: #fff;
border-color: #212529;
background-color: #212529;
}
.btn-outline-dark:focus,
.btn-outline-dark.focus
{
box-shadow: 0 0 0 0 rgba(33, 37, 41, .5);
}
.btn-outline-dark.disabled,
.btn-outline-dark:disabled
{
color: #212529;
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;
border-color: #212529;
background-color: #212529;
}
.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 0 rgba(33, 37, 41, .5);
}
.btn-outline-default
{
color: #172b4d;
border-color: #172b4d;
background-color: transparent;
background-image: none;
}
.btn-outline-default:hover
{
color: #fff;
border-color: #172b4d;
background-color: #172b4d;
}
.btn-outline-default:focus,
.btn-outline-default.focus
{
box-shadow: 0 0 0 0 rgba(23, 43, 77, .5);
}
.btn-outline-default.disabled,
.btn-outline-default:disabled
{
color: #172b4d;
background-color: transparent;
}
.btn-outline-default:not(:disabled):not(.disabled):active,
.btn-outline-default:not(:disabled):not(.disabled).active,
.show > .btn-outline-default.dropdown-toggle
{
color: #fff;
border-color: #172b4d;
background-color: #172b4d;
}
.btn-outline-default:not(:disabled):not(.disabled):active:focus,
.btn-outline-default:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-default.dropdown-toggle:focus
{
box-shadow: 0 0 0 0 rgba(23, 43, 77, .5);
}
.btn-outline-white
{
color: #fff;
border-color: #fff;
background-color: transparent;
background-image: none;
}
.btn-outline-white:hover
{
color: #212529;
border-color: #fff;
background-color: #fff;
}
.btn-outline-white:focus,
.btn-outline-white.focus
{
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
}
.btn-outline-white.disabled,
.btn-outline-white:disabled
{
color: #fff;
background-color: transparent;
}
.btn-outline-white:not(:disabled):not(.disabled):active,
.btn-outline-white:not(:disabled):not(.disabled).active,
.show > .btn-outline-white.dropdown-toggle
{
color: #212529;
border-color: #fff;
background-color: #fff;
}
.btn-outline-white:not(:disabled):not(.disabled):active:focus,
.btn-outline-white:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-white.dropdown-toggle:focus
{
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
}
.btn-outline-neutral
{
color: #fff;
border-color: #fff;
background-color: transparent;
background-image: none;
}
.btn-outline-neutral:hover
{
color: #212529;
border-color: #fff;
background-color: #fff;
}
.btn-outline-neutral:focus,
.btn-outline-neutral.focus
{
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
}
.btn-outline-neutral.disabled,
.btn-outline-neutral:disabled
{
color: #fff;
background-color: transparent;
}
.btn-outline-neutral:not(:disabled):not(.disabled):active,
.btn-outline-neutral:not(:disabled):not(.disabled).active,
.show > .btn-outline-neutral.dropdown-toggle
{
color: #212529;
border-color: #fff;
background-color: #fff;
}
.btn-outline-neutral:not(:disabled):not(.disabled):active:focus,
.btn-outline-neutral:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-neutral.dropdown-toggle:focus
{
box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
}
.btn-outline-darker
{
color: black;
border-color: black;
background-color: transparent;
background-image: none;
}
.btn-outline-darker:hover
{
color: #fff;
border-color: black;
background-color: black;
}
.btn-outline-darker:focus,
.btn-outline-darker.focus
{
box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
}
.btn-outline-darker.disabled,
.btn-outline-darker:disabled
{
color: black;
background-color: transparent;
}
.btn-outline-darker:not(:disabled):not(.disabled):active,
.btn-outline-darker:not(:disabled):not(.disabled).active,
.show > .btn-outline-darker.dropdown-toggle
{
color: #fff;
border-color: black;
background-color: black;
}
.btn-outline-darker:not(:disabled):not(.disabled):active:focus,
.btn-outline-darker:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-darker.dropdown-toggle:focus
{
box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
}
.btn-link
{
font-weight: 400;
color: #5e72e4;
background-color: transparent;
}
.btn-link:hover
{
text-decoration: none;
color: #233dd2;
border-color: transparent;
background-color: transparent;
}
.btn-link:focus,
.btn-link.focus
{
text-decoration: none;
border-color: transparent;
box-shadow: none;
}
.btn-link:disabled,
.btn-link.disabled
{
pointer-events: none;
color: #8898aa;
}
.btn-lg,
.btn-group-lg > .btn
{
font-size: 1.25rem;
line-height: 1.5;
padding: .875rem 1rem;
border-radius: .4375rem;
}
.btn-sm,
.btn-group-sm > .btn
{
font-size: .875rem;
line-height: 1.5;
padding: .25rem .5rem;
border-radius: .25rem;
}
.btn-block
{
display: block;
width: 100%;
}
.btn-block + .btn-block
{
margin-top: .5rem;
}
input[type='submit'].btn-block,
input[type='reset'].btn-block,
input[type='button'].btn-block
{
width: 100%;
}
.fade
{
transition: opacity .15s linear;
}
@media screen and (prefers-reduced-motion: reduce)
{
.fade
{
transition: none;
}
}
.fade:not(.show)
{
opacity: 0;
}
.collapse:not(.show)
{
display: none;
}
.collapsing
{
position: relative;
overflow: hidden;
height: 0;
transition: height .3s ease;
}
@media screen and (prefers-reduced-motion: reduce)
{
.collapsing
{
transition: none;
}
}
.dropup,
.dropright,
.dropdown,
.dropleft
{
position: relative;
}
.dropdown-toggle::after
{
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
content: '';
vertical-align: .255em;
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
{
font-size: 1rem;
position: absolute;
z-index: 1000;
top: 100%;
left: 0;
display: none;
float: left;
min-width: 10rem;
margin: .125rem 0 0;
padding: .5rem 0;
list-style: none;
text-align: left;
color: #525f7f;
border: 0 solid rgba(0, 0, 0, .15);
border-radius: .4375rem;
background-color: #fff;
background-clip: padding-box;
box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
}
.dropdown-menu-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;
width: 0;
height: 0;
margin-left: .255em;
content: '';
vertical-align: .255em;
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;
width: 0;
height: 0;
margin-left: .255em;
content: '';
vertical-align: .255em;
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;
width: 0;
height: 0;
margin-left: .255em;
content: '';
vertical-align: .255em;
}
.dropleft .dropdown-toggle::after
{
display: none;
}
.dropleft .dropdown-toggle::before
{
display: inline-block;
width: 0;
height: 0;
margin-right: .255em;
content: '';
vertical-align: .255em;
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^='top'],
.dropdown-menu[x-placement^='right'],
.dropdown-menu[x-placement^='bottom'],
.dropdown-menu[x-placement^='left']
{
right: auto;
bottom: auto;
}
.dropdown-divider
{
overflow: hidden;
height: 0;
margin: .5rem 0;
border-top: 1px solid #e9ecef;
}
.dropdown-item
{
font-weight: 400;
display: block;
clear: both;
width: 100%;
padding: .5rem 1rem;
text-align: inherit;
white-space: nowrap;
color: #212529;
border: 0;
background-color: transparent;
}
.dropdown-item:hover,
.dropdown-item:focus
{
text-decoration: none;
color: #16181b;
background-color: #f6f9fc;
}
.dropdown-item.active,
.dropdown-item:active
{
text-decoration: none;
color: #16181b;
background-color: transparent;
}
.dropdown-item.disabled,
.dropdown-item:disabled
{
color: #8898aa;
background-color: transparent;
}
.dropdown-menu.show
{
display: block;
}
.dropdown-header
{
font-size: .875rem;
display: block;
margin-bottom: 0;
padding: .5rem 1rem;
white-space: nowrap;
color: #8898aa;
}
.dropdown-item-text
{
display: block;
padding: .5rem 1rem;
color: #212529;
}
.btn-group,
.btn-group-vertical
{
position: relative;
display: inline-flex;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn
{
position: relative;
flex: 0 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover
{
z-index: 1;
}
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active
{
z-index: 1;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group,
.btn-group-vertical .btn + .btn,
.btn-group-vertical .btn + .btn-group,
.btn-group-vertical .btn-group + .btn,
.btn-group-vertical .btn-group + .btn-group
{
margin-left: -1px;
}
.btn-toolbar
{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.btn-toolbar .input-group
{
width: auto;
}
.btn-group > .btn:first-child
{
margin-left: 0;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn
{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn
{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.dropdown-toggle-split
{
padding-right: .9375rem;
padding-left: .9375rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after
{
margin-left: 0;
}
.dropleft .dropdown-toggle-split::before
{
margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split
{
padding-right: .375rem;
padding-left: .375rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split
{
padding-right: .75rem;
padding-left: .75rem;
}
.btn-group.show .dropdown-toggle
{
box-shadow: none;
}
.btn-group.show .dropdown-toggle.btn-link
{
box-shadow: none;
}
.btn-group-vertical
{
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.btn-group-vertical .btn,
.btn-group-vertical .btn-group
{
width: 100%;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group
{
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn
{
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn
{
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='radio'],
.btn-group-toggle > .btn input[type='checkbox'],
.btn-group-toggle > .btn-group > .btn input[type='radio'],
.btn-group-toggle > .btn-group > .btn input[type='checkbox']
{
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group
{
position: relative;
display: flex;
width: 100%;
flex-wrap: wrap;
align-items: stretch;
}
.input-group > .form-control,
.input-group > .custom-select,
.input-group > .custom-file
{
position: relative;
width: 1%;
margin-bottom: 0;
flex: 1 1 auto;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file
{
margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label
{
z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus
{
z-index: 4;
}
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child)
{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child)
{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group > .custom-file
{
display: flex;
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-prepend,
.input-group-append
{
display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn
{
position: relative;
z-index: 2;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn
{
margin-left: -1px;
}
.input-group-prepend
{
margin-right: -1px;
}
.input-group-append
{
margin-left: -1px;
}
.input-group-text
{
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
display: flex;
margin-bottom: 0;
padding: .625rem .75rem;
text-align: center;
white-space: nowrap;
color: #adb5bd;
border: 1px solid #dee2e6;
border-radius: .25rem;
background-color: #fff;
align-items: center;
}
.input-group-text input[type='radio'],
.input-group-text input[type='checkbox']
{
margin-top: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn
{
font-size: 1.25rem;
line-height: 1.5;
height: calc(3.625rem + 2px);
padding: .875rem 1rem;
border-radius: .4375rem;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn
{
font-size: .875rem;
line-height: 1.5;
height: calc(1.8125rem + 2px);
padding: .25rem .5rem;
border-radius: .25rem;
}
.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.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)
{
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:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .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)
{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.custom-control
{
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.75rem;
}
.custom-control-inline
{
display: inline-flex;
margin-right: 1rem;
}
.custom-control-input
{
position: absolute;
z-index: -1;
opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before
{
color: #fff;
background-color: #5e72e4;
box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
}
.custom-control-input:focus ~ .custom-control-label::before
{
box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
}
.custom-control-input:active ~ .custom-control-label::before
{
color: #fff;
background-color: #5e72e4;
box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
}
.custom-control-input:disabled ~ .custom-control-label
{
color: #8898aa;
}
.custom-control-input:disabled ~ .custom-control-label::before
{
background-color: #e9ecef;
}
.custom-control-label
{
position: relative;
margin-bottom: 0;
}
.custom-control-label::before
{
position: absolute;
top: .25rem;
left: -1.75rem;
display: block;
width: 1rem;
height: 1rem;
content: '';
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
background-color: #fff;
box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
}
.custom-control-label::after
{
position: absolute;
top: .25rem;
left: -1.75rem;
display: block;
width: 1rem;
height: 1rem;
content: '';
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.custom-checkbox .custom-control-label::before
{
border-radius: .25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before
{
background-color: #5e72e4;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after
{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3E%3C/svg%3E');
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before
{
background-color: #5e72e4;
box-shadow: none;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after
{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' 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(94, 114, 228, .5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before
{
background-color: rgba(94, 114, 228, .5);
}
.custom-radio .custom-control-label::before
{
border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before
{
background-color: #5e72e4;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after
{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' 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(94, 114, 228, .5);
}
.custom-select
{
line-height: 1.5;
display: inline-block;
width: 100%;
height: calc(2.75rem + 2px);
padding: .375rem 1.75rem .375rem .75rem;
vertical-align: middle;
color: #8898aa;
border: 1px solid #dee2e6;
border-radius: .375rem;
background: #fff url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 4 5\'%3E%3Cpath fill=\'%2332325d\' d=\'M2 0L0 2h4zm0 5L0 3h4z\'/%3E%3C/svg%3E') no-repeat right .75rem center;
background-size: 8px 10px;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.custom-select:focus
{
border-color: #5e72e4;
outline: 0;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 0 0 rgba(94, 114, 228, .5);
}
.custom-select:focus::-ms-value
{
color: #8898aa;
background-color: #fff;
}
.custom-select[multiple],
.custom-select[size]:not([size='1'])
{
height: auto;
padding-right: .75rem;
background-image: none;
}
.custom-select:disabled
{
color: #8898aa;
background-color: #e9ecef;
}
.custom-select::-ms-expand
{
opacity: 0;
}
.custom-select-sm
{
font-size: 75%;
height: calc(1.8125rem + 2px);
padding-top: .375rem;
padding-bottom: .375rem;
}
.custom-select-lg
{
font-size: 125%;
height: calc(3.625rem + 2px);
padding-top: .375rem;
padding-bottom: .375rem;
}
.custom-file
{
position: relative;
display: inline-block;
width: 100%;
height: calc(2.75rem + 2px);
margin-bottom: 0;
}
.custom-file-input
{
position: relative;
z-index: 2;
width: 100%;
height: calc(2.75rem + 2px);
margin: 0;
opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label
{
border-color: #5e72e4;
box-shadow: none;
}
.custom-file-input:focus ~ .custom-file-label::after
{
border-color: #5e72e4;
}
.custom-file-input:disabled ~ .custom-file-label
{
background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after
{
content: 'Browse';
}
.custom-file-label
{
line-height: 1.5;
position: absolute;
z-index: 1;
top: 0;
right: 0;
left: 0;
height: calc(2.75rem + 2px);
padding: .625rem .75rem;
color: #8898aa;
border: 1px solid #dee2e6;
border-radius: .25rem;
background-color: #fff;
box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
}
.custom-file-label::after
{
line-height: 1.5;
position: absolute;
z-index: 3;
top: 0;
right: 0;
bottom: 0;
display: block;
height: 2.75rem;
padding: .625rem .75rem;
content: 'Browse';
color: #8898aa;
border-left: 1px solid #dee2e6;
border-radius: 0 .25rem .25rem 0;
background-color: #fff;
}
.custom-range
{
width: 100%;
padding-left: 0;
background-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.custom-range:focus
{
outline: none;
}
.custom-range:focus::-webkit-slider-thumb
{
box-shadow: 0 0 0 1px #f8f9fe, none;
}
.custom-range:focus::-moz-range-thumb
{
box-shadow: 0 0 0 1px #f8f9fe, none;
}
.custom-range:focus::-ms-thumb
{
box-shadow: 0 0 0 1px #f8f9fe, none;
}
.custom-range::-moz-focus-outer
{
border: 0;
}
.custom-range::-webkit-slider-thumb
{
width: 1rem;
height: 1rem;
margin-top: -.25rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
border: 0;
border-radius: 1rem;
background-color: #5e72e4;
box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
-webkit-appearance: none;
appearance: none;
}
@media screen and (prefers-reduced-motion: reduce)
{
.custom-range::-webkit-slider-thumb
{
transition: none;
}
}
.custom-range::-webkit-slider-thumb:active
{
background-color: #f7f8fe;
}
.custom-range::-webkit-slider-runnable-track
{
width: 100%;
height: .5rem;
cursor: pointer;
color: transparent;
border-color: transparent;
border-radius: 1rem;
background-color: #dee2e6;
box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1);
}
.custom-range::-moz-range-thumb
{
width: 1rem;
height: 1rem;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
border: 0;
border-radius: 1rem;
background-color: #5e72e4;
box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
-moz-appearance: none;
appearance: none;
}
@media screen and (prefers-reduced-motion: reduce)
{
.custom-range::-moz-range-thumb
{
transition: none;
}
}
.custom-range::-moz-range-thumb:active
{
background-color: #f7f8fe;
}
.custom-range::-moz-range-track
{
width: 100%;
height: .5rem;
cursor: pointer;
color: transparent;
border-color: transparent;
border-radius: 1rem;
background-color: #dee2e6;
box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1);
}
.custom-range::-ms-thumb
{
width: 1rem;
height: 1rem;
margin-top: 0;
margin-right: 0;
margin-left: 0;
transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
border: 0;
border-radius: 1rem;
background-color: #5e72e4;
box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .1);
appearance: none;
}
@media screen and (prefers-reduced-motion: reduce)
{
.custom-range::-ms-thumb
{
transition: none;
}
}
.custom-range::-ms-thumb:active
{
background-color: #f7f8fe;
}
.custom-range::-ms-track
{
width: 100%;
height: .5rem;
cursor: pointer;
color: transparent;
border-width: .5rem;
border-color: transparent;
background-color: transparent;
box-shadow: inset 0 .25rem .25rem rgba(0, 0, 0, .1);
}
.custom-range::-ms-fill-lower
{
border-radius: 1rem;
background-color: #dee2e6;
}
.custom-range::-ms-fill-upper
{
margin-right: 15px;
border-radius: 1rem;
background-color: #dee2e6;
}
.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 screen and (prefers-reduced-motion: reduce)
{
.custom-control-label::before,
.custom-file-label,
.custom-select
{
transition: none;
}
}
.nav
{
display: flex;
margin-bottom: 0;
padding-left: 0;
list-style: none;
flex-wrap: wrap;
}
.nav-link
{
display: block;
padding: .25rem .75rem;
}
.nav-link:hover,
.nav-link:focus
{
text-decoration: none;
}
.nav-link.disabled
{
color: #8898aa;
}
.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: .375rem;
border-top-right-radius: .375rem;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus
{
border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled
{
color: #8898aa;
border-color: transparent;
background-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link
{
color: #525f7f;
border-color: #dee2e6 #dee2e6 #f8f9fe;
background-color: #f8f9fe;
}
.nav-tabs .dropdown-menu
{
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.nav-pills .nav-link
{
border-radius: .375rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link
{
color: #fff;
background-color: #5e72e4;
}
.nav-fill .nav-item
{
text-align: center;
flex: 1 1 auto;
}
.nav-justified .nav-item
{
text-align: center;
flex-basis: 0;
flex-grow: 1;
}
.tab-content > .tab-pane
{
display: none;
}
.tab-content > .active
{
display: block;
}
.navbar
{
position: relative;
display: flex;
padding: 1rem 1rem;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.navbar > .container,
.navbar > .container-fluid
{
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.navbar-brand
{
font-size: 1.25rem;
line-height: inherit;
display: inline-block;
margin-right: 1rem;
padding-top: .0625rem;
padding-bottom: .0625rem;
white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus
{
text-decoration: none;
}
.navbar-nav
{
display: flex;
flex-direction: column;
margin-bottom: 0;
padding-left: 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: .25rem;
padding-bottom: .25rem;
}
.navbar-collapse
{
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.navbar-toggler
{
font-size: 1.25rem;
line-height: 1;
padding: .25rem .75rem;
border: 1px solid transparent;
border-radius: .25rem;
background-color: transparent;
}
.navbar-toggler:hover,
.navbar-toggler:focus
{
text-decoration: none;
}
.navbar-toggler:not(:disabled):not(.disabled)
{
cursor: pointer;
}
.navbar-toggler-icon
{
display: inline-block;
width: 1.5em;
height: 1.5em;
content: '';
vertical-align: middle;
background: no-repeat center center;
background-size: 100% 100%;
}
@media (max-width: 575.98px)
{
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid
{
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 576px)
{
.navbar-expand-sm
{
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-sm .navbar-nav
{
flex-direction: row;
}
.navbar-expand-sm .navbar-nav .dropdown-menu
{
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link
{
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid
{
flex-wrap: nowrap;
}
.navbar-expand-sm .navbar-collapse
{
display: flex !important;
flex-basis: auto;
}
.navbar-expand-sm .navbar-toggler
{
display: none;
}
}
@media (max-width: 767.98px)
{
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid
{
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px)
{
.navbar-expand-md
{
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav
{
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu
{
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link
{
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand-md > .container,
.navbar-expand-md > .container-fluid
{
flex-wrap: nowrap;
}
.navbar-expand-md .navbar-collapse
{
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler
{
display: none;
}
}
@media (max-width: 991.98px)
{
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid
{
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 992px)
{
.navbar-expand-lg
{
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav
{
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu
{
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link
{
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid
{
flex-wrap: nowrap;
}
.navbar-expand-lg .navbar-collapse
{
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler
{
display: none;
}
}
@media (max-width: 1199.98px)
{
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid
{
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 1200px)
{
.navbar-expand-xl
{
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-xl .navbar-nav
{
flex-direction: row;
}
.navbar-expand-xl .navbar-nav .dropdown-menu
{
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link
{
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid
{
flex-wrap: nowrap;
}
.navbar-expand-xl .navbar-collapse
{
display: flex !important;
flex-basis: auto;
}
.navbar-expand-xl .navbar-toggler
{
display: none;
}
}
.navbar-expand
{
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid
{
padding-right: 0;
padding-left: 0;
}
.navbar-expand .navbar-nav
{
flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu
{
position: absolute;
}
.navbar-expand .navbar-nav .nav-link
{
padding-right: 1rem;
padding-left: 1rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid
{
flex-wrap: nowrap;
}
.navbar-expand .navbar-collapse
{
display: flex !important;
flex-basis: auto;
}
.navbar-expand .navbar-toggler
{
display: none;
}
.navbar-light .navbar-brand
{
color: rgba(0, 0, 0, .9);
}
.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus
{
color: rgba(0, 0, 0, .9);
}
.navbar-light .navbar-nav .nav-link
{
color: rgba(0, 0, 0, .6);
}
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus
{
color: rgba(0, 0, 0, .7);
}
.navbar-light .navbar-nav .nav-link.disabled
{
color: rgba(0, 0, 0, .3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active
{
color: rgba(0, 0, 0, .9);
}
.navbar-light .navbar-toggler
{
color: rgba(0, 0, 0, .6);
border-color: transparent;
}
.navbar-light .navbar-toggler-icon
{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(0, 0, 0, 0.6)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E');
}
.navbar-light .navbar-text
{
color: rgba(0, 0, 0, .6);
}
.navbar-light .navbar-text a
{
color: rgba(0, 0, 0, .9);
}
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus
{
color: rgba(0, 0, 0, .9);
}
.navbar-dark .navbar-brand
{
color: rgba(255, 255, 255, .65);
}
.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus
{
color: rgba(255, 255, 255, .65);
}
.navbar-dark .navbar-nav .nav-link
{
color: rgba(255, 255, 255, .95);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus
{
color: rgba(255, 255, 255, .65);
}
.navbar-dark .navbar-nav .nav-link.disabled
{
color: rgba(255, 255, 255, .25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active
{
color: rgba(255, 255, 255, .65);
}
.navbar-dark .navbar-toggler
{
color: rgba(255, 255, 255, .95);
border-color: transparent;
}
.navbar-dark .navbar-toggler-icon
{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(255, 255, 255, 0.95)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E');
}
.navbar-dark .navbar-text
{
color: rgba(255, 255, 255, .95);
}
.navbar-dark .navbar-text a
{
color: rgba(255, 255, 255, .65);
}
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus
{
color: rgba(255, 255, 255, .65);
}
.card
{
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
border: 1px solid rgba(0, 0, 0, .05);
border-radius: .375rem;
background-color: #fff;
background-clip: border-box;
}
.card > hr
{
margin-right: 0;
margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child
{
border-top-left-radius: .375rem;
border-top-right-radius: .375rem;
}
.card > .list-group:last-child .list-group-item:last-child
{
border-bottom-right-radius: .375rem;
border-bottom-left-radius: .375rem;
}
.card-body
{
padding: 1.5rem;
flex: 1 1 auto;
}
.card-title
{
margin-bottom: 1.25rem;
}
.card-subtitle
{
margin-top: -.625rem;
margin-bottom: 0;
}
.card-text:last-child
{
margin-bottom: 0;
}
.card-link:hover
{
text-decoration: none;
}
.card-link + .card-link
{
margin-left: 1.5rem;
}
.card-header
{
margin-bottom: 0;
padding: 1.25rem 1.5rem;
border-bottom: 1px solid rgba(0, 0, 0, .05);
background-color: #fff;
}
.card-header:first-child
{
border-radius: calc(.375rem - 1px) calc(.375rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child
{
border-top: 0;
}
.card-footer
{
padding: 1.25rem 1.5rem;
border-top: 1px solid rgba(0, 0, 0, .05);
background-color: #fff;
}
.card-footer:last-child
{
border-radius: 0 0 calc(.375rem - 1px) calc(.375rem - 1px);
}
.card-header-tabs
{
margin-right: -.75rem;
margin-bottom: -1.25rem;
margin-left: -.75rem;
border-bottom: 0;
}
.card-header-pills
{
margin-right: -.75rem;
margin-left: -.75rem;
}
.card-img-overlay
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1.25rem;
}
.card-img
{
width: 100%;
border-radius: calc(.375rem - 1px);
}
.card-img-top
{
width: 100%;
border-top-left-radius: calc(.375rem - 1px);
border-top-right-radius: calc(.375rem - 1px);
}
.card-img-bottom
{
width: 100%;
border-bottom-right-radius: calc(.375rem - 1px);
border-bottom-left-radius: calc(.375rem - 1px);
}
.card-deck
{
display: flex;
flex-direction: column;
}
.card-deck .card
{
margin-bottom: 15px;
}
@media (min-width: 576px)
{
.card-deck
{
margin-right: -15px;
margin-left: -15px;
flex-flow: row wrap;
}
.card-deck .card
{
display: flex;
flex-direction: column;
margin-right: 15px;
margin-bottom: 0;
margin-left: 15px;
flex: 1 0;
}
}
.card-group
{
display: flex;
flex-direction: column;
}
.card-group > .card
{
margin-bottom: 15px;
}
@media (min-width: 576px)
{
.card-group
{
flex-flow: row wrap;
}
.card-group > .card
{
margin-bottom: 0;
flex: 1 0;
}
.card-group > .card + .card
{
margin-left: 0;
border-left: 0;
}
.card-group > .card:first-child
{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.card-group > .card:first-child .card-img-top,
.card-group > .card:first-child .card-header
{
border-top-right-radius: 0;
}
.card-group > .card:first-child .card-img-bottom,
.card-group > .card:first-child .card-footer
{
border-bottom-right-radius: 0;
}
.card-group > .card:last-child
{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.card-group > .card:last-child .card-img-top,
.card-group > .card:last-child .card-header
{
border-top-left-radius: 0;
}
.card-group > .card:last-child .card-img-bottom,
.card-group > .card:last-child .card-footer
{
border-bottom-left-radius: 0;
}
.card-group > .card:only-child
{
border-radius: .375rem;
}
.card-group > .card:only-child .card-img-top,
.card-group > .card:only-child .card-header
{
border-top-left-radius: .375rem;
border-top-right-radius: .375rem;
}
.card-group > .card:only-child .card-img-bottom,
.card-group > .card:only-child .card-footer
{
border-bottom-right-radius: .375rem;
border-bottom-left-radius: .375rem;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child)
{
border-radius: 0;
}
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer
{
border-radius: 0;
}
}
.card-columns .card
{
margin-bottom: 1.25rem;
}
@media (min-width: 576px)
{
.card-columns
{
column-count: 3;
column-gap: 1.25rem;
orphans: 1;
widows: 1;
}
.card-columns .card
{
display: inline-block;
width: 100%;
}
}
.accordion .card:not(:first-of-type):not(:last-of-type)
{
border-bottom: 0;
border-radius: 0;
}
.accordion .card:not(:first-of-type) .card-header:first-child
{
border-radius: 0;
}
.accordion .card:first-of-type
{
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.accordion .card:last-of-type
{
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.breadcrumb
{
display: flex;
margin-bottom: 1rem;
padding: .5rem 1rem;
list-style: none;
border-radius: .375rem;
background-color: #f6f9fc;
flex-wrap: wrap;
}
.breadcrumb-item + .breadcrumb-item
{
padding-left: .5rem;
}
.breadcrumb-item + .breadcrumb-item::before
{
display: inline-block;
padding-right: .5rem;
content: '-';
color: #8898aa;
}
.breadcrumb-item + .breadcrumb-item:hover::before
{
text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before
{
text-decoration: none;
}
.breadcrumb-item.active
{
color: #8898aa;
}
.pagination
{
display: flex;
padding-left: 0;
list-style: none;
border-radius: .375rem;
}
.page-link
{
line-height: 1.25;
position: relative;
display: block;
margin-left: -1px;
padding: .5rem .75rem;
color: #8898aa;
border: 1px solid #dee2e6;
background-color: #fff;
}
.page-link:hover
{
z-index: 2;
text-decoration: none;
color: #8898aa;
border-color: #dee2e6;
background-color: #dee2e6;
}
.page-link:focus
{
z-index: 2;
outline: 0;
box-shadow: none;
}
.page-link:not(:disabled):not(.disabled)
{
cursor: pointer;
}
.page-item:first-child .page-link
{
margin-left: 0;
border-top-left-radius: .375rem;
border-bottom-left-radius: .375rem;
}
.page-item:last-child .page-link
{
border-top-right-radius: .375rem;
border-bottom-right-radius: .375rem;
}
.page-item.active .page-link
{
z-index: 1;
color: #fff;
border-color: #5e72e4;
background-color: #5e72e4;
}
.page-item.disabled .page-link
{
cursor: auto;
pointer-events: none;
color: #8898aa;
border-color: #dee2e6;
background-color: #fff;
}
.pagination-lg .page-link
{
font-size: 1.25rem;
line-height: 1.5;
padding: .75rem 1.5rem;
}
.pagination-lg .page-item:first-child .page-link
{
border-top-left-radius: .4375rem;
border-bottom-left-radius: .4375rem;
}
.pagination-lg .page-item:last-child .page-link
{
border-top-right-radius: .4375rem;
border-bottom-right-radius: .4375rem;
}
.pagination-sm .page-link
{
font-size: .875rem;
line-height: 1.5;
padding: .25rem .5rem;
}
.pagination-sm .page-item:first-child .page-link
{
border-top-left-radius: .25rem;
border-bottom-left-radius: .25rem;
}
.pagination-sm .page-item:last-child .page-link
{
border-top-right-radius: .25rem;
border-bottom-right-radius: .25rem;
}
.badge
{
font-size: 66%;
font-weight: 600;
line-height: 1;
display: inline-block;
padding: .35rem .375rem;
text-align: center;
vertical-align: baseline;
white-space: nowrap;
border-radius: .375rem;
}
.badge:empty
{
display: none;
}
.btn .badge
{
position: relative;
top: -1px;
}
.badge-pill
{
border-radius: 10rem;
padding: 7px 13px;
}
.badge-primary
{
color: #2643e9;
background-color: #eaecfb;
}
.badge-primary[href]:hover,
.badge-primary[href]:focus
{
text-decoration: none;
color: #fff;
background-color: #2a44db;
}
.badge-secondary
{
color: #cfe3f1;
background-color: white;
}
.badge-secondary[href]:hover,
.badge-secondary[href]:focus
{
text-decoration: none;
color: #212529;
background-color: #cadeeb;
}
.badge-success
{
color: #1aae6f;
background-color: #b0eed3;
}
.badge-success[href]:hover,
.badge-success[href]:focus
{
text-decoration: none;
color: #fff;
background-color: #229c68;
}
.badge-info
{
color: #03acca;
background-color: #aaedf9;
}
.badge-info[href]:hover,
.badge-info[href]:focus
{
text-decoration: none;
color: #fff;
background-color: #0c9cb7;
}
.badge-warning
{
color: #ff3709;
background-color: #fee6e0;
}
.badge-warning[href]:hover,
.badge-warning[href]:focus
{
text-decoration: none;
color: #fff;
background-color: #f93305;
}
.badge-danger
{
color: #ffffff;
background-color: #de0201;
}
.badge-danger[href]:hover,
.badge-danger[href]:focus
{
text-decoration: none;
color: #fff;
background-color: #e30b36;
}
.badge-light
{
color: #879cb0;
background-color: white;
}
.badge-light[href]:hover,
.badge-light[href]:focus
{
text-decoration: none;
color: #fff;
background-color: #8b96a2;
}
.badge-dark
{
color: #090c0e;
background-color: #6a7783;
}
.badge-dark[href]:hover,
.badge-dark[href]:focus
{
text-decoration: none;
color: #fff;
background-color: #060607;
}
.badge-default
{
color: #091428;
background-color: #4172c6;
}
.badge-default[href]:hover,
.badge-default[href]:focus
{
text-decoration: none;
color: #fff;
background-color: #09111e;
}
.badge-white
{
color: #e8e3e3;
background-color: white;
}
.badge-white[href]:hover,
.badge-white[href]:focus
{
text-decoration: none;
color: #212529;
background-color: #e0e0e0;
}
.badge-neutral
{
color: #e8e3e3;
background-color: white;
}
.badge-neutral[href]:hover,
.badge-neutral[href]:focus
{
text-decoration: none;
color: #212529;
background-color: #e0e0e0;
}
.badge-darker
{
color: black;
background-color: #525252;
}
.badge-darker[href]:hover,
.badge-darker[href]:focus
{
text-decoration: none;
color: #fff;
background-color: black;
}
.jumbotron
{
margin-bottom: 2rem;
padding: 2rem 1rem;
border-radius: .4375rem;
background-color: #e9ecef;
}
@media (min-width: 576px)
{
.jumbotron
{
padding: 4rem 2rem;
}
}
.jumbotron-fluid
{
padding-right: 0;
padding-left: 0;
border-radius: 0;
}
.alert
{
position: relative;
margin-bottom: 1rem;
padding: 1rem 1.5rem;
border: 1px solid transparent;
border-radius: .375rem;
}
.alert-heading
{
color: inherit;
}
.alert-link
{
font-weight: 600;
}
.alert-dismissible
{
padding-right: 4.5rem;
}
.alert-dismissible .close
{
position: absolute;
top: 0;
right: 0;
padding: 1rem 1.5rem;
color: inherit;
}
.alert-primary
{
color: #fff;
border-color: #7889e8;
background-color: #7889e8;
}
.alert-primary a
{
font-weight: 600;
color: #1d32aa;
}
.alert-primary a:hover
{
color: #fff;
}
.alert-primary hr
{
border-top-color: #6276e4;
}
.alert-primary .alert-link
{
color: #324cdd;
}
.alert-secondary
{
color: #212529;
border-color: #f8fbfc;
background-color: #f8fbfc;
}
.alert-secondary a
{
font-weight: 600;
color: #8dbece;
}
.alert-secondary a:hover
{
color: #212529;
}
.alert-secondary hr
{
border-top-color: #e6f1f4;
}
.alert-secondary .alert-link
{
color: #d2e3ee;
}
.alert-success
{
color: #fff;
border-color: #4fd69c;
background-color: #4fd69c;
}
.alert-success a
{
font-weight: 600;
color: #1a724c;
}
.alert-success a:hover
{
color: #fff;
}
.alert-success hr
{
border-top-color: #3ad190;
}
.alert-success .alert-link
{
color: #24a46d;
}
.alert-info
{
color: #fff;
border-color: #37d5f2;
background-color: #37d5f2;
}
.alert-info a
{
font-weight: 600;
color: #097487;
}
.alert-info a:hover
{
color: #fff;
}
.alert-info hr
{
border-top-color: #1fd0f0;
}
.alert-info .alert-link
{
color: #0da5c0;
}
.alert-warning
{
color: #fff;
border-color: #fc7c5f;
background-color: #fc7c5f;
}
.alert-warning a
{
font-weight: 600;
color: #be2604;
}
.alert-warning a:hover
{
color: #fff;
}
.alert-warning hr
{
border-top-color: #fc6846;
}
.alert-warning .alert-link
{
color: #fa3a0e;
}
.alert-danger
{
color: #fff;
border-color: #f75676;
background-color: #f75676;
}
.alert-danger a
{
font-weight: 600;
color: #ac0829;
}
.alert-danger a:hover
{
color: #fff;
}
.alert-danger hr
{
border-top-color: #f63e62;
}
.alert-danger .alert-link
{
color: #ec0c38;
}
.alert-light
{
color: #fff;
border-color: #bac1c8;
background-color: #bac1c8;
}
.alert-light a
{
font-weight: 600;
color: #677582;
}
.alert-light a:hover
{
color: #fff;
}
.alert-light hr
{
border-top-color: #acb4bd;
}
.alert-light .alert-link
{
color: #919ca6;
}
.alert-dark
{
color: #fff;
border-color: #45484b;
background-color: #45484b;
}
.alert-dark a
{
font-weight: 600;
color: black;
}
.alert-dark a:hover
{
color: #fff;
}
.alert-dark hr
{
border-top-color: #393b3e;
}
.alert-dark .alert-link
{
color: #0a0c0d;
}
.alert-default
{
color: #fff;
border-color: #3c4d69;
background-color: #3c4d69;
}
.alert-default a
{
font-weight: 600;
color: #040608;
}
.alert-default a:hover
{
color: #fff;
}
.alert-default hr
{
border-top-color: #334159;
}
.alert-default .alert-link
{
color: #0b1526;
}
.alert-white
{
color: #212529;
border-color: white;
background-color: white;
}
.alert-white a
{
font-weight: 600;
color: #b3b3b3;
}
.alert-white a:hover
{
color: #212529;
}
.alert-white hr
{
border-top-color: #f2f2f2;
}
.alert-white .alert-link
{
color: #e6e6e6;
}
.alert-neutral
{
color: #212529;
border-color: white;
background-color: white;
}
.alert-neutral a
{
font-weight: 600;
color: #b3b3b3;
}
.alert-neutral a:hover
{
color: #212529;
}
.alert-neutral hr
{
border-top-color: #f2f2f2;
}
.alert-neutral .alert-link
{
color: #e6e6e6;
}
.alert-darker
{
color: #fff;
border-color: #292929;
background-color: #292929;
}
.alert-darker a
{
font-weight: 600;
color: black;
}
.alert-darker a:hover
{
color: #fff;
}
.alert-darker hr
{
border-top-color: #1c1c1c;
}
.alert-darker .alert-link
{
color: black;
}
@keyframes progress-bar-stripes
{
from
{
background-position: 1rem 0;
}
to
{
background-position: 0 0;
}
}
.progress
{
font-size: .75rem;
display: flex;
overflow: hidden;
height: 1rem;
border-radius: .375rem;
background-color: #e9ecef;
box-shadow: inset 0 .1rem .1rem rgba(0, 0, 0, .1);
}
.progress-bar
{
display: flex;
flex-direction: column;
transition: width .6s ease;
text-align: center;
white-space: nowrap;
color: #fff;
background-color: #48ca90;
justify-content: center;
}
@media screen and (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
{
animation: progress-bar-stripes 1s linear infinite;
}
.media
{
display: flex;
align-items: flex-start;
}
.media-body
{
flex: 1 1;
}
.list-group
{
display: flex;
flex-direction: column;
margin-bottom: 0;
padding-left: 0;
}
.list-group-item-action
{
width: 100%;
text-align: inherit;
color: #525f7f;
}
.list-group-item-action:hover,
.list-group-item-action:focus
{
text-decoration: none;
color: #525f7f;
background-color: #f6f9fc;
}
.list-group-item-action:active
{
color: #525f7f;
background-color: #e9ecef;
}
.list-group-item
{
position: relative;
display: block;
margin-bottom: -1px;
padding: 1rem 1rem;
border: 1px solid #e9ecef;
background-color: #fff;
}
.list-group-item:first-child
{
border-top-left-radius: .375rem;
border-top-right-radius: .375rem;
}
.list-group-item:last-child
{
margin-bottom: 0;
border-bottom-right-radius: .375rem;
border-bottom-left-radius: .375rem;
}
.list-group-item:hover,
.list-group-item:focus
{
z-index: 1;
text-decoration: none;
}
.list-group-item.disabled,
.list-group-item:disabled
{
color: #8898aa;
background-color: #fff;
}
.list-group-item.active
{
z-index: 2;
color: #fff;
border-color: #5e72e4;
background-color: #5e72e4;
}
.list-group-flush .list-group-item
{
border-right: 0;
border-left: 0;
border-radius: 0;
}
.list-group-flush:first-child .list-group-item:first-child
{
border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child
{
border-bottom: 0;
}
.list-group-item-primary
{
color: #313b77;
background-color: #d2d8f7;
}
.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus
{
color: #313b77;
background-color: #bcc5f3;
}
.list-group-item-primary.list-group-item-action.active
{
color: #fff;
border-color: #313b77;
background-color: #313b77;
}
.list-group-item-secondary
{
color: #808283;
background-color: #fdfefe;
}
.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus
{
color: #808283;
background-color: #ecf6f6;
}
.list-group-item-secondary.list-group-item-action.active
{
color: #fff;
border-color: #808283;
background-color: #808283;
}
.list-group-item-success
{
color: #176b47;
background-color: #c4f1de;
}
.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus
{
color: #176b47;
background-color: #afecd2;
}
.list-group-item-success.list-group-item-action.active
{
color: #fff;
border-color: #176b47;
background-color: #176b47;
}
.list-group-item-info
{
color: #096b7c;
background-color: #bcf1fb;
}
.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus
{
color: #096b7c;
background-color: #a4ecfa;
}
.list-group-item-info.list-group-item-action.active
{
color: #fff;
border-color: #096b7c;
background-color: #096b7c;
}
.list-group-item-warning
{
color: #833321;
background-color: #fed3ca;
}
.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus
{
color: #833321;
background-color: #febeb1;
}
.list-group-item-warning.list-group-item-action.active
{
color: #fff;
border-color: #833321;
background-color: #833321;
}
.list-group-item-danger
{
color: #7f1c30;
background-color: #fcc7d1;
}
.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus
{
color: #7f1c30;
background-color: #fbafbd;
}
.list-group-item-danger.list-group-item-action.active
{
color: #fff;
border-color: #7f1c30;
background-color: #7f1c30;
}
.list-group-item-light
{
color: #5a5e62;
background-color: #e8eaed;
}
.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus
{
color: #5a5e62;
background-color: #dadde2;
}
.list-group-item-light.list-group-item-action.active
{
color: #fff;
border-color: #5a5e62;
background-color: #5a5e62;
}
.list-group-item-dark
{
color: #111315;
background-color: #c1c2c3;
}
.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus
{
color: #111315;
background-color: #b4b5b6;
}
.list-group-item-dark.list-group-item-action.active
{
color: #fff;
border-color: #111315;
background-color: #111315;
}
.list-group-item-default
{
color: #0c1628;
background-color: #bec4cd;
}
.list-group-item-default.list-group-item-action:hover,
.list-group-item-default.list-group-item-action:focus
{
color: #0c1628;
background-color: #b0b7c2;
}
.list-group-item-default.list-group-item-action.active
{
color: #fff;
border-color: #0c1628;
background-color: #0c1628;
}
.list-group-item-white
{
color: #858585;
background-color: white;
}
.list-group-item-white.list-group-item-action:hover,
.list-group-item-white.list-group-item-action:focus
{
color: #858585;
background-color: #f2f2f2;
}
.list-group-item-white.list-group-item-action.active
{
color: #fff;
border-color: #858585;
background-color: #858585;
}
.list-group-item-neutral
{
color: #858585;
background-color: white;
}
.list-group-item-neutral.list-group-item-action:hover,
.list-group-item-neutral.list-group-item-action:focus
{
color: #858585;
background-color: #f2f2f2;
}
.list-group-item-neutral.list-group-item-action.active
{
color: #fff;
border-color: #858585;
background-color: #858585;
}
.list-group-item-darker
{
color: black;
background-color: #b8b8b8;
}
.list-group-item-darker.list-group-item-action:hover,
.list-group-item-darker.list-group-item-action:focus
{
color: black;
background-color: #ababab;
}
.list-group-item-darker.list-group-item-action.active
{
color: #fff;
border-color: black;
background-color: black;
}
.close
{
font-size: 1.5rem;
font-weight: 600;
line-height: 1;
float: right;
opacity: .5;
color: rgba(0, 0, 0, .6);
text-shadow: none;
}
.close:not(:disabled):not(.disabled)
{
cursor: pointer;
}
.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus
{
text-decoration: none;
opacity: .75;
color: rgba(0, 0, 0, .6);
}
button.close
{
padding: 0;
border: 0;
background-color: transparent;
-webkit-appearance: none;
}
.modal-open
{
overflow: hidden;
}
.modal-open .modal
{
overflow-x: hidden;
overflow-y: auto;
}
.modal
{
position: fixed;
z-index: 1050;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: hidden;
outline: 0;
}
.modal-dialog
{
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
}
.modal.fade .modal-dialog
{
transition: transform .3s ease-out;
transform: translate(0, -25%);
}
@media screen and (prefers-reduced-motion: reduce)
{
.modal.fade .modal-dialog
{
transition: none;
}
}
.modal.show .modal-dialog
{
transform: translate(0, 0);
}
.modal-dialog-centered
{
display: flex;
min-height: calc(100% - (.5rem * 2));
align-items: center;
}
.modal-dialog-centered::before
{
display: block;
height: calc(100vh - (.5rem * 2));
content: '';
}
.modal-content
{
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
border: 0 solid rgba(0, 0, 0, .2);
border-radius: .4375rem;
outline: 0;
background-color: #fff;
background-clip: padding-box;
box-shadow: 0 15px 35px rgba(50, 50, 93, .2), 0 5px 15px rgba(0, 0, 0, .17);
}
.modal-backdrop
{
position: fixed;
z-index: 1040;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000;
}
.modal-backdrop.fade
{
opacity: 0;
}
.modal-backdrop.show
{
opacity: .16;
}
.modal-header
{
display: flex;
padding: 1.25rem;
border-bottom: 0 solid #e9ecef;
border-top-left-radius: .4375rem;
border-top-right-radius: .4375rem;
align-items: flex-start;
justify-content: space-between;
}
.modal-header .close
{
margin: -1.25rem -1.25rem -1.25rem auto;
padding: 1.25rem;
}
.modal-title
{
line-height: 1.1;
margin-bottom: 0;
}
.modal-body
{
position: relative;
padding: 1.5rem;
flex: 1 1 auto;
}
.modal-footer
{
display: flex;
padding: 1.5rem;
border-top: 0 solid #e9ecef;
align-items: center;
justify-content: flex-end;
}
.modal-footer > :not(:first-child)
{
margin-left: .25rem;
}
.modal-footer > :not(:last-child)
{
margin-right: .25rem;
}
.modal-scrollbar-measure
{
position: absolute;
top: -9999px;
overflow: scroll;
width: 50px;
height: 50px;
}
@media (min-width: 576px)
{
.modal-dialog
{
max-width: 500px;
margin: 1.75rem auto;
}
.modal-dialog-centered
{
min-height: calc(100% - (1.75rem * 2));
}
.modal-dialog-centered::before
{
height: calc(100vh - (1.75rem * 2));
}
.modal-content
{
box-shadow: 0 15px 35px rgba(50, 50, 93, .2), 0 5px 15px rgba(0, 0, 0, .17);
}
.modal-sm
{
max-width: 380px;
}
}
@media (min-width: 992px)
{
.modal-lg
{
max-width: 800px;
}
}
.tooltip
{
font-family: Open Sans, sans-serif;
font-size: .875rem;
font-weight: 400;
font-style: normal;
line-height: 1.5;
position: absolute;
z-index: 1070;
display: block;
margin: 0;
text-align: left;
text-align: start;
white-space: normal;
text-decoration: none;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
word-wrap: break-word;
word-break: normal;
opacity: 0;
text-shadow: none;
line-break: auto;
}
.tooltip.show
{
opacity: .9;
}
.tooltip .arrow
{
position: absolute;
display: block;
width: .8rem;
height: .4rem;
}
.tooltip .arrow::before
{
position: absolute;
content: '';
border-style: solid;
border-color: transparent;
}
.bs-tooltip-top,
.bs-tooltip-auto[x-placement^='top']
{
padding: .4rem 0;
}
.bs-tooltip-top .arrow,
.bs-tooltip-auto[x-placement^='top'] .arrow
{
bottom: 0;
}
.bs-tooltip-top .arrow::before,
.bs-tooltip-auto[x-placement^='top'] .arrow::before
{
top: 0;
border-width: .4rem .4rem 0;
border-top-color: #000;
}
.bs-tooltip-right,
.bs-tooltip-auto[x-placement^='right']
{
padding: 0 .4rem;
}
.bs-tooltip-right .arrow,
.bs-tooltip-auto[x-placement^='right'] .arrow
{
left: 0;
width: .4rem;
height: .8rem;
}
.bs-tooltip-right .arrow::before,
.bs-tooltip-auto[x-placement^='right'] .arrow::before
{
right: 0;
border-width: .4rem .4rem .4rem 0;
border-right-color: #000;
}
.bs-tooltip-bottom,
.bs-tooltip-auto[x-placement^='bottom']
{
padding: .4rem 0;
}
.bs-tooltip-bottom .arrow,
.bs-tooltip-auto[x-placement^='bottom'] .arrow
{
top: 0;
}
.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^='bottom'] .arrow::before
{
bottom: 0;
border-width: 0 .4rem .4rem;
border-bottom-color: #000;
}
.bs-tooltip-left,
.bs-tooltip-auto[x-placement^='left']
{
padding: 0 .4rem;
}
.bs-tooltip-left .arrow,
.bs-tooltip-auto[x-placement^='left'] .arrow
{
right: 0;
width: .4rem;
height: .8rem;
}
.bs-tooltip-left .arrow::before,
.bs-tooltip-auto[x-placement^='left'] .arrow::before
{
left: 0;
border-width: .4rem 0 .4rem .4rem;
border-left-color: #000;
}
.tooltip-inner
{
max-width: 200px;
padding: .25rem .5rem;
text-align: center;
color: #fff;
border-radius: .375rem;
background-color: #000;
}
.popover
{
font-family: Open Sans, sans-serif;
font-size: .875rem;
font-weight: 400;
font-style: normal;
line-height: 1.5;
position: absolute;
z-index: 1060;
top: 0;
left: 0;
display: block;
max-width: 276px;
text-align: left;
text-align: start;
white-space: normal;
text-decoration: none;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
word-wrap: break-word;
word-break: normal;
border: 1px solid rgba(0, 0, 0, .05);
border-radius: .4375rem;
background-color: #fff;
background-clip: padding-box;
box-shadow: 0 .5rem 2rem 0 rgba(0, 0, 0, .2);
text-shadow: none;
line-break: auto;
}
.popover .arrow
{
position: absolute;
display: block;
width: 1rem;
height: .5rem;
margin: 0 .4375rem;
}
.popover .arrow::before,
.popover .arrow::after
{
position: absolute;
display: block;
content: '';
border-style: solid;
border-color: transparent;
}
.bs-popover-top,
.bs-popover-auto[x-placement^='top']
{
margin-bottom: .5rem;
}
.bs-popover-top .arrow,
.bs-popover-auto[x-placement^='top'] .arrow
{
bottom: calc((.5rem + 1px) * -1);
}
.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^='top'] .arrow::before,
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-width: .5rem .5rem 0;
}
.bs-popover-top .arrow::before,
.bs-popover-auto[x-placement^='top'] .arrow::before
{
bottom: 0;
border-top-color: transparent;
}
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^='top'] .arrow::after
{
bottom: 1px;
border-top-color: #fff;
}
.bs-popover-right,
.bs-popover-auto[x-placement^='right']
{
margin-left: .5rem;
}
.bs-popover-right .arrow,
.bs-popover-auto[x-placement^='right'] .arrow
{
left: calc((.5rem + 1px) * -1);
width: .5rem;
height: 1rem;
margin: .4375rem 0;
}
.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^='right'] .arrow::before,
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-width: .5rem .5rem .5rem 0;
}
.bs-popover-right .arrow::before,
.bs-popover-auto[x-placement^='right'] .arrow::before
{
left: 0;
border-right-color: transparent;
}
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^='right'] .arrow::after
{
left: 1px;
border-right-color: #fff;
}
.bs-popover-bottom,
.bs-popover-auto[x-placement^='bottom']
{
margin-top: .5rem;
}
.bs-popover-bottom .arrow,
.bs-popover-auto[x-placement^='bottom'] .arrow
{
top: calc((.5rem + 1px) * -1);
}
.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^='bottom'] .arrow::before,
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-width: 0 .5rem .5rem .5rem;
}
.bs-popover-bottom .arrow::before,
.bs-popover-auto[x-placement^='bottom'] .arrow::before
{
top: 0;
border-bottom-color: transparent;
}
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
top: 1px;
border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[x-placement^='bottom'] .popover-header::before
{
position: absolute;
top: 0;
left: 50%;
display: block;
width: 1rem;
margin-left: -.5rem;
content: '';
border-bottom: 1px solid #fff;
}
.bs-popover-left,
.bs-popover-auto[x-placement^='left']
{
margin-right: .5rem;
}
.bs-popover-left .arrow,
.bs-popover-auto[x-placement^='left'] .arrow
{
right: calc((.5rem + 1px) * -1);
width: .5rem;
height: 1rem;
margin: .4375rem 0;
}
.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^='left'] .arrow::before,
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-width: .5rem 0 .5rem .5rem;
}
.bs-popover-left .arrow::before,
.bs-popover-auto[x-placement^='left'] .arrow::before
{
right: 0;
border-left-color: transparent;
}
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^='left'] .arrow::after
{
right: 1px;
border-left-color: #fff;
}
.popover-header
{
font-size: 1rem;
margin-bottom: 0;
padding: .5rem .95rem;
color: #32325d;
border-bottom: 1px solid #f2f2f2;
border-top-left-radius: calc(.4375rem - 1px);
border-top-right-radius: calc(.4375rem - 1px);
background-color: #fff;
}
.popover-header:empty
{
display: none;
}
.popover-body
{
padding: .5rem .95rem;
color: #525f7f;
}
.carousel
{
position: relative;
}
.carousel-inner
{
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-item
{
position: relative;
display: none;
width: 100%;
align-items: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
perspective: 1000px;
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev
{
display: block;
transition: transform .6s ease;
}
@media screen and (prefers-reduced-motion: reduce)
{
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev
{
transition: none;
}
}
.carousel-item-next,
.carousel-item-prev
{
position: absolute;
top: 0;
}
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right
{
transform: translateX(0);
}
@supports (transform-style: preserve-3d)
{
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right
{
transform: translate3d(0, 0, 0);
}
}
.carousel-item-next,
.active.carousel-item-right
{
transform: translateX(100%);
}
@supports (transform-style: preserve-3d)
{
.carousel-item-next,
.active.carousel-item-right
{
transform: translate3d(100%, 0, 0);
}
}
.carousel-item-prev,
.active.carousel-item-left
{
transform: translateX(-100%);
}
@supports (transform-style: preserve-3d)
{
.carousel-item-prev,
.active.carousel-item-left
{
transform: translate3d(-100%, 0, 0);
}
}
.carousel-fade .carousel-item
{
transition-duration: .6s;
transition-property: opacity;
opacity: 0;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right
{
opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right
{
opacity: 0;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev
{
transform: translateX(0);
}
@supports (transform-style: preserve-3d)
{
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev
{
transform: translate3d(0, 0, 0);
}
}
.carousel-control-prev,
.carousel-control-next
{
position: absolute;
top: 0;
bottom: 0;
display: flex;
width: 15%;
text-align: center;
opacity: .5;
color: #fff;
align-items: center;
justify-content: center;
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus
{
text-decoration: none;
opacity: .9;
color: #fff;
outline: 0;
}
.carousel-control-prev
{
left: 0;
}
.carousel-control-next
{
right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon
{
display: inline-block;
width: 20px;
height: 20px;
background: transparent no-repeat center center;
background-size: 100% 100%;
}
.carousel-control-prev-icon
{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23fff\' viewBox=\'0 0 8 8\'%3E%3Cpath d=\'M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z\'/%3E%3C/svg%3E');
}
.carousel-control-next-icon
{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' fill=\'%23fff\' viewBox=\'0 0 8 8\'%3E%3Cpath d=\'M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z\'/%3E%3C/svg%3E');
}
.carousel-indicators
{
position: absolute;
z-index: 15;
right: 0;
bottom: 10px;
left: 0;
display: flex;
margin-right: 15%;
margin-left: 15%;
padding-left: 0;
list-style: none;
justify-content: center;
}
.carousel-indicators li
{
position: relative;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
cursor: pointer;
text-indent: -999px;
background-color: rgba(255, 255, 255, .5);
flex: 0 1 auto;
}
.carousel-indicators li::before
{
position: absolute;
top: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: '';
}
.carousel-indicators li::after
{
position: absolute;
bottom: -10px;
left: 0;
display: inline-block;
width: 100%;
height: 10px;
content: '';
}
.carousel-indicators .active
{
background-color: #fff;
}
.carousel-caption
{
position: absolute;
z-index: 10;
right: 15%;
bottom: 20px;
left: 15%;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
color: #fff;
}
.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: #8e939e;
background: linear-gradient(87deg, #8e939e 0, #5b616f 100%) !important;
}
a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus
{
background-color: #324cdd !important;
}
.bg-secondary
{
background-color: #ffffffd1 !important;
}
a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus
{
background-color: #d2e3ee !important;
}
.bg-success
{
background-color: #2dce89 !important;
}
a.bg-success:hover,
a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus
{
background-color: #24a46d !important;
}
.bg-info
{
background-color: #11cdef !important;
}
a.bg-info:hover,
a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus
{
background-color: #0da5c0 !important;
}
.bg-warning
{
background-color: #fb6340 !important;
}
a.bg-warning:hover,
a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus
{
background-color: #fa3a0e !important;
}
.bg-danger
{
background-color: #f5365c !important;
}
a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus
{
background-color: #ec0c38 !important;
}
.bg-light
{
background-color: #adb5bd !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus
{
background-color: #919ca6 !important;
}
.bg-dark
{
background-color: #212529 !important;
}
a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus
{
background-color: #0a0c0d !important;
}
.bg-default
{
background-color: #252829 !important;
}
a.bg-default:hover,
a.bg-default:focus,
button.bg-default:hover,
button.bg-default:focus
{
background-color: #0b1526 !important;
}
.bg-white
{
background-color: #fff !important;
}
a.bg-white:hover,
a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus
{
background-color: #e6e6e6 !important;
}
.bg-neutral
{
background-color: #fff !important;
}
a.bg-neutral:hover,
a.bg-neutral:focus,
button.bg-neutral:hover,
button.bg-neutral:focus
{
background-color: #e6e6e6 !important;
}
.bg-darker
{
background-color: black !important;
}
a.bg-darker:hover,
a.bg-darker:focus,
button.bg-darker:hover,
button.bg-darker:focus
{
background-color: black !important;
}
.bg-white
{
background-color: #fff !important;
}
.bg-transparent
{
background-color: transparent !important;
}
.border
{
border: 1px solid #e9ecef !important;
}
.border-top
{
border-top: 1px solid #e9ecef !important;
}
.border-right
{
border-right: 1px solid #e9ecef !important;
}
.border-bottom
{
border-bottom: 1px solid #e9ecef !important;
}
.border-left
{
border-left: 1px solid #e9ecef !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: #5e72e4 !important;
}
.border-secondary
{
border-color: #f7fafc !important;
}
.border-success
{
border-color: #2dce89 !important;
}
.border-info
{
border-color: #11cdef !important;
}
.border-warning
{
border-color: #fb6340 !important;
}
.border-danger
{
border-color: #f5365c !important;
}
.border-light
{
border-color: #adb5bd !important;
}
.border-dark
{
border-color: #212529 !important;
}
.border-default
{
border-color: #172b4d !important;
}
.border-white
{
border-color: #fff !important;
}
.border-neutral
{
border-color: #fff !important;
}
.border-darker
{
border-color: black !important;
}
.border-white
{
border-color: #fff !important;
}
.rounded
{
border-radius: .375rem !important;
}
.rounded-top
{
border-top-left-radius: .375rem !important;
border-top-right-radius: .375rem !important;
}
.rounded-right
{
border-top-right-radius: .375rem !important;
border-bottom-right-radius: .375rem !important;
}
.rounded-bottom
{
border-bottom-right-radius: .375rem !important;
border-bottom-left-radius: .375rem !important;
}
.rounded-left
{
border-top-left-radius: .375rem !important;
border-bottom-left-radius: .375rem !important;
}
.rounded-circle,
.avatar.rounded-circle img
{
border-radius: 50% !important;
}
.rounded-0
{
border-radius: 0 !important;
}
.clearfix::after
{
display: block;
clear: both;
content: '';
}
.d-none
{
display: block !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: flex !important;
}
.d-inline-flex
{
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: flex !important;
}
.d-sm-inline-flex
{
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: flex !important;
}
.d-md-inline-flex
{
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: flex !important;
}
.d-lg-inline-flex
{
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: flex !important;
}
.d-xl-inline-flex
{
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: flex !important;
}
.d-print-inline-flex
{
display: inline-flex !important;
}
}
.embed-responsive
{
position: relative;
display: block;
overflow: hidden;
width: 100%;
padding: 0;
}
.embed-responsive::before
{
display: block;
content: '';
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.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.85714%;
}
.embed-responsive-16by9::before
{
padding-top: 56.25%;
}
.embed-responsive-4by3::before
{
padding-top: 75%;
}
.embed-responsive-1by1::before
{
padding-top: 100%;
}
.flex-row
{
flex-direction: row !important;
}
.flex-column
{
flex-direction: column !important;
}
.flex-row-reverse
{
flex-direction: row-reverse !important;
}
.flex-column-reverse
{
flex-direction: column-reverse !important;
}
.flex-wrap
{
flex-wrap: wrap !important;
}
.flex-nowrap
{
flex-wrap: nowrap !important;
}
.flex-wrap-reverse
{
flex-wrap: wrap-reverse !important;
}
.flex-fill
{
flex: 1 1 auto !important;
}
.flex-grow-0
{
flex-grow: 0 !important;
}
.flex-grow-1
{
flex-grow: 1 !important;
}
.flex-shrink-0
{
flex-shrink: 0 !important;
}
.flex-shrink-1
{
flex-shrink: 1 !important;
}
.justify-content-start
{
justify-content: flex-start !important;
}
.justify-content-end
{
justify-content: flex-end !important;
}
.justify-content-center
{
justify-content: center !important;
}
.justify-content-between
{
justify-content: space-between !important;
}
.justify-content-around
{
justify-content: space-around !important;
}
.align-items-start
{
align-items: flex-start !important;
}
.align-items-end
{
align-items: flex-end !important;
}
.align-items-center
{
align-items: center !important;
}
.align-items-baseline
{
align-items: baseline !important;
}
.align-items-stretch
{
align-items: stretch !important;
}
.align-content-start
{
align-content: flex-start !important;
}
.align-content-end
{
align-content: flex-end !important;
}
.align-content-center
{
align-content: center !important;
}
.align-content-between
{
align-content: space-between !important;
}
.align-content-around
{
align-content: space-around !important;
}
.align-content-stretch
{
align-content: stretch !important;
}
.align-self-auto
{
align-self: auto !important;
}
.align-self-start
{
align-self: flex-start !important;
}
.align-self-end
{
align-self: flex-end !important;
}
.align-self-center
{
align-self: center !important;
}
.align-self-baseline
{
align-self: baseline !important;
}
.align-self-stretch
{
align-self: stretch !important;
}
@media (min-width: 576px)
{
.flex-sm-row
{
flex-direction: row !important;
}
.flex-sm-column
{
flex-direction: column !important;
}
.flex-sm-row-reverse
{
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse
{
flex-direction: column-reverse !important;
}
.flex-sm-wrap
{
flex-wrap: wrap !important;
}
.flex-sm-nowrap
{
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse
{
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill
{
flex: 1 1 auto !important;
}
.flex-sm-grow-0
{
flex-grow: 0 !important;
}
.flex-sm-grow-1
{
flex-grow: 1 !important;
}
.flex-sm-shrink-0
{
flex-shrink: 0 !important;
}
.flex-sm-shrink-1
{
flex-shrink: 1 !important;
}
.justify-content-sm-start
{
justify-content: flex-start !important;
}
.justify-content-sm-end
{
justify-content: flex-end !important;
}
.justify-content-sm-center
{
justify-content: center !important;
}
.justify-content-sm-between
{
justify-content: space-between !important;
}
.justify-content-sm-around
{
justify-content: space-around !important;
}
.align-items-sm-start
{
align-items: flex-start !important;
}
.align-items-sm-end
{
align-items: flex-end !important;
}
.align-items-sm-center
{
align-items: center !important;
}
.align-items-sm-baseline
{
align-items: baseline !important;
}
.align-items-sm-stretch
{
align-items: stretch !important;
}
.align-content-sm-start
{
align-content: flex-start !important;
}
.align-content-sm-end
{
align-content: flex-end !important;
}
.align-content-sm-center
{
align-content: center !important;
}
.align-content-sm-between
{
align-content: space-between !important;
}
.align-content-sm-around
{
align-content: space-around !important;
}
.align-content-sm-stretch
{
align-content: stretch !important;
}
.align-self-sm-auto
{
align-self: auto !important;
}
.align-self-sm-start
{
align-self: flex-start !important;
}
.align-self-sm-end
{
align-self: flex-end !important;
}
.align-self-sm-center
{
align-self: center !important;
}
.align-self-sm-baseline
{
align-self: baseline !important;
}
.align-self-sm-stretch
{
align-self: stretch !important;
}
}
@media (min-width: 768px)
{
.flex-md-row
{
flex-direction: row !important;
}
.flex-md-column
{
flex-direction: column !important;
}
.flex-md-row-reverse
{
flex-direction: row-reverse !important;
}
.flex-md-column-reverse
{
flex-direction: column-reverse !important;
}
.flex-md-wrap
{
flex-wrap: wrap !important;
}
.flex-md-nowrap
{
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse
{
flex-wrap: wrap-reverse !important;
}
.flex-md-fill
{
flex: 1 1 auto !important;
}
.flex-md-grow-0
{
flex-grow: 0 !important;
}
.flex-md-grow-1
{
flex-grow: 1 !important;
}
.flex-md-shrink-0
{
flex-shrink: 0 !important;
}
.flex-md-shrink-1
{
flex-shrink: 1 !important;
}
.justify-content-md-start
{
justify-content: flex-start !important;
}
.justify-content-md-end
{
justify-content: flex-end !important;
}
.justify-content-md-center
{
justify-content: center !important;
}
.justify-content-md-between
{
justify-content: space-between !important;
}
.justify-content-md-around
{
justify-content: space-around !important;
}
.align-items-md-start
{
align-items: flex-start !important;
}
.align-items-md-end
{
align-items: flex-end !important;
}
.align-items-md-center
{
align-items: center !important;
}
.align-items-md-baseline
{
align-items: baseline !important;
}
.align-items-md-stretch
{
align-items: stretch !important;
}
.align-content-md-start
{
align-content: flex-start !important;
}
.align-content-md-end
{
align-content: flex-end !important;
}
.align-content-md-center
{
align-content: center !important;
}
.align-content-md-between
{
align-content: space-between !important;
}
.align-content-md-around
{
align-content: space-around !important;
}
.align-content-md-stretch
{
align-content: stretch !important;
}
.align-self-md-auto
{
align-self: auto !important;
}
.align-self-md-start
{
align-self: flex-start !important;
}
.align-self-md-end
{
align-self: flex-end !important;
}
.align-self-md-center
{
align-self: center !important;
}
.align-self-md-baseline
{
align-self: baseline !important;
}
.align-self-md-stretch
{
align-self: stretch !important;
}
}
@media (min-width: 992px)
{
.flex-lg-row
{
flex-direction: row !important;
}
.flex-lg-column
{
flex-direction: column !important;
}
.flex-lg-row-reverse
{
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse
{
flex-direction: column-reverse !important;
}
.flex-lg-wrap
{
flex-wrap: wrap !important;
}
.flex-lg-nowrap
{
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse
{
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill
{
flex: 1 1 auto !important;
}
.flex-lg-grow-0
{
flex-grow: 0 !important;
}
.flex-lg-grow-1
{
flex-grow: 1 !important;
}
.flex-lg-shrink-0
{
flex-shrink: 0 !important;
}
.flex-lg-shrink-1
{
flex-shrink: 1 !important;
}
.justify-content-lg-start
{
justify-content: flex-start !important;
}
.justify-content-lg-end
{
justify-content: flex-end !important;
}
.justify-content-lg-center
{
justify-content: center !important;
}
.justify-content-lg-between
{
justify-content: space-between !important;
}
.justify-content-lg-around
{
justify-content: space-around !important;
}
.align-items-lg-start
{
align-items: flex-start !important;
}
.align-items-lg-end
{
align-items: flex-end !important;
}
.align-items-lg-center
{
align-items: center !important;
}
.align-items-lg-baseline
{
align-items: baseline !important;
}
.align-items-lg-stretch
{
align-items: stretch !important;
}
.align-content-lg-start
{
align-content: flex-start !important;
}
.align-content-lg-end
{
align-content: flex-end !important;
}
.align-content-lg-center
{
align-content: center !important;
}
.align-content-lg-between
{
align-content: space-between !important;
}
.align-content-lg-around
{
align-content: space-around !important;
}
.align-content-lg-stretch
{
align-content: stretch !important;
}
.align-self-lg-auto
{
align-self: auto !important;
}
.align-self-lg-start
{
align-self: flex-start !important;
}
.align-self-lg-end
{
align-self: flex-end !important;
}
.align-self-lg-center
{
align-self: center !important;
}
.align-self-lg-baseline
{
align-self: baseline !important;
}
.align-self-lg-stretch
{
align-self: stretch !important;
}
}
@media (min-width: 1200px)
{
.flex-xl-row
{
flex-direction: row !important;
}
.flex-xl-column
{
flex-direction: column !important;
}
.flex-xl-row-reverse
{
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse
{
flex-direction: column-reverse !important;
}
.flex-xl-wrap
{
flex-wrap: wrap !important;
}
.flex-xl-nowrap
{
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse
{
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill
{
flex: 1 1 auto !important;
}
.flex-xl-grow-0
{
flex-grow: 0 !important;
}
.flex-xl-grow-1
{
flex-grow: 1 !important;
}
.flex-xl-shrink-0
{
flex-shrink: 0 !important;
}
.flex-xl-shrink-1
{
flex-shrink: 1 !important;
}
.justify-content-xl-start
{
justify-content: flex-start !important;
}
.justify-content-xl-end
{
justify-content: flex-end !important;
}
.justify-content-xl-center
{
justify-content: center !important;
}
.justify-content-xl-between
{
justify-content: space-between !important;
}
.justify-content-xl-around
{
justify-content: space-around !important;
}
.align-items-xl-start
{
align-items: flex-start !important;
}
.align-items-xl-end
{
align-items: flex-end !important;
}
.align-items-xl-center
{
align-items: center !important;
}
.align-items-xl-baseline
{
align-items: baseline !important;
}
.align-items-xl-stretch
{
align-items: stretch !important;
}
.align-content-xl-start
{
align-content: flex-start !important;
}
.align-content-xl-end
{
align-content: flex-end !important;
}
.align-content-xl-center
{
align-content: center !important;
}
.align-content-xl-between
{
align-content: space-between !important;
}
.align-content-xl-around
{
align-content: space-around !important;
}
.align-content-xl-stretch
{
align-content: stretch !important;
}
.align-self-xl-auto
{
align-self: auto !important;
}
.align-self-xl-start
{
align-self: flex-start !important;
}
.align-self-xl-end
{
align-self: flex-end !important;
}
.align-self-xl-center
{
align-self: center !important;
}
.align-self-xl-baseline
{
align-self: baseline !important;
}
.align-self-xl-stretch
{
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;
}
}
.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;
z-index: 1030;
top: 0;
right: 0;
left: 0;
}
.fixed-bottom
{
position: fixed;
z-index: 1030;
right: 0;
bottom: 0;
left: 0;
}
@supports ((position: -webkit-sticky) or (position: sticky))
{
.sticky-top
{
position: -webkit-sticky;
position:         sticky;
z-index: 1020;
top: 0;
}
}
.sr-only
{
position: absolute;
overflow: hidden;
clip: rect(0, 0, 0, 0);
width: 1px;
height: 1px;
padding: 0;
white-space: nowrap;
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus
{
position: static;
overflow: visible;
clip: auto;
width: auto;
height: auto;
white-space: normal;
}
.shadow-sm
{
box-shadow: 0 0 .5rem rgba(136, 152, 170, .075) !important;
}
.shadow
{
box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}
.shadow-lg
{
box-shadow: 0 0 3rem rgba(136, 152, 170, .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;
}
.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;
}
.m--9
{
margin: -10rem !important;
}
.mt--9,
.my--9
{
margin-top: -10rem !important;
}
.mr--9,
.mx--9
{
margin-right: -10rem !important;
}
.mb--9,
.my--9
{
margin-bottom: -10rem !important;
}
.ml--9,
.mx--9
{
margin-left: -10rem !important;
}
.m--8
{
margin: -8rem !important;
}
.mt--8,
.my--8
{
margin-top: -8rem !important;
}
.mr--8,
.mx--8
{
margin-right: -8rem !important;
}
.mb--8,
.my--8
{
margin-bottom: -8rem !important;
}
.ml--8,
.mx--8
{
margin-left: -8rem !important;
}
.m--7
{
margin: -6rem !important;
}
.mt--7,
.my--7
{
margin-top: -6rem !important;
}
.mr--7,
.mx--7
{
margin-right: -6rem !important;
}
.mb--7,
.my--7
{
margin-bottom: -6rem !important;
}
.ml--7,
.mx--7
{
margin-left: -6rem !important;
}
.m--6
{
margin: -4.5rem !important;
}
.mt--6,
.my--6
{
margin-top: -4.5rem !important;
}
.mr--6,
.mx--6
{
margin-right: -4.5rem !important;
}
.mb--6,
.my--6
{
margin-bottom: -4.5rem !important;
}
.ml--6,
.mx--6
{
margin-left: -4.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;
}
.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--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--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--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-6
{
margin: 4.5rem !important;
}
.mt-6,
.my-6
{
margin-top: 4.5rem !important;
}
.mr-6,
.mx-6
{
margin-right: 4.5rem !important;
}
.mb-6,
.my-6
{
margin-bottom: 4.5rem !important;
}
.ml-6,
.mx-6
{
margin-left: 4.5rem !important;
}
.m-7
{
margin: 6rem !important;
}
.mt-7,
.my-7
{
margin-top: 6rem !important;
}
.mr-7,
.mx-7
{
margin-right: 6rem !important;
}
.mb-7,
.my-7
{
margin-bottom: 6rem !important;
}
.ml-7,
.mx-7
{
margin-left: 6rem !important;
}
.m-8
{
margin: 8rem !important;
}
.mt-8,
.my-8
{
margin-top: 8rem !important;
}
.mr-8,
.mx-8
{
margin-right: 8rem !important;
}
.mb-8,
.my-8
{
margin-bottom: 8rem !important;
}
.ml-8,
.mx-8
{
margin-left: 8rem !important;
}
.m-9
{
margin: 10rem !important;
}
.mt-9,
.my-9
{
margin-top: 10rem !important;
}
.mr-9,
.mx-9
{
margin-right: 10rem !important;
}
.mb-9,
.my-9
{
margin-bottom: 10rem !important;
}
.ml-9,
.mx-9
{
margin-left: 10rem !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;
}
.p--9
{
padding: -10rem !important;
}
.pt--9,
.py--9
{
padding-top: -10rem !important;
}
.pr--9,
.px--9
{
padding-right: -10rem !important;
}
.pb--9,
.py--9
{
padding-bottom: -10rem !important;
}
.pl--9,
.px--9
{
padding-left: -10rem !important;
}
.p--8
{
padding: -8rem !important;
}
.pt--8,
.py--8
{
padding-top: -8rem !important;
}
.pr--8,
.px--8
{
padding-right: -8rem !important;
}
.pb--8,
.py--8
{
padding-bottom: -8rem !important;
}
.pl--8,
.px--8
{
padding-left: -8rem !important;
}
.p--7
{
padding: -6rem !important;
}
.pt--7,
.py--7
{
padding-top: -6rem !important;
}
.pr--7,
.px--7
{
padding-right: -6rem !important;
}
.pb--7,
.py--7
{
padding-bottom: -6rem !important;
}
.pl--7,
.px--7
{
padding-left: -6rem !important;
}
.p--6
{
padding: -4.5rem !important;
}
.pt--6,
.py--6
{
padding-top: -4.5rem !important;
}
.pr--6,
.px--6
{
padding-right: -4.5rem !important;
}
.pb--6,
.py--6
{
padding-bottom: -4.5rem !important;
}
.pl--6,
.px--6
{
padding-left: -4.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;
}
.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--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--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--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-6
{
padding: 4.5rem !important;
}
.pt-6,
.py-6
{
padding-top: 4.5rem !important;
}
.pr-6,
.px-6
{
padding-right: 4.5rem !important;
}
.pb-6,
.py-6
{
padding-bottom: 4.5rem !important;
}
.pl-6,
.px-6
{
padding-left: 4.5rem !important;
}
.p-7
{
padding: 6rem !important;
}
.pt-7,
.py-7
{
padding-top: 6rem !important;
}
.pr-7,
.px-7
{
padding-right: 6rem !important;
}
.pb-7,
.py-7
{
padding-bottom: 6rem !important;
}
.pl-7,
.px-7
{
padding-left: 6rem !important;
}
.p-8
{
padding: 8rem !important;
}
.pt-8,
.py-8
{
padding-top: 8rem !important;
}
.pr-8,
.px-8
{
padding-right: 8rem !important;
}
.pb-8,
.py-8
{
padding-bottom: 8rem !important;
}
.pl-8,
.px-8
{
padding-left: 8rem !important;
}
.p-9
{
padding: 10rem !important;
}
.pt-9,
.py-9
{
padding-top: 10rem !important;
}
.pr-9,
.px-9
{
padding-right: 10rem !important;
}
.pb-9,
.py-9
{
padding-bottom: 10rem !important;
}
.pl-9,
.px-9
{
padding-left: 10rem !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;
}
.m-sm--9
{
margin: -10rem !important;
}
.mt-sm--9,
.my-sm--9
{
margin-top: -10rem !important;
}
.mr-sm--9,
.mx-sm--9
{
margin-right: -10rem !important;
}
.mb-sm--9,
.my-sm--9
{
margin-bottom: -10rem !important;
}
.ml-sm--9,
.mx-sm--9
{
margin-left: -10rem !important;
}
.m-sm--8
{
margin: -8rem !important;
}
.mt-sm--8,
.my-sm--8
{
margin-top: -8rem !important;
}
.mr-sm--8,
.mx-sm--8
{
margin-right: -8rem !important;
}
.mb-sm--8,
.my-sm--8
{
margin-bottom: -8rem !important;
}
.ml-sm--8,
.mx-sm--8
{
margin-left: -8rem !important;
}
.m-sm--7
{
margin: -6rem !important;
}
.mt-sm--7,
.my-sm--7
{
margin-top: -6rem !important;
}
.mr-sm--7,
.mx-sm--7
{
margin-right: -6rem !important;
}
.mb-sm--7,
.my-sm--7
{
margin-bottom: -6rem !important;
}
.ml-sm--7,
.mx-sm--7
{
margin-left: -6rem !important;
}
.m-sm--6
{
margin: -4.5rem !important;
}
.mt-sm--6,
.my-sm--6
{
margin-top: -4.5rem !important;
}
.mr-sm--6,
.mx-sm--6
{
margin-right: -4.5rem !important;
}
.mb-sm--6,
.my-sm--6
{
margin-bottom: -4.5rem !important;
}
.ml-sm--6,
.mx-sm--6
{
margin-left: -4.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;
}
.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--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--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--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-6
{
margin: 4.5rem !important;
}
.mt-sm-6,
.my-sm-6
{
margin-top: 4.5rem !important;
}
.mr-sm-6,
.mx-sm-6
{
margin-right: 4.5rem !important;
}
.mb-sm-6,
.my-sm-6
{
margin-bottom: 4.5rem !important;
}
.ml-sm-6,
.mx-sm-6
{
margin-left: 4.5rem !important;
}
.m-sm-7
{
margin: 6rem !important;
}
.mt-sm-7,
.my-sm-7
{
margin-top: 6rem !important;
}
.mr-sm-7,
.mx-sm-7
{
margin-right: 6rem !important;
}
.mb-sm-7,
.my-sm-7
{
margin-bottom: 6rem !important;
}
.ml-sm-7,
.mx-sm-7
{
margin-left: 6rem !important;
}
.m-sm-8
{
margin: 8rem !important;
}
.mt-sm-8,
.my-sm-8
{
margin-top: 8rem !important;
}
.mr-sm-8,
.mx-sm-8
{
margin-right: 8rem !important;
}
.mb-sm-8,
.my-sm-8
{
margin-bottom: 8rem !important;
}
.ml-sm-8,
.mx-sm-8
{
margin-left: 8rem !important;
}
.m-sm-9
{
margin: 10rem !important;
}
.mt-sm-9,
.my-sm-9
{
margin-top: 10rem !important;
}
.mr-sm-9,
.mx-sm-9
{
margin-right: 10rem !important;
}
.mb-sm-9,
.my-sm-9
{
margin-bottom: 10rem !important;
}
.ml-sm-9,
.mx-sm-9
{
margin-left: 10rem !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;
}
.p-sm--9
{
padding: -10rem !important;
}
.pt-sm--9,
.py-sm--9
{
padding-top: -10rem !important;
}
.pr-sm--9,
.px-sm--9
{
padding-right: -10rem !important;
}
.pb-sm--9,
.py-sm--9
{
padding-bottom: -10rem !important;
}
.pl-sm--9,
.px-sm--9
{
padding-left: -10rem !important;
}
.p-sm--8
{
padding: -8rem !important;
}
.pt-sm--8,
.py-sm--8
{
padding-top: -8rem !important;
}
.pr-sm--8,
.px-sm--8
{
padding-right: -8rem !important;
}
.pb-sm--8,
.py-sm--8
{
padding-bottom: -8rem !important;
}
.pl-sm--8,
.px-sm--8
{
padding-left: -8rem !important;
}
.p-sm--7
{
padding: -6rem !important;
}
.pt-sm--7,
.py-sm--7
{
padding-top: -6rem !important;
}
.pr-sm--7,
.px-sm--7
{
padding-right: -6rem !important;
}
.pb-sm--7,
.py-sm--7
{
padding-bottom: -6rem !important;
}
.pl-sm--7,
.px-sm--7
{
padding-left: -6rem !important;
}
.p-sm--6
{
padding: -4.5rem !important;
}
.pt-sm--6,
.py-sm--6
{
padding-top: -4.5rem !important;
}
.pr-sm--6,
.px-sm--6
{
padding-right: -4.5rem !important;
}
.pb-sm--6,
.py-sm--6
{
padding-bottom: -4.5rem !important;
}
.pl-sm--6,
.px-sm--6
{
padding-left: -4.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;
}
.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--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--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--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-6
{
padding: 4.5rem !important;
}
.pt-sm-6,
.py-sm-6
{
padding-top: 4.5rem !important;
}
.pr-sm-6,
.px-sm-6
{
padding-right: 4.5rem !important;
}
.pb-sm-6,
.py-sm-6
{
padding-bottom: 4.5rem !important;
}
.pl-sm-6,
.px-sm-6
{
padding-left: 4.5rem !important;
}
.p-sm-7
{
padding: 6rem !important;
}
.pt-sm-7,
.py-sm-7
{
padding-top: 6rem !important;
}
.pr-sm-7,
.px-sm-7
{
padding-right: 6rem !important;
}
.pb-sm-7,
.py-sm-7
{
padding-bottom: 6rem !important;
}
.pl-sm-7,
.px-sm-7
{
padding-left: 6rem !important;
}
.p-sm-8
{
padding: 8rem !important;
}
.pt-sm-8,
.py-sm-8
{
padding-top: 8rem !important;
}
.pr-sm-8,
.px-sm-8
{
padding-right: 8rem !important;
}
.pb-sm-8,
.py-sm-8
{
padding-bottom: 8rem !important;
}
.pl-sm-8,
.px-sm-8
{
padding-left: 8rem !important;
}
.p-sm-9
{
padding: 10rem !important;
}
.pt-sm-9,
.py-sm-9
{
padding-top: 10rem !important;
}
.pr-sm-9,
.px-sm-9
{
padding-right: 10rem !important;
}
.pb-sm-9,
.py-sm-9
{
padding-bottom: 10rem !important;
}
.pl-sm-9,
.px-sm-9
{
padding-left: 10rem !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;
}
.m-md--9
{
margin: -10rem !important;
}
.mt-md--9,
.my-md--9
{
margin-top: -10rem !important;
}
.mr-md--9,
.mx-md--9
{
margin-right: -10rem !important;
}
.mb-md--9,
.my-md--9
{
margin-bottom: -10rem !important;
}
.ml-md--9,
.mx-md--9
{
margin-left: -10rem !important;
}
.m-md--8
{
margin: -8rem !important;
}
.mt-md--8,
.my-md--8
{
margin-top: -8rem !important;
}
.mr-md--8,
.mx-md--8
{
margin-right: -8rem !important;
}
.mb-md--8,
.my-md--8
{
margin-bottom: -8rem !important;
}
.ml-md--8,
.mx-md--8
{
margin-left: -8rem !important;
}
.m-md--7
{
margin: -6rem !important;
}
.mt-md--7,
.my-md--7
{
margin-top: -6rem !important;
}
.mr-md--7,
.mx-md--7
{
margin-right: -6rem !important;
}
.mb-md--7,
.my-md--7
{
margin-bottom: -6rem !important;
}
.ml-md--7,
.mx-md--7
{
margin-left: -6rem !important;
}
.m-md--6
{
margin: -4.5rem !important;
}
.mt-md--6,
.my-md--6
{
margin-top: -4.5rem !important;
}
.mr-md--6,
.mx-md--6
{
margin-right: -4.5rem !important;
}
.mb-md--6,
.my-md--6
{
margin-bottom: -4.5rem !important;
}
.ml-md--6,
.mx-md--6
{
margin-left: -4.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;
}
.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--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--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--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-6
{
margin: 4.5rem !important;
}
.mt-md-6,
.my-md-6
{
margin-top: 4.5rem !important;
}
.mr-md-6,
.mx-md-6
{
margin-right: 4.5rem !important;
}
.mb-md-6,
.my-md-6
{
margin-bottom: 4.5rem !important;
}
.ml-md-6,
.mx-md-6
{
margin-left: 4.5rem !important;
}
.m-md-7
{
margin: 6rem !important;
}
.mt-md-7,
.my-md-7
{
margin-top: 6rem !important;
}
.mr-md-7,
.mx-md-7
{
margin-right: 6rem !important;
}
.mb-md-7,
.my-md-7
{
margin-bottom: 6rem !important;
}
.ml-md-7,
.mx-md-7
{
margin-left: 6rem !important;
}
.m-md-8
{
margin: 8rem !important;
}
.mt-md-8,
.my-md-8
{
margin-top: 8rem !important;
}
.mr-md-8,
.mx-md-8
{
margin-right: 8rem !important;
}
.mb-md-8,
.my-md-8
{
margin-bottom: 8rem !important;
}
.ml-md-8,
.mx-md-8
{
margin-left: 8rem !important;
}
.m-md-9
{
margin: 10rem !important;
}
.mt-md-9,
.my-md-9
{
margin-top: 10rem !important;
}
.mr-md-9,
.mx-md-9
{
margin-right: 10rem !important;
}
.mb-md-9,
.my-md-9
{
margin-bottom: 10rem !important;
}
.ml-md-9,
.mx-md-9
{
margin-left: 10rem !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;
}
.p-md--9
{
padding: -10rem !important;
}
.pt-md--9,
.py-md--9
{
padding-top: -10rem !important;
}
.pr-md--9,
.px-md--9
{
padding-right: -10rem !important;
}
.pb-md--9,
.py-md--9
{
padding-bottom: -10rem !important;
}
.pl-md--9,
.px-md--9
{
padding-left: -10rem !important;
}
.p-md--8
{
padding: -8rem !important;
}
.pt-md--8,
.py-md--8
{
padding-top: -8rem !important;
}
.pr-md--8,
.px-md--8
{
padding-right: -8rem !important;
}
.pb-md--8,
.py-md--8
{
padding-bottom: -8rem !important;
}
.pl-md--8,
.px-md--8
{
padding-left: -8rem !important;
}
.p-md--7
{
padding: -6rem !important;
}
.pt-md--7,
.py-md--7
{
padding-top: -6rem !important;
}
.pr-md--7,
.px-md--7
{
padding-right: -6rem !important;
}
.pb-md--7,
.py-md--7
{
padding-bottom: -6rem !important;
}
.pl-md--7,
.px-md--7
{
padding-left: -6rem !important;
}
.p-md--6
{
padding: -4.5rem !important;
}
.pt-md--6,
.py-md--6
{
padding-top: -4.5rem !important;
}
.pr-md--6,
.px-md--6
{
padding-right: -4.5rem !important;
}
.pb-md--6,
.py-md--6
{
padding-bottom: -4.5rem !important;
}
.pl-md--6,
.px-md--6
{
padding-left: -4.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;
}
.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--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--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--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-6
{
padding: 4.5rem !important;
}
.pt-md-6,
.py-md-6
{
padding-top: 4.5rem !important;
}
.pr-md-6,
.px-md-6
{
padding-right: 4.5rem !important;
}
.pb-md-6,
.py-md-6
{
padding-bottom: 4.5rem !important;
}
.pl-md-6,
.px-md-6
{
padding-left: 4.5rem !important;
}
.p-md-7
{
padding: 6rem !important;
}
.pt-md-7,
.py-md-7
{
padding-top: 6rem !important;
}
.pr-md-7,
.px-md-7
{
padding-right: 6rem !important;
}
.pb-md-7,
.py-md-7
{
padding-bottom: 6rem !important;
}
.pl-md-7,
.px-md-7
{
padding-left: 6rem !important;
}
.p-md-8
{
padding: 8rem !important;
}
.pt-md-8,
.py-md-8
{
padding-top: 8rem !important;
}
.pr-md-8,
.px-md-8
{
padding-right: 8rem !important;
}
.pb-md-8,
.py-md-8
{
padding-bottom: 8rem !important;
}
.pl-md-8,
.px-md-8
{
padding-left: 8rem !important;
}
.p-md-9
{
padding: 10rem !important;
}
.pt-md-9,
.py-md-9
{
padding-top: 10rem !important;
}
.pr-md-9,
.px-md-9
{
padding-right: 10rem !important;
}
.pb-md-9,
.py-md-9
{
padding-bottom: 10rem !important;
}
.pl-md-9,
.px-md-9
{
padding-left: 10rem !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;
}
.m-lg--9
{
margin: -10rem !important;
}
.mt-lg--9,
.my-lg--9
{
margin-top: -10rem !important;
}
.mr-lg--9,
.mx-lg--9
{
margin-right: -10rem !important;
}
.mb-lg--9,
.my-lg--9
{
margin-bottom: -10rem !important;
}
.ml-lg--9,
.mx-lg--9
{
margin-left: -10rem !important;
}
.m-lg--8
{
margin: -8rem !important;
}
.mt-lg--8,
.my-lg--8
{
margin-top: -8rem !important;
}
.mr-lg--8,
.mx-lg--8
{
margin-right: -8rem !important;
}
.mb-lg--8,
.my-lg--8
{
margin-bottom: -8rem !important;
}
.ml-lg--8,
.mx-lg--8
{
margin-left: -8rem !important;
}
.m-lg--7
{
margin: -6rem !important;
}
.mt-lg--7,
.my-lg--7
{
margin-top: -6rem !important;
}
.mr-lg--7,
.mx-lg--7
{
margin-right: -6rem !important;
}
.mb-lg--7,
.my-lg--7
{
margin-bottom: -6rem !important;
}
.ml-lg--7,
.mx-lg--7
{
margin-left: -6rem !important;
}
.m-lg--6
{
margin: -4.5rem !important;
}
.mt-lg--6,
.my-lg--6
{
margin-top: -4.5rem !important;
}
.mr-lg--6,
.mx-lg--6
{
margin-right: -4.5rem !important;
}
.mb-lg--6,
.my-lg--6
{
margin-bottom: -4.5rem !important;
}
.ml-lg--6,
.mx-lg--6
{
margin-left: -4.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;
}
.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--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--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--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-6
{
margin: 4.5rem !important;
}
.mt-lg-6,
.my-lg-6
{
margin-top: 4.5rem !important;
}
.mr-lg-6,
.mx-lg-6
{
margin-right: 4.5rem !important;
}
.mb-lg-6,
.my-lg-6
{
margin-bottom: 4.5rem !important;
}
.ml-lg-6,
.mx-lg-6
{
margin-left: 4.5rem !important;
}
.m-lg-7
{
margin: 6rem !important;
}
.mt-lg-7,
.my-lg-7
{
margin-top: 6rem !important;
}
.mr-lg-7,
.mx-lg-7
{
margin-right: 6rem !important;
}
.mb-lg-7,
.my-lg-7
{
margin-bottom: 6rem !important;
}
.ml-lg-7,
.mx-lg-7
{
margin-left: 6rem !important;
}
.m-lg-8
{
margin: 8rem !important;
}
.mt-lg-8,
.my-lg-8
{
margin-top: 8rem !important;
}
.mr-lg-8,
.mx-lg-8
{
margin-right: 8rem !important;
}
.mb-lg-8,
.my-lg-8
{
margin-bottom: 8rem !important;
}
.ml-lg-8,
.mx-lg-8
{
margin-left: 8rem !important;
}
.m-lg-9
{
margin: 10rem !important;
}
.mt-lg-9,
.my-lg-9
{
margin-top: 10rem !important;
}
.mr-lg-9,
.mx-lg-9
{
margin-right: 10rem !important;
}
.mb-lg-9,
.my-lg-9
{
margin-bottom: 10rem !important;
}
.ml-lg-9,
.mx-lg-9
{
margin-left: 10rem !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;
}
.p-lg--9
{
padding: -10rem !important;
}
.pt-lg--9,
.py-lg--9
{
padding-top: -10rem !important;
}
.pr-lg--9,
.px-lg--9
{
padding-right: -10rem !important;
}
.pb-lg--9,
.py-lg--9
{
padding-bottom: -10rem !important;
}
.pl-lg--9,
.px-lg--9
{
padding-left: -10rem !important;
}
.p-lg--8
{
padding: -8rem !important;
}
.pt-lg--8,
.py-lg--8
{
padding-top: -8rem !important;
}
.pr-lg--8,
.px-lg--8
{
padding-right: -8rem !important;
}
.pb-lg--8,
.py-lg--8
{
padding-bottom: -8rem !important;
}
.pl-lg--8,
.px-lg--8
{
padding-left: -8rem !important;
}
.p-lg--7
{
padding: -6rem !important;
}
.pt-lg--7,
.py-lg--7
{
padding-top: -6rem !important;
}
.pr-lg--7,
.px-lg--7
{
padding-right: -6rem !important;
}
.pb-lg--7,
.py-lg--7
{
padding-bottom: -6rem !important;
}
.pl-lg--7,
.px-lg--7
{
padding-left: -6rem !important;
}
.p-lg--6
{
padding: -4.5rem !important;
}
.pt-lg--6,
.py-lg--6
{
padding-top: -4.5rem !important;
}
.pr-lg--6,
.px-lg--6
{
padding-right: -4.5rem !important;
}
.pb-lg--6,
.py-lg--6
{
padding-bottom: -4.5rem !important;
}
.pl-lg--6,
.px-lg--6
{
padding-left: -4.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;
}
.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--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--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--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-6
{
padding: 4.5rem !important;
}
.pt-lg-6,
.py-lg-6
{
padding-top: 4.5rem !important;
}
.pr-lg-6,
.px-lg-6
{
padding-right: 4.5rem !important;
}
.pb-lg-6,
.py-lg-6
{
padding-bottom: 4.5rem !important;
}
.pl-lg-6,
.px-lg-6
{
padding-left: 4.5rem !important;
}
.p-lg-7
{
padding: 6rem !important;
}
.pt-lg-7,
.py-lg-7
{
padding-top: 6rem !important;
}
.pr-lg-7,
.px-lg-7
{
padding-right: 6rem !important;
}
.pb-lg-7,
.py-lg-7
{
padding-bottom: 6rem !important;
}
.pl-lg-7,
.px-lg-7
{
padding-left: 6rem !important;
}
.p-lg-8
{
padding: 8rem !important;
}
.pt-lg-8,
.py-lg-8
{
padding-top: 8rem !important;
}
.pr-lg-8,
.px-lg-8
{
padding-right: 8rem !important;
}
.pb-lg-8,
.py-lg-8
{
padding-bottom: 8rem !important;
}
.pl-lg-8,
.px-lg-8
{
padding-left: 8rem !important;
}
.p-lg-9
{
padding: 10rem !important;
}
.pt-lg-9,
.py-lg-9
{
padding-top: 10rem !important;
}
.pr-lg-9,
.px-lg-9
{
padding-right: 10rem !important;
}
.pb-lg-9,
.py-lg-9
{
padding-bottom: 10rem !important;
}
.pl-lg-9,
.px-lg-9
{
padding-left: 10rem !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;
}
.m-xl--9
{
margin: -10rem !important;
}
.mt-xl--9,
.my-xl--9
{
margin-top: -10rem !important;
}
.mr-xl--9,
.mx-xl--9
{
margin-right: -10rem !important;
}
.mb-xl--9,
.my-xl--9
{
margin-bottom: -10rem !important;
}
.ml-xl--9,
.mx-xl--9
{
margin-left: -10rem !important;
}
.m-xl--8
{
margin: -8rem !important;
}
.mt-xl--8,
.my-xl--8
{
margin-top: -8rem !important;
}
.mr-xl--8,
.mx-xl--8
{
margin-right: -8rem !important;
}
.mb-xl--8,
.my-xl--8
{
margin-bottom: -8rem !important;
}
.ml-xl--8,
.mx-xl--8
{
margin-left: -8rem !important;
}
.m-xl--7
{
margin: -6rem !important;
}
.mt-xl--7,
.my-xl--7
{
margin-top: -6rem !important;
}
.mr-xl--7,
.mx-xl--7
{
margin-right: -6rem !important;
}
.mb-xl--7,
.my-xl--7
{
margin-bottom: -6rem !important;
}
.ml-xl--7,
.mx-xl--7
{
margin-left: -6rem !important;
}
.m-xl--6
{
margin: -4.5rem !important;
}
.mt-xl--6,
.my-xl--6
{
margin-top: -4.5rem !important;
}
.mr-xl--6,
.mx-xl--6
{
margin-right: -4.5rem !important;
}
.mb-xl--6,
.my-xl--6
{
margin-bottom: -4.5rem !important;
}
.ml-xl--6,
.mx-xl--6
{
margin-left: -4.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;
}
.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--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--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--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-6
{
margin: 4.5rem !important;
}
.mt-xl-6,
.my-xl-6
{
margin-top: 4.5rem !important;
}
.mr-xl-6,
.mx-xl-6
{
margin-right: 4.5rem !important;
}
.mb-xl-6,
.my-xl-6
{
margin-bottom: 4.5rem !important;
}
.ml-xl-6,
.mx-xl-6
{
margin-left: 4.5rem !important;
}
.m-xl-7
{
margin: 6rem !important;
}
.mt-xl-7,
.my-xl-7
{
margin-top: 6rem !important;
}
.mr-xl-7,
.mx-xl-7
{
margin-right: 6rem !important;
}
.mb-xl-7,
.my-xl-7
{
margin-bottom: 6rem !important;
}
.ml-xl-7,
.mx-xl-7
{
margin-left: 6rem !important;
}
.m-xl-8
{
margin: 8rem !important;
}
.mt-xl-8,
.my-xl-8
{
margin-top: 8rem !important;
}
.mr-xl-8,
.mx-xl-8
{
margin-right: 8rem !important;
}
.mb-xl-8,
.my-xl-8
{
margin-bottom: 8rem !important;
}
.ml-xl-8,
.mx-xl-8
{
margin-left: 8rem !important;
}
.m-xl-9
{
margin: 10rem !important;
}
.mt-xl-9,
.my-xl-9
{
margin-top: 10rem !important;
}
.mr-xl-9,
.mx-xl-9
{
margin-right: 10rem !important;
}
.mb-xl-9,
.my-xl-9
{
margin-bottom: 10rem !important;
}
.ml-xl-9,
.mx-xl-9
{
margin-left: 10rem !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;
}
.p-xl--9
{
padding: -10rem !important;
}
.pt-xl--9,
.py-xl--9
{
padding-top: -10rem !important;
}
.pr-xl--9,
.px-xl--9
{
padding-right: -10rem !important;
}
.pb-xl--9,
.py-xl--9
{
padding-bottom: -10rem !important;
}
.pl-xl--9,
.px-xl--9
{
padding-left: -10rem !important;
}
.p-xl--8
{
padding: -8rem !important;
}
.pt-xl--8,
.py-xl--8
{
padding-top: -8rem !important;
}
.pr-xl--8,
.px-xl--8
{
padding-right: -8rem !important;
}
.pb-xl--8,
.py-xl--8
{
padding-bottom: -8rem !important;
}
.pl-xl--8,
.px-xl--8
{
padding-left: -8rem !important;
}
.p-xl--7
{
padding: -6rem !important;
}
.pt-xl--7,
.py-xl--7
{
padding-top: -6rem !important;
}
.pr-xl--7,
.px-xl--7
{
padding-right: -6rem !important;
}
.pb-xl--7,
.py-xl--7
{
padding-bottom: -6rem !important;
}
.pl-xl--7,
.px-xl--7
{
padding-left: -6rem !important;
}
.p-xl--6
{
padding: -4.5rem !important;
}
.pt-xl--6,
.py-xl--6
{
padding-top: -4.5rem !important;
}
.pr-xl--6,
.px-xl--6
{
padding-right: -4.5rem !important;
}
.pb-xl--6,
.py-xl--6
{
padding-bottom: -4.5rem !important;
}
.pl-xl--6,
.px-xl--6
{
padding-left: -4.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;
}
.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--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--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--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-6
{
padding: 4.5rem !important;
}
.pt-xl-6,
.py-xl-6
{
padding-top: 4.5rem !important;
}
.pr-xl-6,
.px-xl-6
{
padding-right: 4.5rem !important;
}
.pb-xl-6,
.py-xl-6
{
padding-bottom: 4.5rem !important;
}
.pl-xl-6,
.px-xl-6
{
padding-left: 4.5rem !important;
}
.p-xl-7
{
padding: 6rem !important;
}
.pt-xl-7,
.py-xl-7
{
padding-top: 6rem !important;
}
.pr-xl-7,
.px-xl-7
{
padding-right: 6rem !important;
}
.pb-xl-7,
.py-xl-7
{
padding-bottom: 6rem !important;
}
.pl-xl-7,
.px-xl-7
{
padding-left: 6rem !important;
}
.p-xl-8
{
padding: 8rem !important;
}
.pt-xl-8,
.py-xl-8
{
padding-top: 8rem !important;
}
.pr-xl-8,
.px-xl-8
{
padding-right: 8rem !important;
}
.pb-xl-8,
.py-xl-8
{
padding-bottom: 8rem !important;
}
.pl-xl-8,
.px-xl-8
{
padding-left: 8rem !important;
}
.p-xl-9
{
padding: 10rem !important;
}
.pt-xl-9,
.py-xl-9
{
padding-top: 10rem !important;
}
.pr-xl-9,
.px-xl-9
{
padding-right: 10rem !important;
}
.pb-xl-9,
.py-xl-9
{
padding-bottom: 10rem !important;
}
.pl-xl-9,
.px-xl-9
{
padding-left: 10rem !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;
}
}
.text-monospace
{
font-family: SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
}
.text-justify
{
text-align: justify !important;
}
.text-nowrap
{
white-space: nowrap !important;
}
.text-truncate
{
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.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-normal
{
font-weight: 400 !important;
}
.font-weight-bold
{
font-weight: 600 !important;
}
.font-italic
{
font-style: italic !important;
}
.text-white
{
color: #fff !important;
}
.text-primary
{
color: #5e72e4 !important;
}
a.text-primary:hover,
a.text-primary:focus
{
color: #324cdd !important;
}
.text-secondary
{
color: #f7fafc !important;
}
a.text-secondary:hover,
a.text-secondary:focus
{
color: #d2e3ee !important;
}
.text-success
{
color: #70ffc0 !important;
}
a.text-success:hover,
a.text-success:focus
{
color: #24a46d !important;
}
.text-info
{
color: #11cdef !important;
}
a.text-info:hover,
a.text-info:focus
{
color: #0da5c0 !important;
}
.text-warning
{
color: #fb6340 !important;
}
a.text-warning:hover,
a.text-warning:focus
{
color: #fa3a0e !important;
}
.text-danger
{
color: #f5365c !important;
}
a.text-danger:hover,
a.text-danger:focus
{
color: #ec0c38 !important;
}
.text-light
{
color: #adb5bd !important;
}
a.text-light:hover,
a.text-light:focus
{
color: #919ca6 !important;
}
.text-dark
{
color: #212529 !important;
}
a.text-dark:hover,
a.text-dark:focus
{
color: #0a0c0d !important;
}
.text-default
{
color: #172b4d !important;
}
a.text-default:hover,
a.text-default:focus
{
color: #0b1526 !important;
}
.text-white
{
color: #fff !important;
}
a.text-white:hover,
a.text-white:focus
{
color: #e6e6e6 !important;
}
.text-neutral
{
color: #fff !important;
}
a.text-neutral:hover,
a.text-neutral:focus
{
color: #e6e6e6 !important;
}
.text-darker
{
color: black !important;
}
a.text-darker:hover,
a.text-darker:focus
{
color: black !important;
}
.text-body
{
color: #525f7f !important;
}
.text-muted
{
color: #8898aa !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;
border: 0;
background-color: transparent;
text-shadow: none;
}
.visible
{
visibility: visible !important;
}
.invisible
{
visibility: hidden !important;
}
@media print
{
*,
*::before,
*::after
{
box-shadow: none !important;
text-shadow: none !important;
}
a:not(.btn)
{
text-decoration: underline;
}
abbr[title]::after
{
content: ' (' attr(title) ')';
}
pre
{
white-space: pre-wrap !important;
}
pre,
blockquote
{
border: 1px solid #adb5bd;
page-break-inside: avoid;
}
thead
{
display: table-header-group;
}
tr,
img
{
page-break-inside: avoid;
}
p,
h2,
h3
{
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 th,
.table-bordered td
{
border: 1px solid #dee2e6 !important;
}
.table-dark
{
color: inherit;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody
{
border-color: #e9ecef;
}
.table .thead-dark th
{
color: inherit;
border-color: #e9ecef;
}
}
.alert
{
font-size: .875rem;
}
.alert-heading
{
font-size: .9375rem;
font-weight: 600;
margin-top: .15rem;
}
.alert-icon
{
font-size: 1.25rem;
display: inline-block;
margin-right: 1.25rem;
vertical-align: middle;
}
.alert-icon i.ni
{
position: relative;
top: 2px;
}
.alert-text
{
display: inline-block;
vertical-align: middle;
}
[class*='alert-'] .alert-link
{
color: #fff;
border-bottom: 1px dotted rgba(255, 255, 255, .5);
}
.alert-dismissible .close
{
top: 50%;
right: 1.5rem;
padding: 0;
transform: translateY(-50%);
opacity: 1;
}
@media (max-width: 575.98px)
{
.alert-dismissible .close
{
top: 1rem;
right: .5rem;
}
}
.alert-dismissible .close > span:not(.sr-only)
{
font-size: 1.5rem;
color: rgba(255, 255, 255, .6);
background-color: transparent;
}
.alert-dismissible .close:hover > span:not(.sr-only),
.alert-dismissible .close:focus > span:not(.sr-only)
{
color: white;
background-color: transparent;
}
.alert-secondary .close > span:not(.sr-only)
{
color: rgba(23, 43, 77, .6);
}
.alert-secondary .close:hover > span:not(.sr-only),
.alert-secondary .close:focus > span:not(.sr-only)
{
color: #172b4d;
}
.alert-notify
{
display: flex !important;
width: calc(100% - 30px);
max-width: 600px;
padding-right: 80px;
color: rgba(255, 255, 255, .85);
box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
}
.alert-notify:hover
{
z-index: 1081 !important;
}
.alert-notify:not(.alert-info):not(.alert-success):not(.alert-warning):not(.alert-danger)
{
background-color: rgba(0, 0, 0, .95);
}
.alert-notify:not(.alert-info):not(.alert-success):not(.alert-warning):not(.alert-danger) .alert-notify-close
{
color: #ffd600;
}
.alert-notify:not(.alert-info):not(.alert-success):not(.alert-warning):not(.alert-danger) .alert-notify-close:hover
{
opacity: .8;
}
.alert-notify .alert-icon.ni
{
position: relative;
top: 4px;
}
.alert-notify .alert-title
{
font-size: 1rem;
font-weight: 600;
display: block;
}
.alert-notify .close
{
top: 1rem !important;
right: 1.5rem !important;
transform: translateY(0);
}
.avatar
{
font-size: 1rem;
display: inline-flex;
width: 46px;
height: 48px;
color: #fff;
border-radius: .375rem;
align-items: center;
justify-content: center;
}
.avatar img
{
width: 45px;
height: 45px;
border: 3px solid #ffffff;
}
.avatar + .avatar-content
{
display: inline-block;
margin-left: .75rem;
}
.avatar-xl
{
width: 74px;
height: 74px;
}
.avatar-lg
{
font-size: .875rem;
width: 58px;
height: 58px;
}
.avatar-sm
{
font-size: .875rem;
width: 47px;
height: 49px;
}
.avatar-xs
{
font-size: .75rem;
width: 24px;
height: 24px;
}
.avatar-group .avatar
{
position: relative;
z-index: 2;
border: 0px solid #fff;
}
.avatar-group .avatar:hover
{
z-index: 3;
}
.avatar-group .avatar + .avatar
{
margin-left: -1rem;
}
.badge
{
text-transform: uppercase;
}
.badge a
{
color: #fff;
}
.badge-md
{
padding: .65em 1em;
}
.badge-lg
{
padding: .85em 1.375em;
}
.badge-inline
{
margin-right: .625rem;
}
.badge-inline + span
{
position: relative;
top: 2px;
}
.badge-inline + span > a
{
text-decoration: underline;
}
.badge-default
{
color: #fff;
}
.badge-secondary
{
color: #212529;
background-color: #f7fafc;
}
.btn .badge:not(:first-child)
{
margin-left: .5rem;
}
.btn .badge:not(:last-child)
{
margin-right: .5rem;
}
.badge-circle
{
font-size: .75rem;
font-weight: 600;
display: inline-flex;
width: 1.25rem;
height: 1.25rem;
padding: 0 !important;
text-align: center;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.badge-circle.badge-md
{
width: 1.5rem;
height: 1.5rem;
}
.badge-circle.badge-lg
{
width: 2rem;
height: 2rem;
}
.badge-dot
{
font-size: .875rem;
font-weight: 400;
padding-right: 0;
padding-left: 0;
text-transform: none;
background: transparent;
}
.badge-dot strong
{
color: #32325d;
}
.badge-dot i
{
display: inline-block;
width: .375rem;
height: .375rem;
margin-right: .375rem;
vertical-align: middle;
border-radius: 50%;
}
.badge-dot.badge-md i
{
width: .5rem;
height: .5rem;
}
.badge-dot.badge-lg i
{
width: .625rem;
height: .625rem;
}
.btn .badge-floating
{
position: absolute;
top: -50%;
transform: translateY(50%);
border: 3px solid;
}
.btn .badge-floating.badge:not(.badge-circle)
{
transform: translate(-20%, 50%);
}
.breadcrumb-item
{
font-size: .875rem;
}
.breadcrumb-dark
{
background-color: #172b4d;
}
.breadcrumb-dark .breadcrumb-item
{
font-weight: 600;
}
.breadcrumb-dark .breadcrumb-item a
{
color: #f6f9fc;
}
.breadcrumb-dark .breadcrumb-item a:hover
{
color: #fff;
}
.breadcrumb-dark .breadcrumb-item + .breadcrumb-item::before
{
color: #adb5bd;
}
.breadcrumb-dark .breadcrumb-item.active
{
color: #dee2e6;
}
.breadcrumb-links
{
margin: 0;
padding: 0;
background: transparent;
}
.btn
{
font-size: .875rem;
position: relative;
transition: all .15s ease;
letter-spacing: .025em;
text-transform: none;
will-change: transform;
}
.btn:hover
{
transform: translateY(-1px);
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.btn:not(:last-child)
{
margin-right: .5rem;
}
.btn i:not(:first-child),
.btn svg:not(:first-child)
{
margin-left: .5rem;
}
.btn i:not(:last-child),
.btn svg:not(:last-child)
{
margin-right: .5rem;
}
.btn-group .btn,
.input-group .btn
{
margin-right: 0;
transform: translateY(0);
}
.btn-sm,
.btn-group-sm > .btn
{
font-size: .75rem;
}
.btn-lg,
.btn-group-lg > .btn
{
font-size: .875rem;
}
[class*='btn-outline-']
{
border-width: 1px;
}
.btn-outline-secondary
{
color: #4385b1;
}
.btn-inner--icon i:not(.fas):not(.fab)
{
position: relative;
top: 2px;
}
.btn-link
{
font-weight: 600;
box-shadow: none;
}
.btn-link:hover
{
transform: none;
box-shadow: none;
}
.btn-neutral
{
color: #5c6270;
}
.btn-facebook
{
color: #fff;
border-color: #3b5999;
background-color: #3b5999;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-facebook:hover
{
color: #fff;
border-color: #3b5999;
background-color: #3b5999;
}
.btn-facebook:focus,
.btn-facebook.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(59, 89, 153, .5);
}
.btn-facebook.disabled,
.btn-facebook:disabled
{
color: #fff;
border-color: #3b5999;
background-color: #3b5999;
}
.btn-facebook:not(:disabled):not(.disabled):active,
.btn-facebook:not(:disabled):not(.disabled).active,
.show > .btn-facebook.dropdown-toggle
{
color: #fff;
border-color: #3b5999;
background-color: #2d4474;
}
.btn-facebook:not(:disabled):not(.disabled):active:focus,
.btn-facebook:not(:disabled):not(.disabled).active:focus,
.show > .btn-facebook.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(59, 89, 153, .5);
}
.btn-twitter
{
color: #fff;
border-color: #1da1f2;
background-color: #1da1f2;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-twitter:hover
{
color: #fff;
border-color: #1da1f2;
background-color: #1da1f2;
}
.btn-twitter:focus,
.btn-twitter.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(29, 161, 242, .5);
}
.btn-twitter.disabled,
.btn-twitter:disabled
{
color: #fff;
border-color: #1da1f2;
background-color: #1da1f2;
}
.btn-twitter:not(:disabled):not(.disabled):active,
.btn-twitter:not(:disabled):not(.disabled).active,
.show > .btn-twitter.dropdown-toggle
{
color: #fff;
border-color: #1da1f2;
background-color: #0c85d0;
}
.btn-twitter:not(:disabled):not(.disabled):active:focus,
.btn-twitter:not(:disabled):not(.disabled).active:focus,
.show > .btn-twitter.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(29, 161, 242, .5);
}
.btn-google-plus
{
color: #fff;
border-color: #dd4b39;
background-color: #dd4b39;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-google-plus:hover
{
color: #fff;
border-color: #dd4b39;
background-color: #dd4b39;
}
.btn-google-plus:focus,
.btn-google-plus.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(221, 75, 57, .5);
}
.btn-google-plus.disabled,
.btn-google-plus:disabled
{
color: #fff;
border-color: #dd4b39;
background-color: #dd4b39;
}
.btn-google-plus:not(:disabled):not(.disabled):active,
.btn-google-plus:not(:disabled):not(.disabled).active,
.show > .btn-google-plus.dropdown-toggle
{
color: #fff;
border-color: #dd4b39;
background-color: #c23321;
}
.btn-google-plus:not(:disabled):not(.disabled):active:focus,
.btn-google-plus:not(:disabled):not(.disabled).active:focus,
.show > .btn-google-plus.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(221, 75, 57, .5);
}
.btn-instagram
{
color: #fff;
border-color: #e4405f;
background-color: #e4405f;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-instagram:hover
{
color: #fff;
border-color: #e4405f;
background-color: #e4405f;
}
.btn-instagram:focus,
.btn-instagram.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(228, 64, 95, .5);
}
.btn-instagram.disabled,
.btn-instagram:disabled
{
color: #fff;
border-color: #e4405f;
background-color: #e4405f;
}
.btn-instagram:not(:disabled):not(.disabled):active,
.btn-instagram:not(:disabled):not(.disabled).active,
.show > .btn-instagram.dropdown-toggle
{
color: #fff;
border-color: #e4405f;
background-color: #d31e40;
}
.btn-instagram:not(:disabled):not(.disabled):active:focus,
.btn-instagram:not(:disabled):not(.disabled).active:focus,
.show > .btn-instagram.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(228, 64, 95, .5);
}
.btn-pinterest
{
color: #fff;
border-color: #bd081c;
background-color: #bd081c;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-pinterest:hover
{
color: #fff;
border-color: #bd081c;
background-color: #bd081c;
}
.btn-pinterest:focus,
.btn-pinterest.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(189, 8, 28, .5);
}
.btn-pinterest.disabled,
.btn-pinterest:disabled
{
color: #fff;
border-color: #bd081c;
background-color: #bd081c;
}
.btn-pinterest:not(:disabled):not(.disabled):active,
.btn-pinterest:not(:disabled):not(.disabled).active,
.show > .btn-pinterest.dropdown-toggle
{
color: #fff;
border-color: #bd081c;
background-color: #8c0615;
}
.btn-pinterest:not(:disabled):not(.disabled):active:focus,
.btn-pinterest:not(:disabled):not(.disabled).active:focus,
.show > .btn-pinterest.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(189, 8, 28, .5);
}
.btn-youtube
{
color: #fff;
border-color: #cd201f;
background-color: #cd201f;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-youtube:hover
{
color: #fff;
border-color: #cd201f;
background-color: #cd201f;
}
.btn-youtube:focus,
.btn-youtube.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(205, 32, 31, .5);
}
.btn-youtube.disabled,
.btn-youtube:disabled
{
color: #fff;
border-color: #cd201f;
background-color: #cd201f;
}
.btn-youtube:not(:disabled):not(.disabled):active,
.btn-youtube:not(:disabled):not(.disabled).active,
.show > .btn-youtube.dropdown-toggle
{
color: #fff;
border-color: #cd201f;
background-color: #a11918;
}
.btn-youtube:not(:disabled):not(.disabled):active:focus,
.btn-youtube:not(:disabled):not(.disabled).active:focus,
.show > .btn-youtube.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(205, 32, 31, .5);
}
.btn-slack
{
color: #fff;
border-color: #3aaf85;
background-color: #3aaf85;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-slack:hover
{
color: #fff;
border-color: #3aaf85;
background-color: #3aaf85;
}
.btn-slack:focus,
.btn-slack.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(58, 175, 133, .5);
}
.btn-slack.disabled,
.btn-slack:disabled
{
color: #fff;
border-color: #3aaf85;
background-color: #3aaf85;
}
.btn-slack:not(:disabled):not(.disabled):active,
.btn-slack:not(:disabled):not(.disabled).active,
.show > .btn-slack.dropdown-toggle
{
color: #fff;
border-color: #3aaf85;
background-color: #2d8968;
}
.btn-slack:not(:disabled):not(.disabled):active:focus,
.btn-slack:not(:disabled):not(.disabled).active:focus,
.show > .btn-slack.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(58, 175, 133, .5);
}
.btn-dribbble
{
color: #fff;
border-color: #ea4c89;
background-color: #ea4c89;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-dribbble:hover
{
color: #fff;
border-color: #ea4c89;
background-color: #ea4c89;
}
.btn-dribbble:focus,
.btn-dribbble.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(234, 76, 137, .5);
}
.btn-dribbble.disabled,
.btn-dribbble:disabled
{
color: #fff;
border-color: #ea4c89;
background-color: #ea4c89;
}
.btn-dribbble:not(:disabled):not(.disabled):active,
.btn-dribbble:not(:disabled):not(.disabled).active,
.show > .btn-dribbble.dropdown-toggle
{
color: #fff;
border-color: #ea4c89;
background-color: #e51e6b;
}
.btn-dribbble:not(:disabled):not(.disabled):active:focus,
.btn-dribbble:not(:disabled):not(.disabled).active:focus,
.show > .btn-dribbble.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(234, 76, 137, .5);
}
.btn-github
{
color: #fff;
border-color: #222;
background-color: #222;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-github:hover
{
color: #fff;
border-color: #222;
background-color: #222;
}
.btn-github:focus,
.btn-github.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(34, 34, 34, .5);
}
.btn-github.disabled,
.btn-github:disabled
{
color: #fff;
border-color: #222;
background-color: #222;
}
.btn-github:not(:disabled):not(.disabled):active,
.btn-github:not(:disabled):not(.disabled).active,
.show > .btn-github.dropdown-toggle
{
color: #fff;
border-color: #222;
background-color: #090909;
}
.btn-github:not(:disabled):not(.disabled):active:focus,
.btn-github:not(:disabled):not(.disabled).active:focus,
.show > .btn-github.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(34, 34, 34, .5);
}
.btn-vimeo
{
color: #fff;
border-color: #04a0f0;
background-color: #04a0f0;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.btn-vimeo:hover
{
color: #fff;
border-color: #04a0f0;
background-color: #04a0f0;
}
.btn-vimeo:focus,
.btn-vimeo.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(4, 160, 240, .5);
}
.btn-vimeo.disabled,
.btn-vimeo:disabled
{
color: #fff;
border-color: #04a0f0;
background-color: #04a0f0;
}
.btn-vimeo:not(:disabled):not(.disabled):active,
.btn-vimeo:not(:disabled):not(.disabled).active,
.show > .btn-vimeo.dropdown-toggle
{
color: #fff;
border-color: #04a0f0;
background-color: #037fbe;
}
.btn-vimeo:not(:disabled):not(.disabled):active:focus,
.btn-vimeo:not(:disabled):not(.disabled).active:focus,
.show > .btn-vimeo.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(4, 160, 240, .5);
}
.btn-group .btn
{
box-shadow: none;
}
[data-toggle='buttons']:not(.btn-group-colors) > .btn
{
margin: 0;
cursor: pointer;
border: 0;
background-color: #f6f9fc;
box-shadow: none;
}
[data-toggle='buttons']:not(.btn-group-colors) > .btn:not(.active)
{
color: #525f7f;
}
[data-toggle='buttons']:not(.btn-group-colors) > .btn.active
{
color: #fff;
background-color: #5e72e4;
}
.btn-group-colors > .btn
{
position: relative;
width: 30px;
height: 30px;
margin-right: .5rem;
margin-bottom: .25rem;
padding: 0;
border-radius: 50% !important;
box-shadow: none;
}
.btn-group-colors > .btn:not([class*='bg-'])
{
border-color: #f6f9fc !important;
}
.btn-group-colors > .btn:before
{
font-family: NucleoIcons, sans-serif;
font-size: 14px;
line-height: 28px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
transition: transform 200ms, opacity 200ms;
transform: scale(0);
opacity: 0;
color: #fff;
}
@media screen and (prefers-reduced-motion: reduce)
{
.btn-group-colors > .btn:before
{
transition: none;
}
}
.btn-group-colors > .btn.btn:not([class*='bg-'])
{
border: 1px solid #cfd5db;
}
.btn-group-colors > .btn.btn:not([class*='bg-']):before
{
color: #525f7f;
}
.btn-group-colors > .btn.active:before
{
transform: scale(1);
opacity: 1;
}
.btn-icon .btn-inner--icon img
{
width: 20px;
}
.btn-icon .btn-inner--text:not(:first-child)
{
margin-left: .75em;
}
.btn-icon .btn-inner--text:not(:last-child)
{
margin-right: .75em;
}
.btn-icon-only
{
width: 2.375rem;
height: 2.375rem;
padding: 0;
}
a.btn-icon-only
{
line-height: 2.5;
}
.btn-icon-only.btn-sm,
.btn-group-sm > .btn-icon-only.btn
{
width: 2rem;
height: 2rem;
}
.btn-icon-clipboard
{
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 1.25;
display: inline-block;
width: 100%;
margin: 0;
margin: .5rem 0;
padding: 1.5rem;
cursor: pointer;
text-align: left;
vertical-align: middle;
text-decoration: none;
color: #32325d;
border: 0;
border-radius: .375rem;
background-color: #f6f9fc;
-moz-appearance: none;
}
.btn-icon-clipboard:hover
{
background-color: #fff;
box-shadow: rgba(0, 0, 0, .1) 0 0 0 1px, rgba(0, 0, 0, .1) 0 4px 16px;
}
.btn-icon-clipboard > div
{
display: flex;
align-items: center;
}
.btn-icon-clipboard i
{
font-size: 1.5rem;
box-sizing: content-box;
vertical-align: middle;
color: #5e72e4;
}
.btn-icon-clipboard span
{
font-size: .875rem;
line-height: 1.5;
display: inline-block;
overflow: hidden;
margin-left: 16px;
vertical-align: middle;
white-space: nowrap;
text-overflow: ellipsis;
}
.card
{
margin-bottom: 30px;
border: 0;
box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
}
.card-translucent
{
background-color: rgba(18, 91, 152, .08);
}
.card-deck .card
{
margin-bottom: 30px;
}
.card.shadow
{
border: 0 !important;
}
@media (min-width: 576px)
{
.card-columns
{
column-count: 1;
}
}
@media (min-width: 768px)
{
.card-columns
{
column-count: 2;
}
}
@media (min-width: 1200px)
{
.card-columns
{
column-count: 3;
column-gap: 1.25rem;
}
}
.card-lift--hover:hover
{
transition: all .15s ease;
transform: translateY(-20px);
}
@media screen and (prefers-reduced-motion: reduce)
{
.card-lift--hover:hover
{
transition: none;
}
}
.card-blockquote
{
position: relative;
padding: 2rem;
}
.card-blockquote .svg-bg
{
position: absolute;
top: -94px;
left: 0;
display: block;
width: 100%;
height: 95px;
}
.card-serial-number
{
font-size: 1.625rem;
display: flex;
justify-content: space-between;
}
.card-serial-number > div:not(:last-child)
{
display: flex;
flex: 1 1 auto;
}
.card-serial-number > div:not(:last-child):after
{
position: relative;
left: -2px;
content: '-';
text-align: center;
flex: 1 1 auto;
}
@media (max-width: 575.98px)
{
.card-serial-number
{
font-size: 1.0625rem;
}
}
.card-pricing .card-header
{
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.card-pricing .list-unstyled li
{
padding: .5rem 0;
color: #8898aa;
}
.card-pricing.popular
{
z-index: 1;
border: 3px solid #5e72e4 !important;
}
@media (min-width: 768px)
{
.card-pricing.zoom-in
{
z-index: 1;
transform: scale(1.1);
}
}
.card-profile-image
{
position: relative;
}
.card-profile-image img
{
position: absolute;
left: 50%;
max-width: 140px;
transition: all .15s ease;
transform: translate(-50%, -50%) scale(1);
border: 3px solid #fff;
border-radius: .375rem;
}
.card-profile-image img:hover
{
transform: translate(-50%, -50%) scale(1.03);
}
.card-profile-stats
{
padding: 1rem 0;
}
.card-profile-stats > div
{
margin-right: 1rem;
padding: .875rem;
text-align: center;
}
.card-profile-stats > div:last-child
{
margin-right: 0;
}
.card-profile-stats > div .heading
{
font-size: 1.1rem;
font-weight: bold;
display: block;
}
.card-profile-stats > div .description
{
font-size: .875rem;
color: #adb5bd;
}
.card-profile-actions
{
padding: .875rem;
}
.card-stats .card-body
{
padding: 1rem 1.5rem;
}
.card-stats .card-status-bullet
{
position: absolute;
top: 0;
right: 0;
transform: translate(50%, -50%);
}
.chart
{
position: relative;
height: 350px;
}
.chart-sm
{
height: 230px;
}
.chart-legend
{
font-size: .875rem;
display: flex;
margin-top: 2.5rem;
text-align: center;
color: #8898aa;
justify-content: center;
}
.chart-legend-item
{
display: inline-flex;
align-items: center;
}
.chart-legend-item + .chart-legend-item
{
margin-left: 1rem;
}
.chart-legend-indicator
{
display: inline-block;
width: .5rem;
height: .5rem;
margin-right: .375rem;
border-radius: 50%;
}
#chart-tooltip
{
z-index: 0;
}
#chart-tooltip .arrow
{
top: 100%;
left: 50%;
transform: translateX(-50%) translateX(-.5rem);
}
.chart-info-overlay
{
position: absolute;
z-index: 1;
top: 0;
left: 5%;
max-width: 350px;
padding: 20px;
}
.close
{
transition: all .15s ease;
}
.close > span:not(.sr-only)
{
font-size: 1.25rem;
line-height: 17px;
display: block;
width: 1.25rem;
height: 1.25rem;
transition: all .15s ease;
color: rgba(0, 0, 0, .6);
border-radius: 50%;
background-color: transparent;
}
.close:hover,
.close:focus
{
color: rgba(0, 0, 0, .9);
outline: none;
background-color: transparent;
}
.close:hover span:not(.sr-only),
.close:focus span:not(.sr-only)
{
background-color: transparent;
}
.close-dark > span:not(.sr-only)
{
color: rgba(255, 255, 255, .8);
}
.close-dark:hover > span:not(.sr-only),
.close-dark:focus > span:not(.sr-only)
{
color: white;
}
.accordion .card-header
{
position: relative;
cursor: pointer;
}
.accordion .card-header:after
{
font: normal normal normal 14px/1 NucleoIcons;
line-height: 0;
position: absolute;
top: 50%;
right: 1.5rem;
content: '\ea0f';
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
transform: translateY(-50%);
}
@media screen and (prefers-reduced-motion: reduce)
{
.accordion .card-header:after
{
transition: none;
}
}
.accordion .card-header[aria-expanded='false']:after
{
content: '\ea0f';
}
.accordion .card-header[aria-expanded='true']:after
{
transform: rotate(180deg);
}
.accordion .card-header[aria-expanded='true'] .heading
{
color: #5e72e4;
}
.main-content
{
position: relative;
}
.main-content .navbar-top
{
padding-right: 0 !important;
padding-left: 0 !important;
}
@media (min-width: 768px)
{
.main-content .container-fluid
{
padding-right: 30px !important;
padding-left: 30px !important;
}
}
.custom-checkbox .custom-control-input ~ .custom-control-label
{
font-size: .875rem;
cursor: pointer;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before
{
border-color: #5e72e4;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after
{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3E%3C/svg%3E');
}
.custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before
{
border-color: #e9ecef;
}
.custom-checkbox .custom-control-input:disabled:checked::before
{
border-color: rgba(94, 114, 228, .5);
}
.custom-control-label::before
{
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
border: 1px solid #dee2e6;
}
@media screen and (prefers-reduced-motion: reduce)
{
.custom-control-label::before
{
transition: none;
}
}
.custom-control-label span
{
position: relative;
top: 2px;
}
.custom-control-label
{
margin-bottom: 0;
}
.custom-control-alternative .custom-control-label::before
{
border: 0;
box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
}
.custom-control-alternative .custom-control-input:checked ~ .custom-control-label::before
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.custom-control-alternative .custom-control-input:active ~ .custom-control-label::before,
.custom-control-alternative .custom-control-input:focus ~ .custom-control-label::before
{
box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
}
.custom-checkbox .custom-control-input ~ .custom-control-label
{
font-size: .875rem;
height: 1rem;
cursor: pointer;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before
{
border-color: #5e72e4;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after
{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3E%3Cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3E%3C/svg%3E');
}
.custom-checkbox .custom-control-input:disabled ~ .custom-control-label::before
{
border-color: #e9ecef;
}
.custom-checkbox .custom-control-input:disabled:checked::before
{
border-color: rgba(94, 114, 228, .5);
}
.custom-checkbox-primary .custom-control-input:checked ~ .custom-control-label::before
{
border-color: #5e72e4;
background-color: #5e72e4;
}
.custom-checkbox-primary .custom-control-input:checked ~ .custom-control-label::after
{
background-image: #5e72e4;
}
.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::before
{
border-color: #f7fafc;
background-color: #f7fafc;
}
.custom-checkbox-secondary .custom-control-input:checked ~ .custom-control-label::after
{
background-image: #f7fafc;
}
.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::before
{
border-color: #2dce89;
background-color: #2dce89;
}
.custom-checkbox-success .custom-control-input:checked ~ .custom-control-label::after
{
background-image: #2dce89;
}
.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::before
{
border-color: #11cdef;
background-color: #11cdef;
}
.custom-checkbox-info .custom-control-input:checked ~ .custom-control-label::after
{
background-image: #11cdef;
}
.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::before
{
border-color: #fb6340;
background-color: #fb6340;
}
.custom-checkbox-warning .custom-control-input:checked ~ .custom-control-label::after
{
background-image: #fb6340;
}
.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::before
{
border-color: #f5365c;
background-color: #f5365c;
}
.custom-checkbox-danger .custom-control-input:checked ~ .custom-control-label::after
{
background-image: #f5365c;
}
.custom-checkbox-light .custom-control-input:checked ~ .custom-control-label::before
{
border-color: #adb5bd;
background-color: #adb5bd;
}
.custom-checkbox-light .custom-control-input:checked ~ .custom-control-label::after
{
background-image: #adb5bd;
}
.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::before
{
border-color: #212529;
background-color: #212529;
}
.custom-checkbox-dark .custom-control-input:checked ~ .custom-control-label::after
{
background-image: #212529;
}
.custom-checkbox-default .custom-control-input:checked ~ .custom-control-label::before
{
border-color: #172b4d;
background-color: #172b4d;
}
.custom-checkbox-default .custom-control-input:checked ~ .custom-control-label::after
{
background-image: #172b4d;
}
.custom-checkbox-white .custom-control-input:checked ~ .custom-control-label::before
{
border-color: #fff;
background-color: #fff;
}
.custom-checkbox-white .custom-control-input:checked ~ .custom-control-label::after
{
background-image: #fff;
}
.custom-checkbox-neutral .custom-control-input:checked ~ .custom-control-label::before
{
border-color: #fff;
background-color: #fff;
}
.custom-checkbox-neutral .custom-control-input:checked ~ .custom-control-label::after
{
background-image: #fff;
}
.custom-checkbox-darker .custom-control-input:checked ~ .custom-control-label::before
{
border-color: black;
background-color: black;
}
.custom-checkbox-darker .custom-control-input:checked ~ .custom-control-label::after
{
background-image: black;
}
.custom-radio .custom-control-input ~ .custom-control-label
{
font-size: .875rem;
height: 1rem;
cursor: pointer;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before
{
border-color: #5e72e4;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after
{
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'-4 -4 8 8\'%3E%3Ccircle r=\'3\' fill=\'%23fff\'/%3E%3C/svg%3E');
}
.custom-radio .custom-control-input:disabled ~ .custom-control-label::before
{
border-color: #e9ecef;
}
.custom-radio .custom-control-input:disabled:checked::before
{
border-color: rgba(94, 114, 228, .5);
}
.custom-toggle
{
position: relative;
display: inherit;
display: inline-block;
width: 52px;
height: 1.5rem;
margin: 0;
}
.custom-toggle input
{
display: none;
}
.custom-toggle input:checked + .custom-toggle-slider
{
border: 1px solid #5e72e4;
}
.custom-toggle input:checked + .custom-toggle-slider:before
{
transform: translateX(28px);
background: #5e72e4;
}
.custom-toggle input:disabled + .custom-toggle-slider
{
border: 1px solid #e9ecef;
}
.custom-toggle input:disabled:checked + .custom-toggle-slider
{
border: 1px solid #e9ecef;
}
.custom-toggle input:disabled:checked + .custom-toggle-slider:before
{
background-color: #8a98eb;
}
.custom-toggle-slider
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: pointer;
border: 1px solid #ced4da;
border-radius: 34px !important;
background-color: transparent;
}
.custom-toggle-slider:before
{
position: absolute;
bottom: 2px;
left: 2px;
width: 18px;
height: 18px;
content: '';
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
border-radius: 50% !important;
background-color: #e9ecef;
}
.custom-toggle-wrapper .custom-toggle + .custom-toggle
{
margin-left: 1rem !important;
}
.custom-toggle input:checked + .custom-toggle-slider:after
{
right: auto;
left: 0;
content: attr(data-label-on);
color: #5e72e4;
}
.custom-toggle-slider:after
{
font-family: inherit;
font-size: .75rem;
font-weight: 600;
line-height: 24px;
position: absolute;
top: 0;
right: 0;
display: block;
overflow: hidden;
min-width: 1.66667rem;
margin: 0 .21667rem;
content: attr(data-label-off);
transition: all .15s ease;
text-align: center;
color: #ced4da;
}
@media screen and (prefers-reduced-motion: reduce)
{
.custom-toggle-slider:after
{
transition: none;
}
}
.custom-toggle-primary input:checked + .custom-toggle-slider
{
border-color: #5e72e4;
}
.custom-toggle-primary input:checked + .custom-toggle-slider:before
{
background: #5e72e4;
}
.custom-toggle-primary input:checked + .custom-toggle-slider:after
{
color: #5e72e4;
}
.custom-toggle-primary input:disabled:checked + .custom-toggle-slider
{
border-color: #5e72e4;
}
.custom-toggle-primary input:disabled:checked + .custom-toggle-slider:before
{
background-color: #8a98eb;
}
.custom-toggle-secondary input:checked + .custom-toggle-slider
{
border-color: #f7fafc;
}
.custom-toggle-secondary input:checked + .custom-toggle-slider:before
{
background: #f7fafc;
}
.custom-toggle-secondary input:checked + .custom-toggle-slider:after
{
color: #f7fafc;
}
.custom-toggle-secondary input:disabled:checked + .custom-toggle-slider
{
border-color: #f7fafc;
}
.custom-toggle-secondary input:disabled:checked + .custom-toggle-slider:before
{
background-color: white;
}
.custom-toggle-success input:checked + .custom-toggle-slider
{
border-color: #2dce89;
}
.custom-toggle-success input:checked + .custom-toggle-slider:before
{
background: #2dce89;
}
.custom-toggle-success input:checked + .custom-toggle-slider:after
{
color: #2dce89;
}
.custom-toggle-success input:disabled:checked + .custom-toggle-slider
{
border-color: #2dce89;
}
.custom-toggle-success input:disabled:checked + .custom-toggle-slider:before
{
background-color: #54daa1;
}
.custom-toggle-info input:checked + .custom-toggle-slider
{
border-color: #11cdef;
}
.custom-toggle-info input:checked + .custom-toggle-slider:before
{
background: #11cdef;
}
.custom-toggle-info input:checked + .custom-toggle-slider:after
{
color: #11cdef;
}
.custom-toggle-info input:disabled:checked + .custom-toggle-slider
{
border-color: #11cdef;
}
.custom-toggle-info input:disabled:checked + .custom-toggle-slider:before
{
background-color: #41d7f2;
}
.custom-toggle-warning input:checked + .custom-toggle-slider
{
border-color: #fb6340;
}
.custom-toggle-warning input:checked + .custom-toggle-slider:before
{
background: #fb6340;
}
.custom-toggle-warning input:checked + .custom-toggle-slider:after
{
color: #fb6340;
}
.custom-toggle-warning input:disabled:checked + .custom-toggle-slider
{
border-color: #fb6340;
}
.custom-toggle-warning input:disabled:checked + .custom-toggle-slider:before
{
background-color: #fc8c72;
}
.custom-toggle-danger input:checked + .custom-toggle-slider
{
border-color: #f5365c;
}
.custom-toggle-danger input:checked + .custom-toggle-slider:before
{
background: #f5365c;
}
.custom-toggle-danger input:checked + .custom-toggle-slider:after
{
color: #f5365c;
}
.custom-toggle-danger input:disabled:checked + .custom-toggle-slider
{
border-color: #f5365c;
}
.custom-toggle-danger input:disabled:checked + .custom-toggle-slider:before
{
background-color: #f76783;
}
.custom-toggle-light input:checked + .custom-toggle-slider
{
border-color: #adb5bd;
}
.custom-toggle-light input:checked + .custom-toggle-slider:before
{
background: #adb5bd;
}
.custom-toggle-light input:checked + .custom-toggle-slider:after
{
color: #adb5bd;
}
.custom-toggle-light input:disabled:checked + .custom-toggle-slider
{
border-color: #adb5bd;
}
.custom-toggle-light input:disabled:checked + .custom-toggle-slider:before
{
background-color: #c9cfd4;
}
.custom-toggle-dark input:checked + .custom-toggle-slider
{
border-color: #212529;
}
.custom-toggle-dark input:checked + .custom-toggle-slider:before
{
background: #212529;
}
.custom-toggle-dark input:checked + .custom-toggle-slider:after
{
color: #212529;
}
.custom-toggle-dark input:disabled:checked + .custom-toggle-slider
{
border-color: #212529;
}
.custom-toggle-dark input:disabled:checked + .custom-toggle-slider:before
{
background-color: #383f45;
}
.custom-toggle-default input:checked + .custom-toggle-slider
{
border-color: #172b4d;
}
.custom-toggle-default input:checked + .custom-toggle-slider:before
{
background: #172b4d;
}
.custom-toggle-default input:checked + .custom-toggle-slider:after
{
color: #172b4d;
}
.custom-toggle-default input:disabled:checked + .custom-toggle-slider
{
border-color: #172b4d;
}
.custom-toggle-default input:disabled:checked + .custom-toggle-slider:before
{
background-color: #234174;
}
.custom-toggle-white input:checked + .custom-toggle-slider
{
border-color: #fff;
}
.custom-toggle-white input:checked + .custom-toggle-slider:before
{
background: #fff;
}
.custom-toggle-white input:checked + .custom-toggle-slider:after
{
color: #fff;
}
.custom-toggle-white input:disabled:checked + .custom-toggle-slider
{
border-color: #fff;
}
.custom-toggle-white input:disabled:checked + .custom-toggle-slider:before
{
background-color: white;
}
.custom-toggle-neutral input:checked + .custom-toggle-slider
{
border-color: #fff;
}
.custom-toggle-neutral input:checked + .custom-toggle-slider:before
{
background: #fff;
}
.custom-toggle-neutral input:checked + .custom-toggle-slider:after
{
color: #fff;
}
.custom-toggle-neutral input:disabled:checked + .custom-toggle-slider
{
border-color: #fff;
}
.custom-toggle-neutral input:disabled:checked + .custom-toggle-slider:before
{
background-color: white;
}
.custom-toggle-darker input:checked + .custom-toggle-slider
{
border-color: black;
}
.custom-toggle-darker input:checked + .custom-toggle-slider:before
{
background: black;
}
.custom-toggle-darker input:checked + .custom-toggle-slider:after
{
color: black;
}
.custom-toggle-darker input:disabled:checked + .custom-toggle-slider
{
border-color: black;
}
.custom-toggle-darker input:disabled:checked + .custom-toggle-slider:before
{
background-color: #1a1a1a;
}
.dropdown,
.dropup,
.dropright,
.dropleft
{
display: inline-block;
}
.dropdown-menu
{
min-width: 12rem;
}
.dropdown-menu .dropdown-item
{
font-size: .875rem;
padding: .5rem 1rem;
}
.dropdown-menu .dropdown-item > i,
.dropdown-menu .dropdown-item > svg
{
font-size: 1rem;
margin-right: 1rem;
vertical-align: -17%;
}
.dropdown-menu .dropdown-item img
{
margin-right: .5rem;
}
.dropdown-header
{
font-size: .625rem;
font-weight: 700;
padding-right: 1rem;
padding-left: 1rem;
text-transform: uppercase;
}
.dropdown-menu a.media > div:first-child
{
line-height: 1;
}
.dropdown-menu a.media p
{
color: #8898aa;
}
.dropdown-menu a.media:hover .heading,
.dropdown-menu a.media:hover p
{
color: #172b4d !important;
}
.dropdown-menu-dark .h1,
.dropdown-menu-dark .h2,
.dropdown-menu-dark .h3,
.dropdown-menu-dark .h4,
.dropdown-menu-dark .h5,
.dropdown-menu-dark .h6,
.dropdown-menu-dark a
{
color: white;
}
.dropdown-menu-sm
{
min-width: 100px;
border: .4375rem;
}
.dropdown-menu-lg
{
min-width: 320px;
border-radius: .4375rem;
}
.dropdown-menu-xl
{
min-width: 420px;
border-radius: .4375rem;
}
.footer
{
padding: 30px 0;
background: #f8f9fe;
}
.footer .col-footer .heading
{
font-size: .875rem;
font-weight: 600;
margin-bottom: 1rem;
letter-spacing: 0;
text-transform: uppercase;
color: #8898aa;
}
.footer .nav .nav-item .nav-link,
.footer .footer-link
{
color: #8898aa !important;
}
.footer .nav .nav-item .nav-link:hover,
.footer .footer-link:hover
{
color: #525f7f !important;
}
.footer .list-unstyled li a
{
font-size: .85rem;
display: inline-block;
padding: .125rem 0;
color: #8898aa;
}
.footer .list-unstyled li a:hover
{
color: #525f7f;
}
.footer .copyright
{
font-size: .875rem;
}
.footer-dark .col-footer .heading
{
color: #fff;
}
.nav-footer .nav-link
{
font-size: .875rem;
}
.nav-footer .nav-item:last-child .nav-link
{
padding-right: 0;
}
.footer.has-cards
{
position: relative;
overflow: hidden;
margin-top: -420px;
padding-top: 500px;
pointer-events: none;
background: transparent;
}
.footer.has-cards:before
{
position: absolute;
top: 600px;
right: 0;
left: 0;
height: 2000px;
content: '';
transform: skew(0, -8deg);
background: #f7fafc;
}
.footer.has-cards .container
{
position: relative;
pointer-events: auto;
}
.footer-auto-bottom
{
position: absolute;
bottom: 0;
width: 100%;
}
.form-control-label
{
font-size: .875rem;
font-weight: 600;
color: #525f7f;
}
.form-control
{
font-size: .875rem;
transition: all .15s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce)
{
.form-control
{
transition: none;
}
}
.form-control:focus::-ms-input-placeholder
{
color: #adb5bd;
}
.form-control:focus::placeholder
{
color: #adb5bd;
}
.form-control-flush
{
padding: 0;
border-width: 0;
background-color: transparent;
box-shadow: none;
}
.form-control-flush:focus
{
border-width: 0;
background-color: transparent;
box-shadow: none;
}
textarea[resize='none']
{
resize: none !important;
}
textarea[resize='both']
{
resize: both !important;
}
textarea[resize='vertical']
{
resize: vertical !important;
}
textarea[resize='horizontal']
{
resize: horizontal !important;
}
.form-control-muted
{
border-color: #f7fafe;
background-color: #f7fafe;
box-shadow: none;
}
.form-control-muted:focus
{
background-color: #fcfdff;
}
.form-control-alternative
{
transition: box-shadow .15s ease;
border: 0;
box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
}
.form-control-alternative:focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.form-control-lg,
.input-group-lg .form-control,
.input-group-text
{
font-size: 1rem !important;
}
.input-group
{
transition: all .15s ease-in-out;
border-radius: .25rem;
box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
}
@media screen and (prefers-reduced-motion: reduce)
{
.input-group
{
transition: none;
}
}
.input-group .form-control
{
box-shadow: none;
}
.input-group .form-control:focus
{
box-shadow: none;
}
.input-group-text
{
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
}
@media screen and (prefers-reduced-motion: reduce)
{
.input-group-text
{
transition: none;
}
}
.input-group-text i
{
font-size: .875rem;
}
.input-group-text .custom-control
{
line-height: 1;
}
.input-group-prepend .input-group-text
{
border-right: 0;
}
.input-group-append .input-group-text
{
border-left: 0;
}
.input-group-merge .form-control:not(:first-child)
{
padding-left: 0;
border-left: 0;
}
.input-group-merge .form-control:not(:last-child)
{
padding-right: 0;
border-right: 0;
}
.input-group-alternative
{
transition: box-shadow .15s ease;
border: 0;
box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
}
.input-group-alternative .form-control,
.input-group-alternative .input-group-text
{
border: 0;
box-shadow: none;
}
.focused .input-group-alternative
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08) !important;
}
.input-group-flush
{
box-shadow: none;
}
.input-group-flush > .form-control
{
padding: 0;
border-width: 0;
background-color: transparent;
font-family: inherit;
}
.input-group-flush > .input-group-prepend > .input-group-text,
.input-group-flush > .input-group-append > .input-group-text
{
padding: 0;
padding-right: 1rem;
border-width: 0;
background-color: transparent;
}
.focused .input-group
{
box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
}
.focused .input-group-text
{
color: #8898aa;
border-color: #5e72e4;
background-color: #fff;
}
.focused .form-control
{
border-color: #5e72e4;
}
.focused .input-group-flush
{
box-shadow: none;
}
.form-primary .form-control
{
color: #fff;
border-color: #324cdd;
background-color: rgba(50, 76, 221, .5);
}
.form-primary .form-control:focus
{
border: 1px solid #2a44db;
background-color: rgba(42, 68, 219, .7);
}
.form-primary .form-control::-ms-input-placeholder
{
color: rgba(255, 255, 255, .8);
}
.form-primary .form-control::placeholder
{
color: rgba(255, 255, 255, .8);
}
.form-primary .input-group-text
{
color: #fff;
border-color: #324cdd;
background-color: rgba(50, 76, 221, .5);
}
.form-primary .focused .input-group-text
{
color: #fff;
border-color: #2a44db;
background-color: rgba(42, 68, 219, .7);
}
.has-success,
.has-danger
{
position: relative;
}
.has-success:after,
.has-danger:after
{
font-family: 'NucleoIcons';
font-size: 9px;
line-height: 19px;
position: absolute;
top: 50%;
right: 15px;
display: none;
width: 19px;
height: 19px;
transform: translateY(-50%);
text-align: center;
opacity: 1;
border-radius: 50%;
}
.has-success:after
{
content: '\ea26';
color: #1d8357;
background-color: #69deac;
}
.has-success .form-control
{
background-color: #fff;
}
.has-success .form-control::-ms-input-placeholder
{
color: #2dce89;
}
.has-success .form-control::placeholder
{
color: #2dce89;
}
.has-danger:after
{
content: '\ea53';
color: #db2d05;
background-color: #fda08b;
}
.has-danger .form-control
{
background-color: #fff;
}
.has-danger .form-control::-ms-input-placeholder
{
color: #fb6340;
}
.has-danger .form-control::placeholder
{
color: #fb6340;
}
.row-example > .col,
.row-example > [class^='col-'] span
{
font-size: .875rem;
display: block;
margin: 1rem 0;
padding: .75rem;
color: #393f49;
border-radius: .25rem;
}
.no-gutters > .col span,
.no-gutters > [class^='col-'] span
{
border-radius: 0;
}
.header
{
position: relative;
}
.icon
{
width: 3rem;
height: 3rem;
}
.icon i,
.icon svg
{
font-size: 2.25rem;
}
.icon + .icon-text
{
width: calc(100% - 3rem - 1);
padding-left: 1rem;
}
.icon-xl
{
width: 5rem;
height: 5rem;
}
.icon-xl i,
.icon-xl svg
{
font-size: 4.25rem;
}
.icon-xl + .icon-text
{
width: calc(100% - $icon-size-xl - 1);
}
.icon-lg
{
width: 4rem;
height: 4rem;
}
.icon-lg i,
.icon-lg svg
{
font-size: 3.25rem;
}
.icon-lg + .icon-text
{
width: calc(100% - $icon-size-lg - 1);
}
.icon-sm
{
width: 2rem;
height: 2rem;
}
.icon-sm i,
.icon-sm svg
{
font-size: 1.25rem;
}
.icon-sm + .icon-text
{
width: calc(100% - $icon-size-sm - 1);
}
.icon-xs
{
width: 1.25rem;
height: 1.25rem;
}
.icon-xs i,
.icon-xs svg
{
font-size: .5rem;
}
.icon-xs + .icon-text
{
width: calc(100% - $icon-size-xs - 1);
}
.icon-actions > a
{
font-size: .875rem;
display: inline-block;
margin-right: .75rem;
color: #8898aa;
}
.icon-actions > a:last-of-type
{
margin-right: 0;
}
.icon-actions > a span
{
font-weight: 600;
margin-left: .1875rem;
color: #8898aa;
}
.icon-actions > a:hover span
{
color: #6a7e95;
}
.icon-actions > a,
.icon-actions > a:hover,
.icon-actions > a.active
{
color: #32325d;
}
.icon-actions > .favorite:hover,
.icon-actions > .favorite.active
{
color: #ffd600;
}
.icon-actions > .love:hover,
.icon-actions > .love.active
{
color: #f5365c;
}
.icon-actions > .like:hover,
.icon-actions > .like.active
{
color: #5e72e4;
}
.icon-actions-lg a
{
font-size: 1.25rem;
margin-right: .875rem;
}
.icon-shape
{
display: inline-flex;
padding: 12px;
text-align: center;
border-radius: 50%;
align-items: center;
justify-content: center;
}
.icon-shape i,
.icon-shape svg
{
font-size: 1.25rem;
}
.icon-shape.icon-lg i,
.icon-shape.icon-lg svg
{
font-size: 1.625rem;
}
.icon-shape.icon-sm i,
.icon-shape.icon-sm svg
{
font-size: .875rem;
}
.icon-shape.icon-xs i,
.icon-shape.icon-xs svg
{
font-size: .6rem;
}
.icon-shape svg
{
width: 30px;
height: 30px;
}
.icon-shape-primary
{
color: #2643e9;
background-color: rgba(138, 152, 235, .5);
}
.icon-shape-secondary
{
color: #cfe3f1;
background-color: rgba(255, 255, 255, .5);
}
.icon-shape-success
{
color: #1aae6f;
background-color: rgba(84, 218, 161, .5);
}
.icon-shape-info
{
color: #03acca;
background-color: rgba(65, 215, 242, .5);
}
.icon-shape-warning
{
color: #ff3709;
background-color: rgba(252, 140, 114, .5);
}
.icon-shape-danger
{
color: #f80031;
background-color: rgba(247, 103, 131, .5);
}
.icon-shape-light
{
color: #879cb0;
background-color: rgba(201, 207, 212, .5);
}
.icon-shape-dark
{
color: #090c0e;
background-color: rgba(56, 63, 69, .5);
}
.icon-shape-default
{
color: #091428;
background-color: rgba(35, 65, 116, .5);
}
.icon-shape-white
{
color: #e8e3e3;
background-color: rgba(255, 255, 255, .5);
}
.icon-shape-neutral
{
color: #e8e3e3;
background-color: rgba(255, 255, 255, .5);
}
.icon-shape-darker
{
color: black;
background-color: rgba(26, 26, 26, .5);
}
.list-group-space .list-group-item
{
margin-bottom: 1.5rem;
border-radius: .375rem;
}
.list-group-img
{
width: 3rem;
height: 3rem;
margin: -.1rem 1.2rem 0 -.2rem;
vertical-align: top;
border-radius: 50%;
}
.list-group-content
{
min-width: 0;
flex: 1 1;
}
.list-group-content > p
{
line-height: 1.5;
margin: .2rem 0 0;
color: #adb5bd;
}
.list-group-heading
{
font-size: 1rem;
color: #32325d;
}
.list-group-heading > small
{
font-weight: 500;
float: right;
color: #adb5bd;
}
.checklist-item
{
position: relative;
display: flex;
padding-left: .75rem;
justify-content: space-between;
align-items: center;
}
.checklist-item:before
{
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
content: '';
border-radius: 8px;
background-color: #5e72e4;
}
.checklist-item-checked .checklist-info *
{
text-decoration: line-through;
}
.checklist-item-primary:before
{
background-color: #5e72e4;
}
.checklist-item-secondary:before
{
background-color: #f7fafc;
}
.checklist-item-success:before
{
background-color: #2dce89;
}
.checklist-item-info:before
{
background-color: #11cdef;
}
.checklist-item-warning:before
{
background-color: #fb6340;
}
.checklist-item-danger:before
{
background-color: #f5365c;
}
.checklist-item-light:before
{
background-color: #adb5bd;
}
.checklist-item-dark:before
{
background-color: #212529;
}
.checklist-item-default:before
{
background-color: #172b4d;
}
.checklist-item-white:before
{
background-color: #fff;
}
.checklist-item-neutral:before
{
background-color: #fff;
}
.checklist-item-darker:before
{
background-color: black;
}
.map-canvas
{
position: relative;
width: 100%;
height: 500px;
border-radius: .375rem;
}
.mask
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all .15s ease;
}
@media screen and (prefers-reduced-motion: reduce)
{
.mask
{
transition: none;
}
}
.backdrop
{
position: fixed;
z-index: 1040;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.backdrop-dark
{
background: rgba(0, 0, 0, .3);
}
.backdrop-light
{
background: rgba(255, 255, 255, .3);
}
.media-comment
{
margin-top: 2rem;
}
.media-comment-avatar
{
position: relative;
z-index: 1;
margin-top: -1rem;
margin-right: -2rem;
transition: all .15s ease;
border: 4px solid #fff;
}
@media screen and (prefers-reduced-motion: reduce)
{
.media-comment-avatar
{
transition: none;
}
}
.media-comment-text
{
position: relative;
padding: 1rem 1.25rem 1rem 2.5rem;
border-radius: .4375rem;
border-top-left-radius: 0;
background-color: #f6f9fc;
}
.media-comment:hover .media-comment-avatar
{
transform: scale(1.1);
}
.modal-title
{
font-size: 1.0625rem;
}
.modal-fluid .modal-dialog
{
margin-top: 0;
margin-bottom: 0;
}
.modal-fluid .modal-content
{
border-radius: 0;
}
.modal-primary .modal-title
{
color: #fff;
}
.modal-primary .modal-header,
.modal-primary .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-primary .modal-content
{
color: #fff;
background-color: #5e72e4;
}
.modal-primary .modal-content .heading
{
color: #fff;
}
.modal-primary .close > span:not(.sr-only)
{
color: #fff;
}
.modal-secondary .modal-title
{
color: #212529;
}
.modal-secondary .modal-header,
.modal-secondary .modal-footer
{
border-color: rgba(33, 37, 41, .075);
}
.modal-secondary .modal-content
{
color: #212529;
background-color: #f7fafc;
}
.modal-secondary .modal-content .heading
{
color: #212529;
}
.modal-secondary .close > span:not(.sr-only)
{
color: #fff;
}
.modal-success .modal-title
{
color: #fff;
}
.modal-success .modal-header,
.modal-success .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-success .modal-content
{
color: #fff;
background-color: #2dce89;
}
.modal-success .modal-content .heading
{
color: #fff;
}
.modal-success .close > span:not(.sr-only)
{
color: #fff;
}
.modal-info .modal-title
{
color: #fff;
}
.modal-info .modal-header,
.modal-info .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-info .modal-content
{
color: #fff;
background-color: #11cdef;
}
.modal-info .modal-content .heading
{
color: #fff;
}
.modal-info .close > span:not(.sr-only)
{
color: #fff;
}
.modal-warning .modal-title
{
color: #fff;
}
.modal-warning .modal-header,
.modal-warning .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-warning .modal-content
{
color: #fff;
background-color: #fb6340;
}
.modal-warning .modal-content .heading
{
color: #fff;
}
.modal-warning .close > span:not(.sr-only)
{
color: #fff;
}
.modal-danger .modal-title
{
color: #fff;
}
.modal-danger .modal-header,
.modal-danger .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-danger .modal-content
{
color: #fff;
background-color: #f5365c;
}
.modal-danger .modal-content .heading
{
color: #fff;
}
.modal-danger .close > span:not(.sr-only)
{
color: #fff;
}
.modal-light .modal-title
{
color: #fff;
}
.modal-light .modal-header,
.modal-light .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-light .modal-content
{
color: #fff;
background-color: #adb5bd;
}
.modal-light .modal-content .heading
{
color: #fff;
}
.modal-light .close > span:not(.sr-only)
{
color: #fff;
}
.modal-dark .modal-title
{
color: #fff;
}
.modal-dark .modal-header,
.modal-dark .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-dark .modal-content
{
color: #fff;
background-color: #212529;
}
.modal-dark .modal-content .heading
{
color: #fff;
}
.modal-dark .close > span:not(.sr-only)
{
color: #fff;
}
.modal-default .modal-title
{
color: #fff;
}
.modal-default .modal-header,
.modal-default .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-default .modal-content
{
color: #fff;
background-color: #172b4d;
}
.modal-default .modal-content .heading
{
color: #fff;
}
.modal-default .close > span:not(.sr-only)
{
color: #fff;
}
.modal-white .modal-title
{
color: #212529;
}
.modal-white .modal-header,
.modal-white .modal-footer
{
border-color: rgba(33, 37, 41, .075);
}
.modal-white .modal-content
{
color: #212529;
background-color: #fff;
}
.modal-white .modal-content .heading
{
color: #212529;
}
.modal-white .close > span:not(.sr-only)
{
color: #fff;
}
.modal-neutral .modal-title
{
color: #212529;
}
.modal-neutral .modal-header,
.modal-neutral .modal-footer
{
border-color: rgba(33, 37, 41, .075);
}
.modal-neutral .modal-content
{
color: #212529;
background-color: #fff;
}
.modal-neutral .modal-content .heading
{
color: #212529;
}
.modal-neutral .close > span:not(.sr-only)
{
color: #fff;
}
.modal-darker .modal-title
{
color: #fff;
}
.modal-darker .modal-header,
.modal-darker .modal-footer
{
border-color: rgba(255, 255, 255, .075);
}
.modal-darker .modal-content
{
color: #fff;
background-color: black;
}
.modal-darker .modal-content .heading
{
color: #fff;
}
.modal-darker .close > span:not(.sr-only)
{
color: #fff;
}
.navbar-horizontal .navbar-nav .nav-link
{
font-size: .875rem;
font-weight: 500;
letter-spacing: 0;
text-transform: normal;
}
.navbar-horizontal .navbar-nav .nav-link .nav-link-inner--text
{
margin-left: .25rem;
}
.navbar-horizontal .navbar-brand
{
font-size: .875rem;
font-size: .875rem;
font-weight: 600;
letter-spacing: .05px;
text-transform: uppercase;
}
.navbar-horizontal .navbar-brand img
{
height: 30px;
}
.navbar-horizontal .navbar-dark .navbar-brand
{
color: #fff;
}
.navbar-horizontal .navbar-light .navbar-brand
{
color: #32325d;
}
.navbar-horizontal .navbar-nav .nav-item .media:not(:last-child)
{
margin-bottom: 1.5rem;
}
@media (min-width: 992px)
{
.navbar-horizontal .navbar-nav .nav-item
{
margin-right: .5rem;
}
.navbar-horizontal .navbar-nav .nav-item [data-toggle='dropdown']::after
{
transition: all .15s ease;
}
.navbar-horizontal .navbar-nav .nav-item.show [data-toggle='dropdown']::after
{
transform: rotate(180deg);
}
.navbar-horizontal .navbar-nav .nav-link
{
padding-top: 1rem;
padding-bottom: 1rem;
border-radius: .375rem;
}
.navbar-horizontal .navbar-nav .nav-link i
{
margin-right: .625rem;
}
.navbar-horizontal .navbar-nav .nav-link-icon
{
font-size: 1rem;
padding-right: .5rem !important;
padding-left: .5rem !important;
border-radius: .375rem;
}
.navbar-horizontal .navbar-nav .nav-link-icon i
{
margin-right: 0;
}
.navbar-horizontal .navbar-nav .dropdown-menu
{
margin: 0;
pointer-events: none;
opacity: 0;
}
.navbar-horizontal .navbar-nav .dropdown-menu:before
{
position: absolute;
z-index: -5;
bottom: 100%;
left: 20px;
display: block;
width: 16px;
height: 16px;
content: '';
transform: rotate(-45deg) translateY(1rem);
border-radius: .25rem;
background: #fff;
box-shadow: none;
}
.navbar-horizontal .navbar-nav .dropdown-menu-right:before
{
right: 20px;
left: auto;
}
.navbar-horizontal .navbar-nav:not(.navbar-nav-hover) .dropdown-menu.show
{
animation: show-navbar-dropdown .25s ease forwards;
pointer-events: auto;
opacity: 1;
}
.navbar-horizontal .navbar-nav:not(.navbar-nav-hover) .dropdown-menu.close
{
display: block;
animation: hide-navbar-dropdown .15s ease backwards;
}
.navbar-horizontal .navbar-nav.navbar-nav-hover .dropdown-menu
{
display: block;
transition: visibility .25s, opacity .25s, transform .25s;
transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
pointer-events: none;
opacity: 0;
}
.navbar-horizontal .navbar-nav.navbar-nav-hover .nav-item.dropdown:hover > .dropdown-menu
{
display: block;
visibility: visible;
transform: translate(0, 0);
animation: none;
pointer-events: auto;
opacity: 1;
}
.navbar-horizontal .navbar-nav .dropdown-menu-inner
{
position: relative;
padding: 1rem;
}
}
.navbar-horizontal.navbar-transparent
{
position: absolute;
z-index: 100;
top: 0;
width: 100%;
border: 0;
background-color: transparent;
box-shadow: none;
}
.navbar-horizontal.navbar-transparent .navbar-brand
{
color: white;
}
.navbar-horizontal.navbar-transparent .navbar-toggler
{
color: white;
}
.navbar-horizontal.navbar-transparent .navbar-toggler-icon
{
}
@media (min-width: 768px)
{
.navbar-horizontal.navbar-transparent .navbar-nav .nav-link
{
color: rgba(255, 255, 255, .95);
}
.navbar-horizontal.navbar-transparent .navbar-nav .nav-link:hover,
.navbar-horizontal.navbar-transparent .navbar-nav .nav-link:focus
{
color: rgba(255, 255, 255, .65);
}
.navbar-horizontal.navbar-transparent .navbar-nav .nav-link.disabled
{
color: rgba(255, 255, 255, .25);
}
.navbar-horizontal.navbar-transparent .navbar-nav .show > .nav-link,
.navbar-horizontal.navbar-transparent .navbar-nav .active > .nav-link,
.navbar-horizontal.navbar-transparent .navbar-nav .nav-link.show,
.navbar-horizontal.navbar-transparent .navbar-nav .nav-link.active
{
color: rgba(255, 255, 255, .65);
}
.navbar-horizontal.navbar-transparent .navbar-brand
{
color: rgba(255, 255, 255, .95);
}
.navbar-horizontal.navbar-transparent .navbar-brand:hover,
.navbar-horizontal.navbar-transparent .navbar-brand:focus
{
color: rgba(255, 255, 255, .95);
}
}
.navbar-horizontal .navbar-collapse-header
{
display: none;
}
@media (max-width: 991.98px)
{
.navbar-horizontal .navbar-nav .nav-link
{
padding: .625rem 0;
color: #172b4d !important;
}
.navbar-horizontal .navbar-nav .dropdown-menu
{
min-width: auto;
box-shadow: none;
}
.navbar-horizontal .navbar-nav .dropdown-menu .media svg
{
width: 30px;
}
.navbar-horizontal .navbar-collapse
{
position: absolute;
z-index: 1050;
top: 0;
right: 0;
left: 0;
overflow-y: auto;
width: calc(100% - 1.4rem);
height: auto !important;
margin: .7rem;
opacity: 0;
}
.navbar-horizontal .navbar-collapse .navbar-toggler
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
padding: 0;
cursor: pointer;
}
.navbar-horizontal .navbar-collapse .navbar-toggler span
{
position: absolute;
display: block;
width: 100%;
height: 2px;
opacity: 1;
border-radius: 2px;
background: #283448;
}
.navbar-horizontal .navbar-collapse .navbar-toggler :nth-child(1)
{
transform: rotate(135deg);
}
.navbar-horizontal .navbar-collapse .navbar-toggler :nth-child(2)
{
transform: rotate(-135deg);
}
.navbar-horizontal .navbar-collapse .navbar-collapse-header
{
display: block;
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.navbar-horizontal .navbar-collapse .collapse-brand img
{
height: 36px;
}
.navbar-horizontal .navbar-collapse .collapse-close
{
text-align: right;
}
.navbar-horizontal .navbar-collapse.collapsing,
.navbar-horizontal .navbar-collapse.show
{
padding: 1.5rem;
animation: show-navbar-collapse .2s ease forwards;
border-radius: .375rem;
background: #fff;
box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
}
.navbar-horizontal .navbar-collapse.collapsing-out
{
animation: hide-navbar-collapse .2s ease forwards;
}
}
@keyframes show-navbar-collapse
{
0%
{
transform: scale(.95);
transform-origin: 100% 0;
opacity: 0;
}
100%
{
transform: scale(1);
opacity: 1;
}
}
@keyframes hide-navbar-collapse
{
from
{
transform: scale(1);
transform-origin: 100% 0;
opacity: 1;
}
to
{
transform: scale(.95);
opacity: 0;
}
}
@keyframes show-navbar-dropdown
{
0%
{
transition: visibility .25s, opacity .25s, transform .25s;
transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
opacity: 0;
}
100%
{
transform: translate(0, 0);
opacity: 1;
}
}
@keyframes hide-navbar-dropdown
{
from
{
opacity: 1;
}
to
{
transform: translate(0, 10px);
opacity: 0;
}
}
.navbar-floating-wrapper
{
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
}
.navbar-floating-wrapper .navbar
{
border-radius: .375rem;
}
.navbar-vertical
{
padding-top: 0;
border-width: 0 0 1px 0;
border-style: solid;
box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
}
.navbar-vertical.navbar-light
{
border-color: rgba(0, 0, 0, .05);
background-color: #f6f9fc;
}
.navbar-vertical.navbar-dark
{
border-color: rgba(255, 255, 255, .1);
background-color: transparent;
}
.navbar-vertical .navbar-brand
{
margin-right: 0;
}
.navbar-vertical .navbar-brand-img,
.navbar-vertical .navbar-brand > img
{
max-width: 100%;
max-height: 2rem;
left: 65px;
position: absolute;
top: 22px;
}
@media (min-width: 768px)
{
.navbar-vertical .navbar-collapse
{
margin-right: -1rem;
margin-left: -1rem;
}
.navbar-vertical .navbar-collapse:before
{
display: block;
margin: .5rem;
content: '';
}
}
.navbar-vertical .navbar-nav
{
margin-right: -1rem;
margin-left: -1rem;
}
.navbar-vertical .navbar-nav .nav-link
{
font-size: .875rem;
font-weight: 500;
padding-right: 1rem;
padding-left: 1rem;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.navbar-vertical .navbar-nav .nav-link.active
{
position: relative;
}
.navbar-vertical .navbar-nav .nav-link > i
{
font-size: .9375rem;
line-height: 1.5rem;
min-width: 2rem;
}
.navbar-vertical .navbar-nav .nav-link .dropdown-menu
{
border: none;
}
.navbar-vertical .navbar-nav .nav-link .dropdown-menu .dropdown-menu
{
margin-left: .5rem;
}
.navbar-vertical .navbar-nav .nav-sm .nav-link
{
font-size: .8125rem;
}
.navbar-vertical .navbar-nav .nav-link
{
display: flex;
align-items: center;
}
.navbar-vertical .navbar-nav .nav-link[data-toggle='collapse']:after
{
font-family: 'Font Awesome 5 Free';
font-weight: 700;
font-style: normal;
font-variant: normal;
display: inline-block;
margin-left: auto;
content: '\f105';
transition: all .15s ease;
color: #ced4da;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
@media screen and (prefers-reduced-motion: reduce)
{
.navbar-vertical .navbar-nav .nav-link[data-toggle='collapse']:after
{
transition: none;
}
}
.navbar-vertical .navbar-nav .nav-link[data-toggle='collapse'][aria-expanded='true']:after
{
transform: rotate(90deg);
color: #5e72e4;
}
.navbar-vertical .navbar-nav .nav .nav-link
{
padding-left: 3rem;
}
.navbar-vertical .navbar-nav .nav .nav .nav-link
{
padding-left: 3.5rem;
}
.navbar-vertical .navbar-heading
{
font-size: .75rem;
padding-top: .25rem;
padding-bottom: .25rem;
letter-spacing: .04em;
text-transform: uppercase;
}
.navbar-vertical.navbar-expand-xs
{
position: fixed;
top: 0;
bottom: 0;
display: block;
overflow-y: auto;
width: 100%;
max-width: 62px;
padding-right: 0;
padding-left: 0;
}
.navbar-vertical.navbar-expand-xs .navbar-inner
{
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.navbar-vertical.navbar-expand-xs > [class*='container']
{
flex-direction: column;
min-height: 100%;
padding-right: 0;
padding-left: 0;
align-items: stretch;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
{
.navbar-vertical.navbar-expand-xs > [class*='container']
{
height: 100%;
min-height: none;
}
}
.navbar-vertical.navbar-expand-xs.fixed-left
{
left: 0;
border-width: 0 1px 0 0;
}
.navbar-vertical.navbar-expand-xs.fixed-right
{
right: 0;
border-width: 0 0 0 1px;
}
.navbar-vertical.navbar-expand-xs .navbar-collapse
{
display: flex;
flex-direction: column;
margin-right: -1.5rem;
margin-left: -1.5rem;
padding-right: 1.5rem;
padding-left: 1.5rem;
flex: 1 1;
align-items: stretch;
}
.navbar-vertical.navbar-expand-xs .navbar-collapse > *
{
min-width: 100%;
}
.navbar-vertical.navbar-expand-xs .navbar-nav
{
flex-direction: column;
margin-right: -1.5rem;
margin-left: -1.5rem;
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav-link
{
padding: .675rem 1.5rem;
}
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item
{
margin-top: 2px;
}
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active
{
margin-right: .5rem;
margin-left: .5rem;
padding-right: 1rem;
padding-left: 1rem;
border-radius: .375rem;
background: #f6f9fc;
}
.navbar-vertical.navbar-expand-xs .lavalamp-object
{
width: calc(100% - 1rem) !important;
margin-right: .5rem;
margin-left: .5rem;
padding-right: 1rem;
padding-left: 1rem;
color: #fff;
border-radius: .375rem;
background: #5e72e4;
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link
{
padding-top: .45rem;
padding-bottom: .45rem;
padding-left: 3.5rem;
}
.navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav .nav-link
{
padding-left: 4.25rem;
}
@media (min-width: 576px)
{
.navbar-vertical.navbar-expand-sm
{
position: fixed;
top: 0;
bottom: 0;
display: block;
overflow-y: auto;
width: 100%;
max-width: 62px;
padding-right: 0;
padding-left: 0;
}
.navbar-vertical.navbar-expand-sm .navbar-inner
{
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.navbar-vertical.navbar-expand-sm > [class*='container']
{
flex-direction: column;
min-height: 100%;
padding-right: 0;
padding-left: 0;
align-items: stretch;
}
}
@media all and (min-width: 576px) and (-ms-high-contrast: none), (min-width: 576px) and (-ms-high-contrast: active)
{
.navbar-vertical.navbar-expand-sm > [class*='container']
{
height: 100%;
min-height: none;
}
}
@media (min-width: 576px)
{
.navbar-vertical.navbar-expand-sm.fixed-left
{
left: 0;
border-width: 0 1px 0 0;
}
.navbar-vertical.navbar-expand-sm.fixed-right
{
right: 0;
border-width: 0 0 0 1px;
}
.navbar-vertical.navbar-expand-sm .navbar-collapse
{
display: flex;
flex-direction: column;
margin-right: -1.5rem;
margin-left: -1.5rem;
padding-right: 1.5rem;
padding-left: 1.5rem;
flex: 1 1;
align-items: stretch;
}
.navbar-vertical.navbar-expand-sm .navbar-collapse > *
{
min-width: 100%;
}
.navbar-vertical.navbar-expand-sm .navbar-nav
{
flex-direction: column;
margin-right: -1.5rem;
margin-left: -1.5rem;
}
.navbar-vertical.navbar-expand-sm .navbar-nav .nav-link
{
padding: .675rem 1.5rem;
}
.navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item
{
margin-top: 2px;
}
.navbar-vertical.navbar-expand-sm .navbar-nav > .nav-item > .nav-link.active
{
margin-right: .5rem;
margin-left: .5rem;
padding-right: 1rem;
padding-left: 1rem;
border-radius: .375rem;
background: #f6f9fc;
}
.navbar-vertical.navbar-expand-sm .lavalamp-object
{
width: calc(100% - 1rem) !important;
margin-right: .5rem;
margin-left: .5rem;
padding-right: 1rem;
padding-left: 1rem;
color: #fff;
border-radius: .375rem;
background: #5e72e4;
}
.navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav-link
{
padding-top: .45rem;
padding-bottom: .45rem;
padding-left: 3.5rem;
}
.navbar-vertical.navbar-expand-sm .navbar-nav .nav .nav .nav-link
{
padding-left: 4.25rem;
}
}
@media (min-width: 768px)
{
.navbar-vertical.navbar-expand-md
{
position: fixed;
top: 0;
bottom: 0;
display: block;
overflow-y: auto;
width: 100%;
max-width: 62px;
padding-right: 0;
padding-left: 0;
}
.navbar-vertical.navbar-expand-md .navbar-inner
{
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.navbar-vertical.navbar-expand-md > [class*='container']
{
flex-direction: column;
min-height: 100%;
padding-right: 0;
padding-left: 0;
align-items: stretch;
}
}
@media all and (min-width: 768px) and (-ms-high-contrast: none), (min-width: 768px) and (-ms-high-contrast: active)
{
.navbar-vertical.navbar-expand-md > [class*='container']
{
height: 100%;
min-height: none;
}
}
@media (min-width: 768px)
{
.navbar-vertical.navbar-expand-md.fixed-left
{
left: 0;
border-width: 0 1px 0 0;
}
.navbar-vertical.navbar-expand-md.fixed-right
{
right: 0;
border-width: 0 0 0 1px;
}
.navbar-vertical.navbar-expand-md .navbar-collapse
{
display: flex;
flex-direction: column;
margin-right: -1.5rem;
margin-left: -1.5rem;
padding-right: 1.5rem;
padding-left: 1.5rem;
flex: 1 1;
align-items: stretch;
}
.navbar-vertical.navbar-expand-md .navbar-collapse > *
{
min-width: 100%;
}
.navbar-vertical.navbar-expand-md .navbar-nav
{
flex-direction: column;
margin-right: -1.5rem;
margin-left: -1.5rem;
}
.navbar-vertical.navbar-expand-md .navbar-nav .nav-link
{
padding: .675rem 1.5rem;
}
.navbar-vertical.navbar-expand-md .navbar-nav > .nav-item
{
margin-top: 2px;
}
.navbar-vertical.navbar-expand-md .navbar-nav > .nav-item > .nav-link.active
{
margin-right: .5rem;
margin-left: .5rem;
padding-right: 1rem;
padding-left: 1rem;
border-radius: .375rem;
background: #f6f9fc;
}
.navbar-vertical.navbar-expand-md .lavalamp-object
{
width: calc(100% - 1rem) !important;
margin-right: .5rem;
margin-left: .5rem;
padding-right: 1rem;
padding-left: 1rem;
color: #fff;
border-radius: .375rem;
background: #5e72e4;
}
.navbar-vertical.navbar-expand-md .navbar-nav .nav .nav-link
{
padding-top: .45rem;
padding-bottom: .45rem;
padding-left: 3.5rem;
}
.navbar-vertical.navbar-expand-md .navbar-nav .nav .nav .nav-link
{
padding-left: 4.25rem;
}
}
@media (min-width: 992px)
{
.navbar-vertical.navbar-expand-lg
{
position: fixed;
top: 0;
bottom: 0;
display: block;
overflow-y: auto;
width: 100%;
max-width: 62px;
padding-right: 0;
padding-left: 0;
}
.navbar-vertical.navbar-expand-lg .navbar-inner
{
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.navbar-vertical.navbar-expand-lg > [class*='container']
{
flex-direction: column;
min-height: 100%;
padding-right: 0;
padding-left: 0;
align-items: stretch;
}
}
@media all and (min-width: 992px) and (-ms-high-contrast: none), (min-width: 992px) and (-ms-high-contrast: active)
{
.navbar-vertical.navbar-expand-lg > [class*='container']
{
height: 100%;
min-height: none;
}
}
@media (min-width: 992px)
{
.navbar-vertical.navbar-expand-lg.fixed-left
{
left: 0;
border-width: 0 1px 0 0;
}
.navbar-vertical.navbar-expand-lg.fixed-right
{
right: 0;
border-width: 0 0 0 1px;
}
.navbar-vertical.navbar-expand-lg .navbar-collapse
{
display: flex;
flex-direction: column;
margin-right: -1.5rem;
margin-left: -1.5rem;
padding-right: 1.5rem;
padding-left: 1.5rem;
flex: 1 1;
align-items: stretch;
}
.navbar-vertical.navbar-expand-lg .navbar-collapse > *
{
min-width: 100%;
}
.navbar-vertical.navbar-expand-lg .navbar-nav
{
flex-direction: column;
margin-right: -1.5rem;
margin-left: -1.5rem;
}
.navbar-vertical.navbar-expand-lg .navbar-nav .nav-link
{
padding: .675rem 1.5rem;
}
.navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item
{
margin-top: 2px;
}
.navbar-vertical.navbar-expand-lg .navbar-nav > .nav-item > .nav-link.active
{
margin-right: .5rem;
margin-left: .5rem;
padding-right: 1rem;
padding-left: 1rem;
border-radius: .375rem;
background: #f6f9fc;
}
.navbar-vertical.navbar-expand-lg .lavalamp-object
{
width: calc(100% - 1rem) !important;
margin-right: .5rem;
margin-left: .5rem;
padding-right: 1rem;
padding-left: 1rem;
color: #fff;
border-radius: .375rem;
background: #5e72e4;
}
.navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav-link
{
padding-top: .45rem;
padding-bottom: .45rem;
padding-left: 3.5rem;
}
.navbar-vertical.navbar-expand-lg .navbar-nav .nav .nav .nav-link
{
padding-left: 4.25rem;
}
}
@media (min-width: 1200px)
{
.navbar-vertical.navbar-expand-xl
{
position: fixed;
top: 0;
bottom: 0;
display: block;
overflow-y: auto;
width: 100%;
max-width: 62px;
padding-right: 0;
padding-left: 0;
}
.navbar-vertical.navbar-expand-xl .navbar-inner
{
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.navbar-vertical.navbar-expand-xl > [class*='container']
{
flex-direction: column;
min-height: 100%;
padding-right: 0;
padding-left: 0;
align-items: stretch;
}
}
@media all and (min-width: 1200px) and (-ms-high-contrast: none), (min-width: 1200px) and (-ms-high-contrast: active)
{
.navbar-vertical.navbar-expand-xl > [class*='container']
{
height: 100%;
min-height: none;
}
}
@media (min-width: 1200px)
{
.navbar-vertical.navbar-expand-xl.fixed-left
{
left: 0;
border-width: 0 1px 0 0;
}
.navbar-vertical.navbar-expand-xl.fixed-right
{
right: 0;
border-width: 0 0 0 1px;
}
.navbar-vertical.navbar-expand-xl .navbar-collapse
{
display: flex;
flex-direction: column;
margin-right: -1.5rem;
margin-left: -1.5rem;
padding-right: 1.5rem;
padding-left: 1.5rem;
flex: 1 1;
align-items: stretch;
}
.navbar-vertical.navbar-expand-xl .navbar-collapse > *
{
min-width: 100%;
}
.navbar-vertical.navbar-expand-xl .navbar-nav
{
flex-direction: column;
margin-right: -1.5rem;
margin-left: -1.5rem;
}
.navbar-vertical.navbar-expand-xl .navbar-nav .nav-link
{
padding: .675rem 1.5rem;
}
.navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item
{
margin-top: 2px;
}
.navbar-vertical.navbar-expand-xl .navbar-nav > .nav-item > .nav-link.active
{
margin-right: .5rem;
margin-left: .5rem;
padding-right: 1rem;
padding-left: 1rem;
border-radius: .375rem;
background: #f6f9fc;
}
.navbar-vertical.navbar-expand-xl .lavalamp-object
{
width: calc(100% - 1rem) !important;
margin-right: .5rem;
margin-left: .5rem;
padding-right: 1rem;
padding-left: 1rem;
color: #fff;
border-radius: .375rem;
background: #5e72e4;
}
.navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav-link
{
padding-top: .45rem;
padding-bottom: .45rem;
padding-left: 3.5rem;
}
.navbar-vertical.navbar-expand-xl .navbar-nav .nav .nav .nav-link
{
padding-left: 4.25rem;
}
}
.navbar-vertical.navbar-expand-xs.fixed-left + .main-content
{
margin-left: 62px;
}
.navbar-vertical.navbar-expand-xs.fixed-right + .main-content
{
margin-right: 62px;
}
@media (min-width: 576px)
{
.navbar-vertical.navbar-expand-sm.fixed-left + .main-content
{
margin-left: 62px;
}
.navbar-vertical.navbar-expand-sm.fixed-right + .main-content
{
margin-right: 62px;
}
}
@media (min-width: 768px)
{
.navbar-vertical.navbar-expand-md.fixed-left + .main-content
{
margin-left: 62px;
}
.navbar-vertical.navbar-expand-md.fixed-right + .main-content
{
margin-right: 62px;
}
}
@media (min-width: 992px)
{
.navbar-vertical.navbar-expand-lg.fixed-left + .main-content
{
margin-left: 62px;
}
.navbar-vertical.navbar-expand-lg.fixed-right + .main-content
{
margin-right: 62px;
}
}
@media (min-width: 1200px)
{
.navbar-vertical.navbar-expand-xl.fixed-left + .main-content
{
margin-left: 62px;
}
.navbar-vertical.navbar-expand-xl.fixed-right + .main-content
{
margin-right: 62px;
}
}
.sidenav.fixed-left + .main-content
{
margin-left: 62px;
transition: all .15s ease;
}
@media screen and (prefers-reduced-motion: reduce)
{
.sidenav.fixed-left + .main-content
{
transition: none;
}
}
.sidenav.fixed-right + .main-content
{
margin-right: 62px;
transition: all .15s ease;
}
@media screen and (prefers-reduced-motion: reduce)
{
.sidenav.fixed-right + .main-content
{
transition: none;
}
}
@media (min-width: 1200px)
{
.g-sidenav-pinned .sidenav.fixed-left + .main-content
{
margin-left: 250px;
}
.g-sidenav-pinned .sidenav.fixed-right + .main-content
{
margin-right: 250px;
}
}
.sidenav
{
z-index: 1050;
transition: all .15s ease;
}
@media screen and (prefers-reduced-motion: reduce)
{
.sidenav
{
transition: none;
}
}
@media (min-width: 1200px)
{
.sidenav:hover
{
max-width: 250px;
}
.sidenav .sidenav-toggler
{
padding: 1.5rem;
}
}
.sidenav .navbar-brand,
.sidenav .navbar-heading
{
display: none;
padding: 1.5rem;
}
.sidenav-header
{
height: 78px;
}
.g-sidenav-show .sidenav .navbar-brand,
.g-sidenav-show .sidenav .navbar-heading
{
display: block;
}
.g-sidenav-show .sidenav .nav-item .collapse
{
height: auto;
transition: all .15s ease;
}
@media screen and (prefers-reduced-motion: reduce)
{
.g-sidenav-show .sidenav .nav-item .collapse
{
transition: none;
}
}
.g-sidenav-pinned .sidenav
{
max-width: 250px !important;
}
.g-sidenav-pinned .sidenav .navbar-brand,
.g-sidenav-pinned .sidenav .navbar-heading
{
display: block;
}
.g-sidenav-hidden:not(.g-sidenav-show) .sidenav .navbar-nav > .nav-item > .nav-link:after
{
content: '';
}
.g-sidenav-hidden:not(.g-sidenav-show) .sidenav .nav-item .collapse
{
display: none !important;
}
.g-sidenav-hidden:not(.g-sidenav-show) .sidenav .nav-link-text
{
display: none !important;
}
.g-sidenav-hide .sidenav .navbar-nav > .nav-item > .nav-link:after
{
content: '';
}
.g-sidenav-hide .sidenav .nav-item .collapse
{
display: none !important;
}
.g-sidenav-hide .sidenav .nav-link-text
{
display: none !important;
}
@media (max-width: 1199.98px)
{
.sidenav
{
transform: translateX(-62px);
}
.sidenav.fixed-left + .main-content
{
margin-left: 0 !important;
}
.g-sidenav-pinned .sidenav
{
transform: translateX(0);
}
}
.sidenav-toggler-inner,
.sidenav-toggler-line
{
width: 18px;
transition: all .15s ease;
}
@media screen and (prefers-reduced-motion: reduce)
{
.sidenav-toggler-inner,
.sidenav-toggler-line
{
transition: none;
}
}
.sidenav-toggler-inner
{
top: 29px;
padding: -1px;
}
.sidenav-toggler-inner:before
{
position: absolute;
top: -14px;
left: -11px;
width: 40px;
height: 40px;
content: '';
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
transform: scale(0);
border-radius: 50%;
}
@media screen and (prefers-reduced-motion: reduce)
{
.sidenav-toggler-inner:before
{
transition: none;
}
}
.sidenav-toggler-line
{
position: relative;
display: block;
height: 2px;
background-color: #172b4d;
}
.sidenav-toggler-line:not(:last-child)
{
margin-bottom: 5px;
}
.sidenav-toggler-dark .sidenav-toggler-line
{
background-color: #fff;
}
.sidenav-toggler
{
cursor: pointer;
}
.sidenav-toggler.active .sidenav-toggler-inner:before
{
transform: scale(1);
}
.sidenav-toggler.active .sidenav-toggler-line:first-child
{
width: 18px;
transform: translateX(0px);
height: 2px;
}
.sidenav-toggler.active .sidenav-toggler-line:last-child
{
width: 18px;
transform: translateX(0px);
}
.navbar-search .input-group
{
transition: background-color .3s linear;
transition-delay: .15s;
border: 0 solid;
border-radius: 2rem;
}
@media screen and (prefers-reduced-motion: reduce)
{
.navbar-search .input-group
{
transition: none;
}
}
.navbar-search .input-group .input-group-text
{
padding-left: 1rem;
border: 0;
background-color: transparent;
}
.navbar-search .form-control
{
width: 250px;
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
border: 0;
background-color: transparent;
}
@media screen and (prefers-reduced-motion: reduce)
{
.navbar-search .form-control
{
transition: none;
}
}
.navbar-search .focused .input-group .form-control
{
width: 380px;
}
.navbar-search .close
{
display: none;
}
.navbar-search-dark .input-group
{
border-color: rgba(255, 255, 255, .6);
background-color: rgba(23, 43, 77, .8);
}
.navbar-search-dark .input-group-text
{
color: rgba(255, 255, 255, .6);
}
.navbar-search-dark .form-control
{
color: rgba(255, 255, 255, .9);
}
.navbar-search-dark .form-control::-ms-input-placeholder
{
color: rgba(255, 255, 255, .6);
}
.navbar-search-dark .form-control::placeholder
{
color: rgba(255, 255, 255, .6);
}
.navbar-search-dark .focused .input-group
{
border-color: rgba(255, 255, 255, .9);
background-color: rgba(23, 43, 77, .9);
}
.navbar-search-light .input-group
{
border-color: rgba(0, 0, 0, .6);
background-color: rgba(255, 255, 255, .9);
}
.navbar-search-light .input-group-text
{
color: rgba(0, 0, 0, .6);
}
.navbar-search-light .form-control
{
color: rgba(0, 0, 0, .9);
}
.navbar-search-light .form-control::-ms-input-placeholder
{
color: rgba(0, 0, 0, .6);
}
.navbar-search-light .form-control::placeholder
{
color: rgba(0, 0, 0, .6);
}
.navbar-search-light .focused .input-group
{
border-color: rgba(0, 0, 0, .9);
background-color: white;
}
@media (max-width: 575.98px)
{
.navbar-search
{
display: none;
width: 100%;
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
transform: translateX(-150%);
}
}
@media screen and (max-width: 575.98px) and (prefers-reduced-motion: reduce)
{
.navbar-search
{
transition: none;
}
}
@media (max-width: 575.98px)
{
.navbar-search .form-group
{
width: 100%;
}
.navbar-search .form-control
{
width: auto;
}
.navbar-search .focused .input-group .form-control
{
width: auto;
}
.navbar-search .close
{
display: none;
opacity: 0;
}
.navbar-search .close span
{
width: auto;
height: auto;
}
.navbar-top .navbar-nav
{
transition: all .15s ease;
padding: 0px 3px 0px 30px;
}
}
@media screen and (max-width: 575.98px) and (prefers-reduced-motion: reduce)
{
.navbar-top .navbar-nav
{
transition: none;
}
}
@media (max-width: 575.98px)
{
.g-navbar-search-showing .navbar-search .close
{
display: block;
}
.g-navbar-search-showing .navbar-top .navbar-nav
{
display: flex;
transform: translateX(150%);
opacity: 1;
}
.g-navbar-search-show .navbar-search
{
display: block;
}
.g-navbar-search-show .navbar-search .form-control
{
width: auto;
}
.g-navbar-search-show .navbar-search .close
{
line-height: 46px;
position: absolute;
top: 0;
right: 0;
width: 46px;
height: 46px;
cursor: pointer;
text-align: center;
color: white;
}
.g-navbar-search-show .navbar-top .navbar-nav
{
display: none;
}
.g-navbar-search-show .navbar-top .navbar-collapse
{
width: 100%;
}
.g-navbar-search-shown .navbar-search
{
transform: translateX(0);
}
.g-navbar-search-shown .navbar-search .close
{
display: block;
opacity: 1;
}
.g-navbar-search-hiding .navbar-top .navbar-nav
{
display: flex;
transform: translateX(150%);
opacity: 0;
}
.g-navbar-search-hidden .navbar-top .navbar-nav
{
transform: translateX(0);
opacity: 1;
}
}
.navbar .dropdown-menu
{
margin: 0;
pointer-events: none;
opacity: 0;
}
.navbar .dropdown-menu-arrow:before
{
position: absolute;
z-index: -5;
bottom: 100%;
left: 20px;
display: block;
width: 12px;
height: 12px;
content: '';
transform: rotate(-45deg) translateY(12px);
border-radius: 2px;
background: #fff;
box-shadow: none;
}
.navbar .dropdown-menu-right:before
{
right: 20px;
left: auto;
}
.navbar:not(.navbar-nav-hover) .dropdown-menu.show
{
animation: show-navbar-dropdown .25s ease forwards;
pointer-events: auto;
opacity: 1;
}
.navbar:not(.navbar-nav-hover) .dropdown-menu.close
{
display: block;
animation: hide-navbar-dropdown .15s ease backwards;
}
.navbar.navbar-nav-hover .dropdown-menu
{
display: block;
transition: visibility .25s, opacity .25s, transform .25s;
transform: translate(0, 10px) perspective(200px) rotateX(-2deg);
pointer-events: none;
opacity: 0;
}
.navbar.navbar-nav-hover .nav-item.dropdown:hover > .dropdown-menu
{
display: block;
visibility: visible;
transform: translate(0, 0);
animation: none;
pointer-events: auto;
opacity: 1;
}
.navbar .dropdown-menu-inner
{
position: relative;
padding: 1rem;
}
@keyframes show-navbar-dropdown
{
0%
{
transition: visibility .25s, opacity .25s, transform .25s;
transform: translate(0, 10px) perspective(200px);
opacity: 0;
}
100%
{
transform: translate(0, 0);
opacity: 1;
}
}
@keyframes hide-navbar-dropdown
{
from
{
opacity: 1;
}
to
{
transform: translate(0, 10px);
opacity: 0;
}
}
.navbar-collapse-header
{
display: none;
}
@keyframes show-navbar-collapse
{
0%
{
transform: scale(.95);
transform-origin: 100% 0;
opacity: 0;
}
100%
{
transform: scale(1);
opacity: 1;
}
}
@keyframes hide-navbar-collapse
{
from
{
transform: scale(1);
transform-origin: 100% 0;
opacity: 1;
}
to
{
transform: scale(.95);
opacity: 0;
}
}
.navbar-top
{
padding-right: 1rem;
padding-left: 1rem;
border: 0;
}
.navbar-top .container,
.navbar-top .container-fluid
{
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 576px)
{
.navbar-top .navbar-brand
{
display: none;
}
}
@media (max-width: 575.98px)
{
.navbar-top .navbar-collapse
{
width: 100%;
}
.navbar-top .nav-item
{
position: static;
}
.navbar-top .nav-item .dropdown-menu
{
position: absolute;
right: auto;
left: 3%;
width: 94%;
min-width: auto;
}
}
.navbar-top.border-bottom.navbar-dark
{
}
.navbar-top.border-bottom.navbar-light
{
border-color: rgba(0, 0, 0, .04) !important;
}
.sidenav-pinned .navbar-top .navbar-brand
{
display: none;
}
.nav-wrapper
{
padding: 1rem 0;
border-top-left-radius: .375rem;
border-top-right-radius: .375rem;
}
.nav-wrapper + .card
{
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: .375rem;
border-bottom-left-radius: .375rem;
}
.nav-link
{
color: #525f7f;
}
.nav-link:hover
{
color: #5e72e4;
}
.nav-link i.ni
{
position: relative;
top: 2px;
}
.nav-pills .nav-item:not(:last-child)
{
padding-right: 1rem;
}
.nav-pills .nav-link
{
font-size: .875rem;
font-weight: 500;
padding: .75rem 1rem;
transition: all .15s ease;
color: #5e72e4;
background-color: #fff;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.nav-pills .nav-link:hover
{
color: #485fe0;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link
{
color: #fff;
background-color: #5e72e4;
}
@media (max-width: 575.98px)
{
.nav-pills .nav-item
{
margin-bottom: 1rem;
}
}
@media (max-width: 767.98px)
{
.nav-pills:not(.nav-pills-circle) .nav-item
{
padding-right: 0;
}
}
.nav-pills-circle .nav-link
{
line-height: 60px;
width: 60px;
height: 60px;
padding: 0;
text-align: center;
border-radius: 50%;
}
.nav-pills-circle .nav-link-icon i,
.nav-pills-circle .nav-link-icon svg
{
font-size: 1rem;
}
.page-item.active .page-link
{
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.page-item .page-link,
.page-item span
{
font-size: .875rem;
display: flex;
width: 36px;
height: 36px;
margin: 0 3px;
padding: 0;
border-radius: 50% !important;
align-items: center;
justify-content: center;
}
.pagination-lg .page-item .page-link,
.pagination-lg .page-item span
{
line-height: 46px;
width: 46px;
height: 46px;
}
.pagination-sm .page-item .page-link,
.pagination-sm .page-item span
{
line-height: 30px;
width: 30px;
height: 30px;
}
.popover
{
border: 0;
}
.popover-header
{
font-weight: 600;
}
.popover-primary
{
background-color: #5e72e4;
}
.popover-primary .popover-header
{
color: #fff;
background-color: #5e72e4;
}
.popover-primary .popover-body
{
color: #fff;
}
.popover-primary .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-primary.bs-popover-top .arrow::after,
.popover-primary.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #5e72e4;
}
.popover-primary.bs-popover-right .arrow::after,
.popover-primary.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #5e72e4;
}
.popover-primary.bs-popover-bottom .arrow::after,
.popover-primary.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #5e72e4;
}
.popover-primary.bs-popover-left .arrow::after,
.popover-primary.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #5e72e4;
}
.popover-secondary
{
background-color: #f7fafc;
}
.popover-secondary .popover-header
{
color: #212529;
background-color: #f7fafc;
}
.popover-secondary .popover-body
{
color: #212529;
}
.popover-secondary .popover-header
{
border-color: rgba(33, 37, 41, .2);
}
.popover-secondary.bs-popover-top .arrow::after,
.popover-secondary.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #f7fafc;
}
.popover-secondary.bs-popover-right .arrow::after,
.popover-secondary.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #f7fafc;
}
.popover-secondary.bs-popover-bottom .arrow::after,
.popover-secondary.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #f7fafc;
}
.popover-secondary.bs-popover-left .arrow::after,
.popover-secondary.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #f7fafc;
}
.popover-success
{
background-color: #2dce89;
}
.popover-success .popover-header
{
color: #fff;
background-color: #2dce89;
}
.popover-success .popover-body
{
color: #fff;
}
.popover-success .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-success.bs-popover-top .arrow::after,
.popover-success.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #2dce89;
}
.popover-success.bs-popover-right .arrow::after,
.popover-success.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #2dce89;
}
.popover-success.bs-popover-bottom .arrow::after,
.popover-success.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #2dce89;
}
.popover-success.bs-popover-left .arrow::after,
.popover-success.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #2dce89;
}
.popover-info
{
background-color: #11cdef;
}
.popover-info .popover-header
{
color: #fff;
background-color: #11cdef;
}
.popover-info .popover-body
{
color: #fff;
}
.popover-info .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-info.bs-popover-top .arrow::after,
.popover-info.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #11cdef;
}
.popover-info.bs-popover-right .arrow::after,
.popover-info.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #11cdef;
}
.popover-info.bs-popover-bottom .arrow::after,
.popover-info.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #11cdef;
}
.popover-info.bs-popover-left .arrow::after,
.popover-info.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #11cdef;
}
.popover-warning
{
background-color: #fb6340;
}
.popover-warning .popover-header
{
color: #fff;
background-color: #fb6340;
}
.popover-warning .popover-body
{
color: #fff;
}
.popover-warning .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-warning.bs-popover-top .arrow::after,
.popover-warning.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #fb6340;
}
.popover-warning.bs-popover-right .arrow::after,
.popover-warning.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #fb6340;
}
.popover-warning.bs-popover-bottom .arrow::after,
.popover-warning.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #fb6340;
}
.popover-warning.bs-popover-left .arrow::after,
.popover-warning.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #fb6340;
}
.popover-danger
{
background-color: #f5365c;
}
.popover-danger .popover-header
{
color: #fff;
background-color: #f5365c;
}
.popover-danger .popover-body
{
color: #fff;
}
.popover-danger .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-danger.bs-popover-top .arrow::after,
.popover-danger.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #f5365c;
}
.popover-danger.bs-popover-right .arrow::after,
.popover-danger.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #f5365c;
}
.popover-danger.bs-popover-bottom .arrow::after,
.popover-danger.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #f5365c;
}
.popover-danger.bs-popover-left .arrow::after,
.popover-danger.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #f5365c;
}
.popover-light
{
background-color: #adb5bd;
}
.popover-light .popover-header
{
color: #fff;
background-color: #adb5bd;
}
.popover-light .popover-body
{
color: #fff;
}
.popover-light .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-light.bs-popover-top .arrow::after,
.popover-light.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #adb5bd;
}
.popover-light.bs-popover-right .arrow::after,
.popover-light.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #adb5bd;
}
.popover-light.bs-popover-bottom .arrow::after,
.popover-light.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #adb5bd;
}
.popover-light.bs-popover-left .arrow::after,
.popover-light.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #adb5bd;
}
.popover-dark
{
background-color: #212529;
}
.popover-dark .popover-header
{
color: #fff;
background-color: #212529;
}
.popover-dark .popover-body
{
color: #fff;
}
.popover-dark .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-dark.bs-popover-top .arrow::after,
.popover-dark.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #212529;
}
.popover-dark.bs-popover-right .arrow::after,
.popover-dark.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #212529;
}
.popover-dark.bs-popover-bottom .arrow::after,
.popover-dark.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #212529;
}
.popover-dark.bs-popover-left .arrow::after,
.popover-dark.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #212529;
}
.popover-default
{
background-color: #172b4d;
}
.popover-default .popover-header
{
color: #fff;
background-color: #172b4d;
}
.popover-default .popover-body
{
color: #fff;
}
.popover-default .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-default.bs-popover-top .arrow::after,
.popover-default.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #172b4d;
}
.popover-default.bs-popover-right .arrow::after,
.popover-default.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #172b4d;
}
.popover-default.bs-popover-bottom .arrow::after,
.popover-default.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #172b4d;
}
.popover-default.bs-popover-left .arrow::after,
.popover-default.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #172b4d;
}
.popover-white
{
background-color: #fff;
}
.popover-white .popover-header
{
color: #212529;
background-color: #fff;
}
.popover-white .popover-body
{
color: #212529;
}
.popover-white .popover-header
{
border-color: rgba(33, 37, 41, .2);
}
.popover-white.bs-popover-top .arrow::after,
.popover-white.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #fff;
}
.popover-white.bs-popover-right .arrow::after,
.popover-white.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #fff;
}
.popover-white.bs-popover-bottom .arrow::after,
.popover-white.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #fff;
}
.popover-white.bs-popover-left .arrow::after,
.popover-white.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #fff;
}
.popover-neutral
{
background-color: #fff;
}
.popover-neutral .popover-header
{
color: #212529;
background-color: #fff;
}
.popover-neutral .popover-body
{
color: #212529;
}
.popover-neutral .popover-header
{
border-color: rgba(33, 37, 41, .2);
}
.popover-neutral.bs-popover-top .arrow::after,
.popover-neutral.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: #fff;
}
.popover-neutral.bs-popover-right .arrow::after,
.popover-neutral.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: #fff;
}
.popover-neutral.bs-popover-bottom .arrow::after,
.popover-neutral.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: #fff;
}
.popover-neutral.bs-popover-left .arrow::after,
.popover-neutral.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: #fff;
}
.popover-darker
{
background-color: black;
}
.popover-darker .popover-header
{
color: #fff;
background-color: black;
}
.popover-darker .popover-body
{
color: #fff;
}
.popover-darker .popover-header
{
border-color: rgba(255, 255, 255, .2);
}
.popover-darker.bs-popover-top .arrow::after,
.popover-darker.bs-popover-auto[x-placement^='top'] .arrow::after
{
border-top-color: black;
}
.popover-darker.bs-popover-right .arrow::after,
.popover-darker.bs-popover-auto[x-placement^='right'] .arrow::after
{
border-right-color: black;
}
.popover-darker.bs-popover-bottom .arrow::after,
.popover-darker.bs-popover-auto[x-placement^='bottom'] .arrow::after
{
border-bottom-color: black;
}
.popover-darker.bs-popover-left .arrow::after,
.popover-darker.bs-popover-auto[x-placement^='left'] .arrow::after
{
border-left-color: black;
}
.progress-wrapper
{
position: relative;
padding-top: 1.5rem;
}
.progress
{
overflow: hidden;
height: 24px;
margin-bottom: 0rem;
border-radius: 3.25rem;
background-color: #e9ecef;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress .sr-only
{
font-size: 13px;
line-height: 20px;
left: 0;
clip: auto;
width: auto;
height: 20px;
margin: 0 0 0 30px;
}
.progress-sm
{
height: 5px;
}
.progress-xs
{
height: 3px;
}
.progress-heading
{
font-size: 14px;
font-weight: 500;
margin: 0 0 2px;
padding: 0;
}
.progress-bar
{
height: auto;
border-radius: 0;
box-shadow: none;
}
.progress-info
{
display: flex;
margin-bottom: .5rem;
align-items: center;
justify-content: space-between;
}
.progress-label span
{
font-size: .625rem;
font-weight: 600;
display: inline-block;
padding: .25rem 1rem;
text-transform: uppercase;
color: #5e72e4;
border-radius: 30px;
background: rgba(94, 114, 228, .1);
}
.progress-percentage
{
text-align: right;
}
.progress-percentage span
{
font-size: .875rem;
font-weight: 600;
display: inline-block;
color: #8898aa;
}
.separator
{
position: absolute;
top: auto;
right: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 150px;
transform: translateZ(0);
pointer-events: none;
}
.separator svg
{
position: absolute;
pointer-events: none;
}
.separator-top
{
top: 0;
bottom: auto;
}
.separator-top svg
{
top: 0;
}
.separator-bottom
{
top: auto;
bottom: 0;
}
.separator-bottom svg
{
bottom: 0;
}
.separator-inverse
{
transform: rotate(180deg);
}
.separator-skew
{
height: 60px;
}
@media (min-width: 1200px)
{
.separator-skew
{
height: 125px;
}
}
.shortcut-media
{
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
}
@media screen and (prefers-reduced-motion: reduce)
{
.shortcut-media
{
transition: none;
}
}
.shortcut-item
{
padding-top: 1rem;
padding-bottom: 1rem;
text-align: center;
}
.shortcut-item small
{
font-size: .8125rem;
font-weight: 600;
display: block;
margin-top: .75rem;
}
.shortcut-item:hover .shortcut-media
{
transform: scale(1.1);
}
.table thead th
{
font-size: .65rem;
padding-top: .75rem;
padding-bottom: .75rem;
letter-spacing: 1px;
text-transform: uppercase;
border-bottom: 1px solid #e9ecef;
}
.table th
{
font-weight: 600;
}
.table td .progress
{
width: 120px;
height: 3px;
margin: 0;
}
.table td,
.table th
{
font-size: .8125rem;
white-space: nowrap;
}
.table.align-items-center td,
.table.align-items-center th
{
vertical-align: middle;
}
.table .thead-dark th
{
color: #4d7bca;
background-color: #1c345d;
}
.table .thead-dark th a
{
color: #4d7bca;
}
.table .thead-light th
{
color: #8898aa;
background-color: #f6f9fc;
}
.table .thead-light th a
{
color: #8898aa;
}
.table-hover tr
{
transition: all .15s ease;
}
@media screen and (prefers-reduced-motion: reduce)
{
.table-hover tr
{
transition: none;
}
}
.table-flush td,
.table-flush th
{
border-right: 0;
border-left: 0;
}
.table-flush tbody tr:first-child td,
.table-flush tbody tr:first-child th
{
border-top: 0;
}
.table-flush tbody tr:last-child td,
.table-flush tbody tr:last-child th
{
border-bottom: 0;
}
.card .table
{
margin-bottom: 0;
}
.card .table td,
.card .table th
{
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.table .custom-toggle
{
display: block;
}
.table-action
{
font-size: .875rem;
margin: 0 .25rem;
color: #adb5bd;
}
.table-action:hover
{
color: #919ca6;
}
.table-action-delete:hover
{
color: #f5365c;
}
.table-dark .table-action
{
color: #4d7bca;
}
.table [data-sort]
{
cursor: pointer;
}
.table .thead-dark [data-sort]::after
{
margin-left: .25rem;
}
.table .thead-light [data-sort]::after
{
margin-left: .25rem;
}
.timeline-one-side:before
{
left: 1rem;
}
.timeline-one-side .timeline-step
{
left: 1rem;
}
.timeline-one-side .timeline-content
{
width: auto;
}
@media (min-width: 992px)
{
.timeline-one-side .timeline-content
{
max-width: 30rem;
}
}
.timeline-one-side .timeline-block:nth-child(even) .timeline-content
{
float: none;
}
p
{
font-size: 1rem;
font-weight: 300;
line-height: 1.7;
}
.lead
{
font-size: 1.25rem;
font-weight: 300;
line-height: 1.7;
margin-top: 1.5rem;
}
.lead + .btn-wrapper
{
margin-top: 3rem;
}
.description
{
font-size: .875rem;
}
article h4:not(:first-child),
article h5:not(:first-child)
{
margin-top: 3rem;
}
article h4,
article h5
{
margin-bottom: 1.5rem;
}
article figure
{
margin: 3rem 0;
}
article h5 + figure
{
margin-top: 0;
}
.display-1 span,
.display-2 span,
.display-3 span,
.display-4 span
{
font-weight: 300;
display: block;
}
h1 > a,
h2 > a,
h3 > a,
h4 > a,
h5 > a,
h6 > a
{
color: inherit;
}
.heading
{
font-size: .95rem;
font-weight: 600;
letter-spacing: .025em;
text-transform: uppercase;
}
.heading-small
{
font-size: .75rem;
padding-top: .25rem;
padding-bottom: .25rem;
letter-spacing: .04em;
text-transform: uppercase;
}
.heading-title
{
font-size: 1.375rem;
font-weight: 600;
letter-spacing: .025em;
text-transform: uppercase;
}
.heading-section
{
font-size: 1.375rem;
font-weight: 600;
letter-spacing: .025em;
text-transform: uppercase;
}
.heading-section img
{
display: block;
width: 72px;
height: 72px;
margin-bottom: 1.5rem;
}
.heading-section.text-center img
{
margin-right: auto;
margin-left: auto;
}
.surtitle
{
margin-bottom: 0;
letter-spacing: 2px;
text-transform: uppercase;
color: #8898aa;
}
.bg-blue
{
background-color: #5e72e4 !important;
}
a.bg-blue:hover,
a.bg-blue:focus,
button.bg-blue:hover,
button.bg-blue:focus
{
background-color: #324cdd !important;
}
.bg-indigo
{
background-color: #5603ad !important;
}
a.bg-indigo:hover,
a.bg-indigo:focus,
button.bg-indigo:hover,
button.bg-indigo:focus
{
background-color: #3d027b !important;
}
.bg-purple
{
background-color: #8965e0 !important;
}
a.bg-purple:hover,
a.bg-purple:focus,
button.bg-purple:hover,
button.bg-purple:focus
{
background-color: #683bd7 !important;
}
.bg-pink
{
background-color: #f3a4b5 !important;
}
a.bg-pink:hover,
a.bg-pink:focus,
button.bg-pink:hover,
button.bg-pink:focus
{
background-color: #ed7790 !important;
}
.bg-red
{
background-color: #f5365c !important;
}
a.bg-red:hover,
a.bg-red:focus,
button.bg-red:hover,
button.bg-red:focus
{
background-color: #ec0c38 !important;
}
.bg-orange
{
background-color: #fb6340 !important;
}
a.bg-orange:hover,
a.bg-orange:focus,
button.bg-orange:hover,
button.bg-orange:focus
{
background-color: #fa3a0e !important;
}
.bg-yellow
{
background-color: #ffd600 !important;
}
a.bg-yellow:hover,
a.bg-yellow:focus,
button.bg-yellow:hover,
button.bg-yellow:focus
{
background-color: #ccab00 !important;
}
.bg-green
{
background-color: #2dce89 !important;
}
a.bg-green:hover,
a.bg-green:focus,
button.bg-green:hover,
button.bg-green:focus
{
background-color: #24a46d !important;
}
.bg-teal
{
background-color: #11cdef !important;
}
a.bg-teal:hover,
a.bg-teal:focus,
button.bg-teal:hover,
button.bg-teal:focus
{
background-color: #0da5c0 !important;
}
.bg-cyan
{
background-color: #2bffc6 !important;
}
a.bg-cyan:hover,
a.bg-cyan:focus,
button.bg-cyan:hover,
button.bg-cyan:focus
{
background-color: #00f7b5 !important;
}
.bg-white
{
background-color: #fff !important;
}
a.bg-white:hover,
a.bg-white:focus,
button.bg-white:hover,
button.bg-white:focus
{
background-color: #e6e6e6 !important;
}
.bg-gray
{
background-color: #8898aa !important;
}
a.bg-gray:hover,
a.bg-gray:focus,
button.bg-gray:hover,
button.bg-gray:focus
{
background-color: #6a7e95 !important;
}
.bg-gray-dark
{
background-color: #32325d !important;
}
a.bg-gray-dark:hover,
a.bg-gray-dark:focus,
button.bg-gray-dark:hover,
button.bg-gray-dark:focus
{
background-color: #20203c !important;
}
.bg-light
{
background-color: #ced4da !important;
}
a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus
{
background-color: #b1bbc4 !important;
}
.bg-lighter
{
background-color: #e9ecef !important;
}
a.bg-lighter:hover,
a.bg-lighter:focus,
button.bg-lighter:hover,
button.bg-lighter:focus
{
background-color: #cbd3da !important;
}
.bg-gradient-primary
{
}
.bg-gradient-secondary
{
background: linear-gradient(87deg, #f7fafc 0, #f7f8fc 100%) !important;
}
.bg-gradient-success
{
background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
}
.bg-gradient-info
{
background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}
.bg-gradient-warning
{
background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}
.bg-gradient-danger
{
background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}
.bg-gradient-light
{
background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important;
}
.bg-gradient-dark
{
background: linear-gradient(87deg, #212529 0, #212229 100%) !important;
}
.bg-gradient-default
{
background: linear-gradient(87deg, #172b4d 0, #1a174d 100%) !important;
}
.bg-gradient-white
{
background: linear-gradient(87deg, #fff 0, white 100%) !important;
}
.bg-gradient-neutral
{
background: linear-gradient(87deg, #fff 0, white 100%) !important;
}
.bg-gradient-darker
{
background: linear-gradient(87deg, black 0, black 100%) !important;
}
.bg-gradient-blue
{
background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;
}
.bg-gradient-indigo
{
background: linear-gradient(87deg, #5603ad 0, #9d03ad 100%) !important;
}
.bg-gradient-purple
{
background: linear-gradient(87deg, #8965e0 0, #bc65e0 100%) !important;
}
.bg-gradient-pink
{
background: linear-gradient(87deg, #f3a4b5 0, #f3b4a4 100%) !important;
}
.bg-gradient-red
{
background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}
.bg-gradient-orange
{
background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}
.bg-gradient-yellow
{
background: linear-gradient(87deg, #ffd600 0, #beff00 100%) !important;
}
.bg-gradient-green
{
background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
}
.bg-gradient-teal
{
background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}
.bg-gradient-cyan
{
background: linear-gradient(87deg, #2bffc6 0, #2be0ff 100%) !important;
}
.bg-gradient-white
{
background: linear-gradient(87deg, #fff 0, white 100%) !important;
}
.bg-gradient-gray
{
background: linear-gradient(87deg, #8898aa 0, #888aaa 100%) !important;
}
.bg-gradient-gray-dark
{
background: linear-gradient(87deg, #32325d 0, #44325d 100%) !important;
}
.bg-gradient-light
{
background: linear-gradient(87deg, #ced4da 0, #cecfda 100%) !important;
}
.bg-gradient-lighter
{
background: linear-gradient(87deg, #e9ecef 0, #e9eaef 100%) !important;
}
.bg-translucent-primary
{
background-color: rgba(63, 87, 223, .6) !important;
}
a.bg-translucent-primary:hover,
a.bg-translucent-primary:focus,
button.bg-translucent-primary:hover,
button.bg-translucent-primary:focus
{
background-color: rgba(42, 68, 219, .6) !important;
}
.bg-translucent-secondary
{
background-color: rgba(221, 234, 242, .6) !important;
}
a.bg-translucent-secondary:hover,
a.bg-translucent-secondary:focus,
button.bg-translucent-secondary:hover,
button.bg-translucent-secondary:focus
{
background-color: rgba(202, 222, 235, .6) !important;
}
.bg-translucent-success
{
background-color: rgba(39, 177, 118, .6) !important;
}
a.bg-translucent-success:hover,
a.bg-translucent-success:focus,
button.bg-translucent-success:hover,
button.bg-translucent-success:focus
{
background-color: rgba(34, 156, 104, .6) !important;
}
.bg-translucent-info
{
background-color: rgba(14, 177, 206, .6) !important;
}
a.bg-translucent-info:hover,
a.bg-translucent-info:focus,
button.bg-translucent-info:hover,
button.bg-translucent-info:focus
{
background-color: rgba(12, 156, 183, .6) !important;
}
.bg-translucent-warning
{
background-color: rgba(250, 70, 29, .6) !important;
}
a.bg-translucent-warning:hover,
a.bg-translucent-warning:focus,
button.bg-translucent-warning:hover,
button.bg-translucent-warning:focus
{
background-color: rgba(249, 51, 5, .6) !important;
}
.bg-translucent-danger
{
background-color: rgba(243, 20, 64, .6) !important;
}
a.bg-translucent-danger:hover,
a.bg-translucent-danger:focus,
button.bg-translucent-danger:hover,
button.bg-translucent-danger:focus
{
background-color: rgba(227, 11, 54, .6) !important;
}
.bg-translucent-light
{
background-color: rgba(153, 163, 173, .6) !important;
}
a.bg-translucent-light:hover,
a.bg-translucent-light:focus,
button.bg-translucent-light:hover,
button.bg-translucent-light:focus
{
background-color: rgba(139, 150, 162, .6) !important;
}
.bg-translucent-dark
{
background-color: rgba(17, 19, 21, .6) !important;
}
a.bg-translucent-dark:hover,
a.bg-translucent-dark:focus,
button.bg-translucent-dark:hover,
button.bg-translucent-dark:focus
{
background-color: rgba(6, 6, 7, .6) !important;
}
.bg-translucent-default
{
background-color: rgba(15, 28, 50, .6) !important;
}
a.bg-translucent-default:hover,
a.bg-translucent-default:focus,
button.bg-translucent-default:hover,
button.bg-translucent-default:focus
{
background-color: rgba(9, 17, 30, .6) !important;
}
.bg-translucent-white
{
background-color: rgba(237, 237, 237, .6) !important;
}
a.bg-translucent-white:hover,
a.bg-translucent-white:focus,
button.bg-translucent-white:hover,
button.bg-translucent-white:focus
{
background-color: rgba(224, 224, 224, .6) !important;
}
.bg-translucent-neutral
{
background-color: rgba(237, 237, 237, .6) !important;
}
a.bg-translucent-neutral:hover,
a.bg-translucent-neutral:focus,
button.bg-translucent-neutral:hover,
button.bg-translucent-neutral:focus
{
background-color: rgba(224, 224, 224, .6) !important;
}
.bg-translucent-darker
{
background-color: rgba(0, 0, 0, .6) !important;
}
a.bg-translucent-darker:hover,
a.bg-translucent-darker:focus,
button.bg-translucent-darker:hover,
button.bg-translucent-darker:focus
{
background-color: rgba(0, 0, 0, .6) !important;
}
.section-primary
{
background-color: #f8f9fe !important;
}
a.section-primary:hover,
a.section-primary:focus,
button.section-primary:hover,
button.section-primary:focus
{
background-color: #cbd3f8 !important;
}
.section-secondary
{
background-color: #f7fafc !important;
}
a.section-secondary:hover,
a.section-secondary:focus,
button.section-secondary:hover,
button.section-secondary:focus
{
background-color: #d2e3ee !important;
}
.section-light
{
background-color: #ced4da !important;
}
a.section-light:hover,
a.section-light:focus,
button.section-light:hover,
button.section-light:focus
{
background-color: #b1bbc4 !important;
}
.section-dark
{
background-color: #212529 !important;
}
a.section-dark:hover,
a.section-dark:focus,
button.section-dark:hover,
button.section-dark:focus
{
background-color: #0a0c0d !important;
}
.section-darker
{
background-color: black !important;
}
a.section-darker:hover,
a.section-darker:focus,
button.section-darker:hover,
button.section-darker:focus
{
background-color: black !important;
}
.bg-gradient-primary
{
background: linear-gradient(87deg, #e45e5e 0, #ab0000 100%) !important;
background-size: cover;
}
.bg-gradient-secondary
{
background: linear-gradient(87deg, #f7fafc 0, #f7f8fc 100%) !important;
}
.bg-gradient-success
{
background: linear-gradient(87deg, #2dce89 0, #2dcecc 100%) !important;
}
.bg-gradient-info
{
background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}
.bg-gradient-warning
{
background: linear-gradient(87deg, #fb6340 0, #fbb140 100%) !important;
}
.bg-gradient-danger
{
background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}
.bg-gradient-light
{
background: linear-gradient(87deg, #adb5bd 0, #adaebd 100%) !important;
}
.bg-gradient-dark
{
background: linear-gradient(87deg, #212529 0, #212229 100%) !important;
}
.bg-gradient-default
{
background: linear-gradient(87deg, #000000 0, #8a8a8a 100%) !important;
}
.bg-gradient-white
{
background: linear-gradient(87deg, #fff 0, white 100%) !important;
}
.bg-gradient-neutral
{
background: linear-gradient(87deg, #fff 0, white 100%) !important;
}
.bg-gradient-darker
{
background: linear-gradient(87deg, black 0, black 100%) !important;
}
.fill-primary
{
fill: #5e72e4;
}
.stroke-primary
{
stroke: #5e72e4;
}
.fill-secondary
{
fill: #f7fafc;
}
.stroke-secondary
{
stroke: #f7fafc;
}
.fill-success
{
fill: #2dce89;
}
.stroke-success
{
stroke: #2dce89;
}
.fill-info
{
fill: #11cdef;
}
.stroke-info
{
stroke: #11cdef;
}
.fill-warning
{
fill: #fb6340;
}
.stroke-warning
{
stroke: #fb6340;
}
.fill-danger
{
fill: #f5365c;
}
.stroke-danger
{
stroke: #f5365c;
}
.fill-light
{
fill: #adb5bd;
}
.stroke-light
{
stroke: #adb5bd;
}
.fill-dark
{
fill: #212529;
}
.stroke-dark
{
stroke: #212529;
}
.fill-default
{
fill: #242728;
}
.stroke-default
{
stroke: #172b4d;
}
.fill-white
{
fill: #fff;
}
.stroke-white
{
stroke: #fff;
}
.fill-neutral
{
fill: #fff;
}
.stroke-neutral
{
stroke: #fff;
}
.fill-darker
{
fill: black;
}
.stroke-darker
{
stroke: black;
}
.fill-opacity-8
{
fill-opacity: .8;
}
.blur--hover
{
position: relative;
}
.blur--hover .blur-item
{
transition: 1s cubic-bezier(.19, 1, .22, 1);
opacity: 1;
will-change: transform;
filter: blur(0);
}
.blur--hover .blur-hidden
{
position: absolute;
z-index: 100;
top: calc(50% + 7px);
left: 50%;
transition: all .15s ease;
transform: translate(-50%, -50%);
opacity: 0;
}
.blur--hover:hover .blur-item
{
z-index: 1;
transform: scale(.95);
opacity: .8;
filter: blur(10px);
}
.blur--hover:hover .blur-hidden
{
top: 50%;
opacity: 1;
}
.floating
{
animation: floating 3s ease infinite;
will-change: transform;
}
.floating:hover
{
animation-play-state: paused;
}
.floating-lg
{
animation: floating-lg 3s ease infinite;
}
.floating-sm
{
animation: floating-sm 3s ease infinite;
}
@keyframes floating-lg
{
0%
{
transform: translateY(0px);
}
50%
{
transform: translateY(15px);
}
100%
{
transform: translateY(0px);
}
}
@keyframes floating
{
0%
{
transform: translateY(0px);
}
50%
{
transform: translateY(10px);
}
100%
{
transform: translateY(0px);
}
}
@keyframes floating-sm
{
0%
{
transform: translateY(0px);
}
50%
{
transform: translateY(5px);
}
100%
{
transform: translateY(0px);
}
}
.floatfix:before,
.floatfix:after
{
display: table;
content: '';
}
.floatfix:after
{
clear: both;
}
.img-center
{
display: block;
margin-right: auto;
margin-left: auto;
}
.opacity-1
{
opacity: .1 !important;
}
.opacity-2
{
opacity: .2 !important;
}
.opacity-3
{
opacity: .3 !important;
}
.opacity-4
{
opacity: .4 !important;
}
.opacity-5
{
opacity: .5 !important;
}
.opacity-6
{
opacity: .6 !important;
}
.opacity-7
{
opacity: .7 !important;
}
.opacity-8
{
opacity: .8 !important;
}
.opacity-8
{
opacity: .9 !important;
}
.opacity-10
{
opacity: 1 !important;
}
.overflow-visible
{
overflow: visible !important;
}
.overflow-hidden
{
overflow: hidden !important;
}
.top-0
{
top: 0;
}
.right-0
{
right: 0;
}
.bottom-0
{
bottom: 0;
}
.left-0
{
left: 0;
}
.top-1
{
top: .25rem;
}
.right-1
{
right: .25rem;
}
.bottom-1
{
bottom: .25rem;
}
.left-1
{
left: .25rem;
}
.top-2
{
top: .5rem;
}
.right-2
{
right: .5rem;
}
.bottom-2
{
bottom: .5rem;
}
.left-2
{
left: .5rem;
}
.top-3
{
top: 1rem;
}
.right-3
{
right: 1rem;
}
.bottom-3
{
bottom: 1rem;
}
.left-3
{
left: 1rem;
}
.top-4
{
top: 1.5rem;
}
.right-4
{
right: 1.5rem;
}
.bottom-4
{
bottom: 1.5rem;
}
.left-4
{
left: 1.5rem;
}
.top-5
{
top: 3rem;
}
.right-5
{
right: 3rem;
}
.bottom-5
{
bottom: 3rem;
}
.left-5
{
left: 3rem;
}
.top--9
{
top: -10rem;
}
.right--9
{
right: -10rem;
}
.bottom--9
{
bottom: -10rem;
}
.left--9
{
left: -10rem;
}
.top--8
{
top: -8rem;
}
.right--8
{
right: -8rem;
}
.bottom--8
{
bottom: -8rem;
}
.left--8
{
left: -8rem;
}
.top--7
{
top: -6rem;
}
.right--7
{
right: -6rem;
}
.bottom--7
{
bottom: -6rem;
}
.left--7
{
left: -6rem;
}
.top--6
{
top: -4.5rem;
}
.right--6
{
right: -4.5rem;
}
.bottom--6
{
bottom: -4.5rem;
}
.left--6
{
left: -4.5rem;
}
.top--5
{
top: -3rem;
}
.right--5
{
right: -3rem;
}
.bottom--5
{
bottom: -3rem;
}
.left--5
{
left: -3rem;
}
.top--4
{
top: -1.5rem;
}
.right--4
{
right: -1.5rem;
}
.bottom--4
{
bottom: -1.5rem;
}
.left--4
{
left: -1.5rem;
}
.top--3
{
top: -1rem;
}
.right--3
{
right: -1rem;
}
.bottom--3
{
bottom: -1rem;
}
.left--3
{
left: -1rem;
}
.top--2
{
top: -.5rem;
}
.right--2
{
right: -.5rem;
}
.bottom--2
{
bottom: -.5rem;
}
.left--2
{
left: -.5rem;
}
.top--1
{
top: -.25rem;
}
.right--1
{
right: -.25rem;
}
.bottom--1
{
bottom: -.25rem;
}
.left--1
{
left: -.25rem;
}
.top-6
{
top: 4.5rem;
}
.right-6
{
right: 4.5rem;
}
.bottom-6
{
bottom: 4.5rem;
}
.left-6
{
left: 4.5rem;
}
.top-7
{
top: 6rem;
}
.right-7
{
right: 6rem;
}
.bottom-7
{
bottom: 6rem;
}
.left-7
{
left: 6rem;
}
.top-8
{
top: 8rem;
}
.right-8
{
right: 8rem;
}
.bottom-8
{
bottom: 8rem;
}
.left-8
{
left: 8rem;
}
.top-9
{
top: 10rem;
}
.right-9
{
right: 10rem;
}
.bottom-9
{
bottom: 10rem;
}
.left-9
{
left: 10rem;
}
.center
{
left: 50%;
transform: translateX(-50%);
}
[class*='shadow']
{
transition: all .15s ease;
}
.shadow-sm--hover:hover
{
box-shadow: 0 0 .5rem rgba(136, 152, 170, .075) !important;
}
.shadow--hover:hover
{
box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
}
.shadow-lg--hover:hover
{
box-shadow: 0 0 3rem rgba(136, 152, 170, .175) !important;
}
.shadow-none--hover:hover
{
box-shadow: none !important;
}
.h-100vh
{
height: 100vh !important;
}
.row.row-grid > [class*='col-'] + [class*='col-']
{
margin-top: 3rem;
}
@media (min-width: 992px)
{
.row.row-grid > [class*='col-lg-'] + [class*='col-lg-']
{
margin-top: 0;
}
}
@media (min-width: 768px)
{
.row.row-grid > [class*='col-md-'] + [class*='col-md-']
{
margin-top: 0;
}
}
@media (min-width: 576px)
{
.row.row-grid > [class*='col-sm-'] + [class*='col-sm-']
{
margin-top: 0;
}
}
.row-grid + .row-grid
{
margin-top: 3rem;
}
@media (min-width: 992px)
{
.mt--100
{
margin-top: -100px !important;
}
.mr--100
{
margin-right: -100px !important;
}
.mb--100
{
margin-bottom: -100px !important;
}
.ml--100
{
margin-left: -100px !important;
}
.mt--150
{
margin-top: -150px !important;
}
.mb--150
{
margin-bottom: -150px !important;
}
.mt--200
{
margin-top: -200px !important;
}
.mb--200
{
margin-bottom: -200px !important;
}
.mt--300
{
margin-top: -300px !important;
}
.mb--300
{
margin-bottom: -300px !important;
}
.pt-100
{
padding-top: 100px !important;
}
.pb-100
{
padding-bottom: 100px !important;
}
.pt-150
{
padding-top: 150px !important;
}
.pb-150
{
padding-bottom: 150px !important;
}
.pt-200
{
padding-top: 200px !important;
}
.pb-200
{
padding-bottom: 200px !important;
}
.pt-250
{
padding-top: 250px !important;
}
.pb-250
{
padding-bottom: 250px !important;
}
.pt-300
{
padding-top: 300px !important;
}
.pb-300
{
padding-bottom: 300px !important;
}
}
.font-weight-300
{
font-weight: 300 !important;
}
.font-weight-400
{
font-weight: 400 !important;
}
.font-weight-500
{
font-weight: 500 !important;
}
.font-weight-600
{
font-weight: 600 !important;
}
.font-weight-700
{
font-weight: 700 !important;
}
.font-weight-800
{
font-weight: 800 !important;
}
.font-weight-900
{
font-weight: 900 !important;
}
.text-underline
{
text-decoration: underline;
}
.text-through
{
text-decoration: line-through;
}
.text-xs
{
font-size: .75rem !important;
}
.text-sm
{
font-size: .875rem !important;
}
.text-lg
{
font-size: 1.25rem !important;
}
.text-xl
{
font-size: 1.5rem !important;
}
.lh-100
{
line-height: 1;
}
.lh-110
{
line-height: 1.1;
}
.lh-120
{
line-height: 1.2;
}
.lh-130
{
line-height: 1.3;
}
.lh-140
{
line-height: 1.4;
}
.lh-150
{
line-height: 1.5;
}
.lh-160
{
line-height: 1.6;
}
.lh-170
{
line-height: 1.7;
}
.lh-180
{
line-height: 1.8;
}
.ls-1
{
letter-spacing: .0625rem;
}
.ls-15
{
letter-spacing: .09375rem;
}
.ls-2
{
letter-spacing: .125rem;
}
.text-blue
{
color: #5e72e4 !important;
}
a.text-blue:hover,
a.text-blue:focus
{
color: #324cdd !important;
}
.text-indigo
{
color: #5603ad !important;
}
a.text-indigo:hover,
a.text-indigo:focus
{
color: #3d027b !important;
}
.text-purple
{
color: #8965e0 !important;
}
a.text-purple:hover,
a.text-purple:focus
{
color: #683bd7 !important;
}
.text-pink
{
color: #f3a4b5 !important;
}
a.text-pink:hover,
a.text-pink:focus
{
color: #ed7790 !important;
}
.text-red
{
color: #f5365c !important;
}
a.text-red:hover,
a.text-red:focus
{
color: #ec0c38 !important;
}
.text-orange
{
color: #fb6340 !important;
}
a.text-orange:hover,
a.text-orange:focus
{
color: #fa3a0e !important;
}
.text-yellow
{
color: #ffd600 !important;
}
a.text-yellow:hover,
a.text-yellow:focus
{
color: #ccab00 !important;
}
.text-green
{
color: #2dce89 !important;
}
a.text-green:hover,
a.text-green:focus
{
color: #24a46d !important;
}
.text-teal
{
color: #11cdef !important;
}
a.text-teal:hover,
a.text-teal:focus
{
color: #0da5c0 !important;
}
.text-cyan
{
color: #2bffc6 !important;
}
a.text-cyan:hover,
a.text-cyan:focus
{
color: #00f7b5 !important;
}
.text-white
{
color: #fff !important;
}
a.text-white:hover,
a.text-white:focus
{
color: #e6e6e6 !important;
}
.text-gray
{
color: #8898aa !important;
}
a.text-gray:hover,
a.text-gray:focus
{
color: #6a7e95 !important;
}
.text-gray-dark
{
color: #32325d !important;
}
a.text-gray-dark:hover,
a.text-gray-dark:focus
{
color: #20203c !important;
}
.text-light
{
color: #ced4da !important;
}
a.text-light:hover,
a.text-light:focus
{
color: #b1bbc4 !important;
}
.text-lighter
{
color: #e9ecef !important;
}
a.text-lighter:hover,
a.text-lighter:focus
{
color: #cbd3da !important;
}
@media (min-width: 992px)
{
.transform-perspective-right
{
transform: scale(1) perspective(1040px) rotateY(-11deg) rotateX(2deg) rotate(2deg);
}
.transform-perspective-left
{
transform: scale(1) perspective(2000px) rotateY(11deg) rotateX(2deg) rotate(-2deg);
}
}
.datepicker
{
border-radius: .375rem;
direction: ltr;
}
.datepicker-inline
{
width: 220px;
}
.datepicker-rtl
{
direction: rtl;
}
.datepicker-rtl.dropdown-menu
{
left: auto;
}
.datepicker-rtl table tr td span
{
float: right;
}
.datepicker-dropdown
{
top: 0;
left: 0;
padding: 20px 22px;
box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
}
.datepicker-dropdown.datepicker-orient-left:before
{
left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after
{
left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before
{
right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after
{
right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before
{
top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after
{
top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before
{
bottom: -7px;
border-top: 7px solid white;
border-bottom: 0;
}
.datepicker-dropdown.datepicker-orient-top:after
{
bottom: -6px;
border-top: 6px solid #fff;
border-bottom: 0;
}
.datepicker table
{
margin: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
}
.datepicker table tr td
{
border-radius: 50%;
}
.datepicker table tr th
{
font-weight: 500;
border-radius: .375rem;
}
.datepicker table tr td,
.datepicker table tr th
{
font-size: .875rem;
width: 36px;
height: 36px;
transition: all .15s ease;
text-align: center;
border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th
{
background-color: transparent;
}
.datepicker table tr td.old,
.datepicker table tr td.new
{
color: #adb5bd;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused
{
cursor: pointer;
background: white;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover
{
cursor: default;
color: #dee2e6;
background: none;
}
.datepicker table tr td.highlighted
{
border-radius: 0;
}
.datepicker table tr td.highlighted.focused
{
background: #5e72e4;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active
{
color: #ced4da;
background: #5e72e4;
}
.datepicker table tr td.today
{
background: white;
}
.datepicker table tr td.today.focused
{
background: white;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active
{
color: #8898aa;
background: white;
}
.datepicker table tr td.range
{
color: #fff;
border-radius: 0;
background: #5e72e4;
}
.datepicker table tr td.range.focused
{
background: #3b53de;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active,
.datepicker table tr td.range.day.disabled:hover
{
color: #8a98eb;
background: #324cdd;
}
.datepicker table tr td.range.highlighted.focused
{
background: #cbd3da;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active
{
color: #dee2e6;
background: #e9ecef;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active
{
color: #fff;
background: #5e72e4;
}
.datepicker table tr td.day.range-start
{
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.datepicker table tr td.day.range-end
{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.datepicker table tr td.day.range-start.range-end
{
border-radius: 50%;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.day.range:hover
{
color: #fff;
background: #5e72e4;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover
{
color: #fff;
background: #5e72e4;
box-shadow: none;
}
.datepicker table tr td span
{
line-height: 54px;
display: block;
float: left;
width: 23%;
height: 54px;
margin: 1%;
cursor: pointer;
border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused
{
background: #e9ecef;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover
{
cursor: default;
color: #dee2e6;
background: none;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover
{
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
.datepicker table tr td span.old,
.datepicker table tr td span.new
{
color: #8898aa;
}
.datepicker .datepicker-switch
{
width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th
{
cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover
{
background: #e9ecef;
}
.datepicker .prev.disabled,
.datepicker .next.disabled
{
visibility: hidden;
}
.datepicker .cw
{
font-size: 10px;
width: 12px;
padding: 0 2px 0 5px;
vertical-align: middle;
}
.bootstrap-tagsinput
{
display: inline-block;
max-width: 100%;
padding: .25rem;
cursor: text;
vertical-align: middle;
color: #8898aa;
border: 0 solid transparent;
border-radius: .25rem;
background-color: #fff;
}
.bootstrap-tagsinput input
{
width: auto;
max-width: inherit;
margin: 0;
padding: 0 6px;
border: none;
outline: none;
background-color: transparent;
box-shadow: none;
}
.bootstrap-tagsinput input::-ms-input-placeholder
{
opacity: 1;
color: #adb5bd;
}
.bootstrap-tagsinput input::placeholder
{
opacity: 1;
color: #adb5bd;
}
.bootstrap-tagsinput input:focus
{
border: none;
box-shadow: none;
}
.bootstrap-tagsinput .badge
{
line-height: 1.5;
position: relative;
margin: .125rem;
padding: .625rem .625rem .5rem;
transition: all .15s ease;
color: #fff;
border-radius: .25rem;
background: #172b4d;
box-shadow: 0 1px 2px rgba(68, 68, 68, .25);
}
@media screen and (prefers-reduced-motion: reduce)
{
.bootstrap-tagsinput .badge
{
transition: none;
}
}
.bootstrap-tagsinput .badge:hover
{
padding-right: 1.5rem;
}
.bootstrap-tagsinput [data-role='remove']
{
position: absolute;
top: 50%;
margin-left: 10px;
cursor: pointer;
transform: translate(0, -50%);
color: #fff;
}
.bootstrap-tagsinput [data-role='remove']:after
{
font-size: 16px;
content: '×';
}
#chartjs-tooltip
{
position: absolute;
transition: all .1s ease;
transform: translate(-50%, 0);
pointer-events: none;
opacity: 1;
color: white;
border-radius: 3px;
background: rgba(0, 0, 0, .7);
}
.chartjs-tooltip-key
{
display: inline-block;
width: 10px;
height: 10px;
margin-right: 10px;
}
.dataTables_wrapper
{
font-size: .875rem;
}
table.dataTable
{
margin-bottom: 1.25rem !important;
border-bottom: 1px solid #e9ecef;
}
table.dataTable tbody > tr.selected
{
background-color: #5e72e4;
}
.dataTables_length,
.dataTables_info,
.dt-buttons
{
padding-left: 1.5rem;
}
.dataTables_length .form-control
{
margin: 0 .375rem;
}
.dataTables_filter
{
display: inline-block;
float: right;
padding-right: 1.5rem;
}
.dataTables_paginate
{
padding-right: 1.5rem;
}
.dropzone
{
position: relative;
display: flex;
flex-direction: column;
}
.dz-message
{
z-index: 999;
padding: 5rem 1rem;
cursor: pointer;
transition: all .15s ease;
text-align: center;
color: #8898aa;
border: 1px dashed #dee2e6;
border-radius: .375rem;
background-color: #fff;
order: -1;
}
.dz-message:hover
{
color: #525f7f;
border-color: #8898aa;
}
.dz-drag-hover .dz-message
{
color: #5e72e4;
border-color: #5e72e4;
}
.dropzone-multiple .dz-message
{
padding-top: 2rem;
padding-bottom: 2rem;
}
.dropzone-single.dz-max-files-reached .dz-message
{
opacity: 0;
color: white;
background-color: rgba(0, 0, 0, .9);
}
.dropzone-single.dz-max-files-reached .dz-message:hover
{
opacity: 1;
}
.dz-preview-single
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: .375rem;
}
.dz-preview-cover
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: .375rem;
}
.dz-preview-img
{
width: 100%;
height: 100%;
border-radius: .375rem;
-o-object-fit: cover;
object-fit: cover;
}
.dz-preview-multiple .list-group-item:last-child
{
padding-bottom: 0;
border-bottom: 0;
}
[data-dz-size] strong
{
font-weight: 400;
}
.fc-header-toolbar
{
display: none;
}
.fc-scroller
{
height: auto !important;
}
.fc th
{
font-size: .75rem;
font-weight: 600;
padding: .75rem 1rem;
text-transform: uppercase;
color: #8898aa;
}
.fc div.fc-row
{
margin-right: 0;
border: 0;
}
.fc button .fc-icon
{
top: -5px;
}
.fc-unthemed td.fc-today
{
background-color: transparent;
}
.fc-unthemed td.fc-today span
{
color: #fb6340;
}
.fc-event
{
font-size: .75rem;
padding: 0;
border: 0;
border-radius: .25rem;
}
.fc-event .fc-title
{
font-weight: 600;
display: block;
overflow: hidden;
padding: .4rem .5rem;
white-space: nowrap;
text-overflow: ellipsis;
color: #fff;
}
.fc-event .fc-time
{
float: left;
margin: 0 0 0 -1px;
padding: 2px 6px;
background: rgba(0, 0, 0, .2);
}
.fc-view,
.fc-view > table
{
overflow: hidden;
border: 0;
}
.fc-view > table > tbody > tr .ui-widget-content
{
border-top: 0;
}
.fc-body
{
border: 0;
}
.fc-icon
{
font-family: NucleoIcons, sans-serif;
font-size: 1rem;
line-height: 35px;
width: 35px;
height: 35px;
border-radius: 50%;
}
.fc-icon:hover
{
color: #5e72e4;
}
.fc-button
{
border: 0;
background: transparent;
box-shadow: none;
}
.fc-button:focus,
.fc-button:active
{
outline: 0;
}
.calendar
{
z-index: 0;
}
.calendar td,
.calendar th
{
border-color: #eff1f3;
}
.calendar .fc-toolbar
{
position: relative;
z-index: 2;
height: 250px;
margin-bottom: -2px;
border-radius: .375rem .375rem 0 0;
background-color: #fff;
}
@media (max-width: 575.98px)
{
.calendar .fc-toolbar
{
height: 135px;
}
}
.calendar .fc-day-number
{
box-sizing: border-box;
width: 100%;
padding: .5rem 1rem;
}
@media (min-width: 576px)
{
.calendar .fc-day-number
{
font-size: .875rem;
font-weight: 600;
color: #67779d;
}
}
.calendar .fc-day-header
{
text-align: left;
}
.calendar .fc-day-grid-event
{
margin: 1px 9px;
}
[data-calendar-month]
{
transition: background-image 300ms;
background-size: contain;
}
@media screen and (prefers-reduced-motion: reduce)
{
[data-calendar-month]
{
transition: none;
}
}
[data-calendar-month='0']
{
background-image: url('../img/calendar/january.jpg');
}
[data-calendar-month='1']
{
background-image: url('../img/calendar/february.jpg');
}
[data-calendar-month='2']
{
background-image: url('../img/calendar/march.jpg');
}
[data-calendar-month='3']
{
background-image: url('../img/calendar/april.jpg');
}
[data-calendar-month='4']
{
background-image: url('../img/calendar/may.jpg');
}
[data-calendar-month='5']
{
background-image: url('../img/calendar/june.jpg');
}
[data-calendar-month='6']
{
background-image: url('../img/calendar/july.jpg');
}
[data-calendar-month='7']
{
background-image: url('../img/calendar/august.jpg');
}
[data-calendar-month='8']
{
background-image: url('../img/calendar/september.jpg');
}
[data-calendar-month='9']
{
background-image: url('../img/calendar/october.jpg');
}
[data-calendar-month='10']
{
background-image: url('../img/calendar/november.jpg');
}
[data-calendar-month='11']
{
background-image: url('../img/calendar/december.jpg');
}
.card-calendar .card-header
{
border-bottom: 0;
}
.card-calendar table
{
background: transparent;
}
.card-calendar table tr > td:first-child
{
border-left-width: 0;
}
.card-calendar table tr > td:last-child
{
border-right-width: 0;
}
.widget-calendar
{
position: relative;
z-index: 0;
}
.widget-calendar td,
.widget-calendar th
{
text-align: center;
border-color: transparent;
}
.widget-calendar .fc-toolbar
{
margin-top: 1.25rem;
}
.widget-calendar .fc-toolbar h2
{
font-size: 1rem;
}
.widget-calendar .fc-day-number
{
width: 100%;
padding: 0;
text-align: center;
}
.widget-calendar .fc table
{
font-size: .875rem;
}
.widget-calendar .fc th
{
font-size: .75rem;
padding: .75rem .5rem;
}
.vector-map
{
position: relative;
height: 600px;
}
.vector-map-sm
{
height: 280px;
}
.jvectormap-container
{
width: 100%;
height: 100%;
}
.jvectormap-zoomin,
.jvectormap-zoomout
{
position: absolute;
bottom: 0;
left: 0;
}
.jvectormap-zoomin
{
bottom: 4.25rem;
}
.jvectormap-zoomout
{
bottom: 2rem;
}
.lavalamp
{
position: relative;
}
.lavalamp-item
{
position: relative;
z-index: 5;
}
.lavalamp-object
{
position: absolute;
top: 0;
left: 0;
}
[disabled] .noUi-connect
{
background: #b8b8b8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle
{
cursor: not-allowed;
}
.noUi-pips,
.noUi-pips *
{
box-sizing: border-box;
}
.noUi-pips
{
position: absolute;
color: #999;
}
.noUi-value
{
position: absolute;
text-align: center;
white-space: nowrap;
}
.noUi-value-sub
{
font-size: 10px;
color: #ccc;
}
.noUi-marker
{
position: absolute;
background: #ccc;
}
.noUi-marker-sub
{
background: #aaa;
}
.noUi-marker-large
{
background: #aaa;
}
.noUi-pips-horizontal
{
top: 100%;
left: 0;
width: 100%;
height: 80px;
padding: 10px 0;
}
.noUi-value-horizontal
{
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal
{
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker
{
width: 2px;
height: 5px;
margin-left: -1px;
}
.noUi-marker-horizontal.noUi-marker-sub
{
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large
{
height: 15px;
}
.noUi-pips-vertical
{
top: 0;
left: 100%;
height: 100%;
padding: 0 10px;
}
.noUi-value-vertical
{
padding-left: 25px;
transform: translate(0, -50%, 0);
}
.noUi-rtl .noUi-value-vertical
{
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker
{
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub
{
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large
{
width: 15px;
}
.noUi-tooltip
{
position: absolute;
display: block;
padding: 5px;
text-align: center;
white-space: nowrap;
color: #000;
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #fff;
}
.noUi-horizontal .noUi-tooltip
{
bottom: 120%;
left: 50%;
transform: translate(-50%, 0);
}
.noUi-vertical .noUi-tooltip
{
top: 50%;
right: 120%;
transform: translate(0, -50%);
}
.noUi-target
{
margin: 15px 0;
cursor: pointer;
border: 0;
border-radius: 5px;
background: #eceeef;
box-shadow: inset 0 1px 2px rgba(90, 97, 105, .1);
}
.noUi-horizontal
{
height: 5px;
}
html:not([dir='rtl']) .noUi-horizontal .noUi-handle
{
right: -10px;
}
.noUi-vertical
{
width: 5px;
}
.noUi-connect
{
background: #5e72e4;
box-shadow: none;
}
.noUi-horizontal .noUi-handle,
.noUi-vertical .noUi-handle
{
top: -5px;
width: 15px;
height: 15px;
cursor: pointer;
transition: box-shadow .15s, transform .15s;
border: 0;
border-radius: 100%;
background-color: #5e72e4;
box-shadow: none;
}
.noUi-horizontal .noUi-handle.noUi-active,
.noUi-vertical .noUi-handle.noUi-active
{
box-shadow: 0 0 0 2px #5e72e4;
}
.input-slider--cyan .noUi-connect
{
background: #2bffc6;
}
[disabled] .noUi-connect,
[disabled].noUi-connect
{
background: #b2b2b2;
}
[disabled] .noUi-handle,
[disabled].noUi-origin
{
cursor: not-allowed;
}
.range-slider-value
{
font-size: .75rem;
font-weight: 500;
padding: .4em .8em .3em .85em;
color: #fff;
border-radius: 10px;
background-color: rgba(33, 37, 41, .7);
}
.range-slider-wrapper .upper-info
{
font-weight: 400;
margin-bottom: 5px;
}
.input-slider-value-output
{
font-size: 11px;
position: relative;
top: 12px;
padding: 4px 8px;
color: #fff;
border-radius: 2px;
background: #333;
}
.input-slider-value-output:after
{
position: absolute;
bottom: 100%;
left: 10px;
width: 0;
height: 0;
margin-left: -4px;
content: ' ';
pointer-events: none;
border: solid transparent;
border-width: 4px;
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #333;
}
.input-slider-value-output.left:after
{
right: auto;
left: 10px;
}
.input-slider-value-output.right:after
{
right: 10px;
left: auto;
}
.ql-container
{
font-family: Open Sans, sans-serif;
}
.ql-toolbar
{
position: relative;
padding: .625rem .75rem;
color: #8898aa;
border: 1px solid #dee2e6;
border-radius: .25rem .25rem 0 0;
background-color: #fff;
}
.ql-toolbar + .ql-container
{
margin-top: -1px;
}
.ql-toolbar + .ql-container .ql-editor
{
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.ql-editor
{
font-size: 1rem;
line-height: 1.5;
display: block;
width: 100%;
min-height: 6rem;
padding: .625rem .75rem;
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
color: #8898aa;
border: 1px solid #dee2e6;
border-radius: .25rem;
background-color: #fff;
background-clip: padding-box;
box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
}
@media screen and (prefers-reduced-motion: reduce)
{
.ql-editor
{
transition: none;
}
}
.ql-editor::-ms-expand
{
border: 0;
background-color: transparent;
}
.ql-editor:focus
{
color: #8898aa;
border-color: #5e72e4;
outline: 0;
background-color: #fff;
box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
}
.ql-editor:focus
{
border-color: #dee2e6;
}
.ql-hidden
{
position: absolute;
transform: scale(0);
}
.ql-editor.ql-blank::before
{
font-style: normal;
top: .625rem;
left: .75rem;
color: #adb5bd;
}
.ql-editor:focus::before
{
display: none;
}
.ql-formats
{
padding-right: .5rem;
padding-left: .5rem;
}
.ql-formats:first-child
{
padding-left: 0;
}
.ql-formats:last-child
{
padding-right: 0;
}
.ql-toolbar button
{
padding: 0 .25rem;
cursor: pointer;
transition: all .15s ease;
color: #525f7f;
border: none;
background: none;
}
.ql-toolbar button:hover
{
color: #5e72e4;
}
.ql-toolbar button:first-child
{
margin-left: -.25rem;
}
.ql-toolbar .ql-active
{
color: #5e72e4;
}
.ql-toolbar button svg
{
width: 1.25rem;
height: 1.25rem;
}
.ql-toolbar .ql-stroke
{
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
fill: none;
}
.ql-toolbar .ql-thin
{
stroke-width: 1;
}
.ql-toolbar .ql-fill
{
fill: currentColor;
}
.ql-toolbar input.ql-image
{
position: absolute;
transform: scale(0);
}
.ql-tooltip
{
position: absolute;
display: flex;
width: 18.5rem;
margin-top: .6rem;
padding: .625rem .75rem;
border: 1px solid rgba(0, 0, 0, .05);
border-radius: .4375rem;
background-color: #fff;
box-shadow: 0 .5rem 2rem 0 rgba(0, 0, 0, .2);
flex-wrap: nowrap;
}
.ql-tooltip:before,
.ql-tooltip:after
{
position: absolute;
bottom: 100%;
left: 50%;
content: '';
transform: translateX(-50%);
}
.ql-tooltip:before
{
border-right: .6rem solid transparent;
border-bottom: .6rem solid rgba(0, 0, 0, .05);
border-left: .6rem solid transparent;
}
.ql-tooltip:after
{
border-right: .5rem solid transparent;
border-bottom: .5rem solid #fff;
border-left: .5rem solid transparent;
}
.ql-container .ql-tooltip:hover
{
display: flex !important;
}
.ql-tooltip .ql-preview
{
font-size: .875rem;
line-height: 1.5;
width: 100%;
padding: .25rem .5rem;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
border-radius: .25rem;
}
@media screen and (prefers-reduced-motion: reduce)
{
.ql-tooltip .ql-preview
{
transition: none;
}
}
.ql-tooltip.ql-editing .ql-preview
{
display: none;
}
.ql-tooltip input
{
font-size: .875rem;
line-height: 1.5;
display: none;
width: 100%;
padding-top: calc(.25rem + 1px);
padding-bottom: calc(.25rem + 1px);
color: #8898aa;
border: none;
background-color: transparent;
}
.ql-tooltip input:focus
{
outline: none;
}
.ql-tooltip.ql-editing input
{
display: block;
}
.ql-tooltip .ql-action,
.ql-tooltip .ql-remove
{
margin-left: .25rem;
}
.ql-tooltip .ql-action::before,
.ql-tooltip .ql-remove::before
{
font-size: .875rem;
font-weight: 600;
line-height: 1.5;
display: inline-block;
padding: .25rem .5rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
text-align: center;
vertical-align: middle;
white-space: nowrap;
border: 1px solid transparent;
border-radius: .25rem;
}
@media screen and (prefers-reduced-motion: reduce)
{
.ql-tooltip .ql-action::before,
.ql-tooltip .ql-remove::before
{
transition: none;
}
}
.ql-tooltip .ql-action::before:hover,
.ql-tooltip .ql-action::before:focus,
.ql-tooltip .ql-remove::before:hover,
.ql-tooltip .ql-remove::before:focus
{
text-decoration: none;
}
.ql-tooltip .ql-action::before:focus,
.ql-tooltip .ql-action::before.focus,
.ql-tooltip .ql-remove::before:focus,
.ql-tooltip .ql-remove::before.focus
{
outline: 0;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.ql-tooltip .ql-action::before,
.ql-tooltip.ql-editing .ql-action::before
{
color: #fff;
border-color: #5e72e4;
background-color: #5e72e4;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.ql-tooltip .ql-action::before:hover,
.ql-tooltip.ql-editing .ql-action::before:hover
{
color: #fff;
border-color: #5e72e4;
background-color: #5e72e4;
}
.ql-tooltip .ql-action::before:focus,
.ql-tooltip .ql-action::before.focus,
.ql-tooltip.ql-editing .ql-action::before:focus,
.ql-tooltip.ql-editing .ql-action::before.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(94, 114, 228, .5);
}
.ql-tooltip .ql-action::before.disabled,
.ql-tooltip .ql-action::before:disabled,
.ql-tooltip.ql-editing .ql-action::before.disabled,
.ql-tooltip.ql-editing .ql-action::before:disabled
{
color: #fff;
border-color: #5e72e4;
background-color: #5e72e4;
}
.ql-tooltip .ql-action::before:not(:disabled):not(.disabled):active,
.ql-tooltip .ql-action::before:not(:disabled):not(.disabled).active,
.show > .ql-tooltip .ql-action::before.dropdown-toggle,
.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled):active,
.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled).active,
.show > .ql-tooltip.ql-editing .ql-action::before.dropdown-toggle
{
color: #fff;
border-color: #5e72e4;
background-color: #324cdd;
}
.ql-tooltip .ql-action::before:not(:disabled):not(.disabled):active:focus,
.ql-tooltip .ql-action::before:not(:disabled):not(.disabled).active:focus,
.show > .ql-tooltip .ql-action::before.dropdown-toggle:focus,
.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled):active:focus,
.ql-tooltip.ql-editing .ql-action::before:not(:disabled):not(.disabled).active:focus,
.show > .ql-tooltip.ql-editing .ql-action::before.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(94, 114, 228, .5);
}
.ql-tooltip .ql-action::before
{
content: 'Edit';
}
.ql-tooltip.ql-editing .ql-action::before
{
content: 'Save';
}
.ql-tooltip .ql-remove::before
{
content: 'Remove';
color: #212529;
border-color: #fff;
border-color: #dee2e6;
background-color: #fff;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.ql-tooltip .ql-remove::before:hover
{
color: #212529;
border-color: white;
background-color: white;
}
.ql-tooltip .ql-remove::before:focus,
.ql-tooltip .ql-remove::before.focus
{
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(255, 255, 255, .5);
}
.ql-tooltip .ql-remove::before.disabled,
.ql-tooltip .ql-remove::before:disabled
{
color: #212529;
border-color: #fff;
background-color: #fff;
}
.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled):active,
.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled).active,
.show > .ql-tooltip .ql-remove::before.dropdown-toggle
{
color: #212529;
border-color: white;
background-color: #e6e6e6;
}
.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled):active:focus,
.ql-tooltip .ql-remove::before:not(:disabled):not(.disabled).active:focus,
.show > .ql-tooltip .ql-remove::before.dropdown-toggle:focus
{
box-shadow: none, 0 0 0 0 rgba(255, 255, 255, .5);
}
.ql-tooltip.ql-editing .ql-remove::before
{
display: none;
}
.ql-editor blockquote
{
font-size: 1.25rem;
margin-bottom: 1rem;
}
.ql-editor img
{
max-width: 100%;
height: auto;
}
.scroll-wrapper
{
position: relative;
overflow: hidden !important;
padding: 0 !important;
}
.scroll-wrapper > .scroll-content
{
position: relative !important;
top: 0;
left: 0;
overflow: scroll !important;
box-sizing: content-box !important;
width: auto !important;
max-width: none !important;
height: auto;
max-height: none;
margin: 0;
padding: 0;
border: none !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar
{
width: 0;
height: 0;
}
.scroll-wrapper.scroll--rtl
{
direction: rtl;
}
.scroll-element
{
display: none;
box-sizing: content-box;
}
.scroll-element div
{
box-sizing: content-box;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow
{
cursor: default;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible
{
display: block;
}
.scroll-textarea
{
border: 1px solid #ccc;
border-top-color: #999;
}
.scroll-textarea > .scroll-content
{
overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea
{
position: relative !important;
top: 0;
overflow: scroll !important;
box-sizing: border-box;
width: 100% !important;
max-width: none !important;
height: 100% !important;
max-height: none !important;
margin: 0;
padding: 2px;
border: none !important;
outline: none;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar
{
width: 0;
height: 0;
}
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
position: absolute;
z-index: 10;
margin: 0;
padding: 0;
border: none;
}
.scrollbar-inner > .scroll-element div
{
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.scrollbar-inner > .scroll-element.scroll-x
{
bottom: 2px;
left: 0;
width: 100%;
height: 8px;
}
.scrollbar-inner > .scroll-element.scroll-y
{
top: 0;
right: 2px;
width: 8px;
height: 100%;
}
.scrollbar-inner > .scroll-element .scroll-element_outer
{
overflow: hidden;
}
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar
{
border-radius: 8px;
}
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar
{
opacity: .4;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)';
filter: alpha(opacity=40);
}
.scrollbar-inner > .scroll-element .scroll-element_track
{
background-color: #e0e0e0;
}
.scrollbar-inner > .scroll-element .scroll-bar
{
background-color: #c2c2c2;
}
.scrollbar-inner > .scroll-element:hover .scroll-bar
{
background-color: #919191;
}
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar
{
background-color: #919191;
}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
{
left: -12px;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
{
top: -12px;
}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
left: -12px;
}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
top: -12px;
}
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
position: absolute;
z-index: 10;
margin: 0;
padding: 0;
border: none;
}
.scrollbar-outer > .scroll-element
{
background-color: #fff;
}
.scrollbar-outer > .scroll-element div
{
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.scrollbar-outer > .scroll-element.scroll-x
{
bottom: 0;
left: 0;
width: 100%;
height: 12px;
}
.scrollbar-outer > .scroll-element.scroll-y
{
top: 0;
right: 0;
width: 12px;
height: 100%;
}
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer
{
top: 2px;
height: 8px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer
{
left: 2px;
width: 8px;
}
.scrollbar-outer > .scroll-element .scroll-element_outer
{
overflow: hidden;
}
.scrollbar-outer > .scroll-element .scroll-element_track
{
background-color: #eee;
}
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar
{
border-radius: 8px;
}
.scrollbar-outer > .scroll-element .scroll-bar
{
background-color: #d9d9d9;
}
.scrollbar-outer > .scroll-element .scroll-bar:hover
{
background-color: #c2c2c2;
}
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar
{
background-color: #919191;
}
.scrollbar-outer > .scroll-content.scroll-scrolly_visible
{
left: -12px;
margin-left: 12px;
}
.scrollbar-outer > .scroll-content.scroll-scrollx_visible
{
top: -12px;
margin-top: 12px;
}
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar
{
min-width: 10px;
}
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar
{
min-height: 10px;
}
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
{
left: -14px;
}
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
{
top: -14px;
}
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
left: -14px;
}
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
top: -14px;
}
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
position: absolute;
z-index: 10;
margin: 0;
padding: 0;
border: none;
background: none;
}
.scrollbar-macosx > .scroll-element div
{
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.scrollbar-macosx > .scroll-element .scroll-element_track
{
display: none;
}
.scrollbar-macosx > .scroll-element .scroll-bar
{
display: block;
transition: opacity .2s linear;
opacity: 0;
border-radius: 7px;
background-color: #6c6e71;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
filter: alpha(opacity=0);
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar
{
opacity: .7;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
filter: alpha(opacity=70);
}
.scrollbar-macosx > .scroll-element.scroll-x
{
bottom: 0;
left: 0;
overflow: visible;
width: 100%;
min-width: 100%;
height: 0;
}
.scrollbar-macosx > .scroll-element.scroll-y
{
top: 0;
right: 0;
width: 0;
height: 100%;
min-height: 100%;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar
{
top: -9px;
min-width: 10px;
height: 7px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar
{
left: -9px;
width: 7px;
min-height: 10px;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer
{
left: 2px;
}
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size
{
left: -4px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer
{
top: 2px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size
{
top: -4px;
}
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
left: -11px;
}
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
top: -11px;
}
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div
{
position: absolute;
z-index: 10;
overflow: hidden;
margin: 0;
padding: 0;
border: none;
}
.scrollbar-light > .scroll-element
{
background-color: #fff;
}
.scrollbar-light > .scroll-element div
{
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.scrollbar-light > .scroll-element .scroll-element_outer
{
border-radius: 10px;
}
.scrollbar-light > .scroll-element .scroll-element_size
{
border-radius: 10px;
background: #dbdbdb;
background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
}
.scrollbar-light > .scroll-element.scroll-x
{
bottom: 0;
left: 0;
width: 100%;
min-width: 100%;
height: 17px;
}
.scrollbar-light > .scroll-element.scroll-y
{
top: 0;
right: 0;
width: 17px;
height: 100%;
min-height: 100%;
}
.scrollbar-light > .scroll-element .scroll-bar
{
border: 1px solid #dbdbdb;
border-radius: 10px;
background: #fefefe;
background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
}
.scrollbar-light > .scroll-content.scroll-scrolly_visible
{
left: -17px;
margin-left: 17px;
}
.scrollbar-light > .scroll-content.scroll-scrollx_visible
{
top: -17px;
margin-top: 17px;
}
.scrollbar-light > .scroll-element.scroll-x .scroll-bar
{
top: 0;
min-width: 10px;
height: 10px;
}
.scrollbar-light > .scroll-element.scroll-y .scroll-bar
{
left: 0;
width: 10px;
min-height: 10px;
}
.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer
{
top: 2px;
left: 2px;
height: 12px;
}
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size
{
left: -4px;
}
.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer
{
top: 2px;
left: 2px;
width: 12px;
}
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size
{
top: -4px;
}
.scrollbar-rail > .scroll-content.scroll-scrolly_visible
{
left: -17px;
margin-left: 17px;
}
.scrollbar-rail > .scroll-content.scroll-scrollx_visible
{
top: -17px;
margin-top: 17px;
}
.scrollbar-rail > .scroll-element.scroll-x .scroll-bar
{
top: 1px;
min-width: 10px;
height: 10px;
}
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar
{
left: 1px;
width: 10px;
min-height: 10px;
}
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer
{
left: 5px;
height: 15px;
}
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size
{
top: 5px;
left: -10px;
height: 2px;
}
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer
{
top: 5px;
width: 15px;
}
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size
{
top: -10px;
left: 5px;
width: 2px;
}
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
left: -25px;
}
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
top: -25px;
}
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
{
left: -25px;
}
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
{
top: -25px;
}
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
position: absolute;
z-index: 10;
margin: 0;
padding: 0;
border: none;
background: none;
}
.scrollbar-dynamic > .scroll-element div
{
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.scrollbar-dynamic > .scroll-element.scroll-x
{
bottom: 2px;
left: 0;
width: 100%;
min-width: 100%;
height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y
{
top: 0;
right: 2px;
width: 7px;
height: 100%;
min-height: 100%;
}
.scrollbar-dynamic > .scroll-element .scroll-element_outer
{
opacity: .3;
border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size
{
transition: opacity .2s;
opacity: 0;
border-radius: 12px;
background-color: #ccc;
}
.scrollbar-dynamic > .scroll-element .scroll-bar
{
border-radius: 7px;
background-color: #6c6e71;
}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar
{
top: auto;
bottom: 0;
min-width: 24px;
height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar
{
right: 0;
left: auto;
width: 7px;
min-height: 24px;
}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer
{
top: auto;
bottom: 0;
left: 2px;
transition: height .2s;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer
{
top: 2px;
right: 0;
left: auto;
transition: width .2s;
}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size
{
left: -4px;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size
{
top: -4px;
}
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
left: -11px;
}
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
top: -11px;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer
{
overflow: hidden;
opacity: .7;
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
filter: alpha(opacity=70);
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size
{
opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar
{
width: 100%;
height: 100%;
border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer
{
height: 20px;
min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer
{
width: 20px;
min-width: 7px;
}
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div
{
position: absolute;
z-index: 10;
overflow: hidden;
margin: 0;
padding: 0;
border: none;
}
.scrollbar-chrome > .scroll-element
{
background-color: #fff;
}
.scrollbar-chrome > .scroll-element div
{
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.scrollbar-chrome > .scroll-element .scroll-element_track
{
border: 1px solid #dbdbdb;
background: #f1f1f1;
}
.scrollbar-chrome > .scroll-element.scroll-x
{
bottom: 0;
left: 0;
width: 100%;
min-width: 100%;
height: 16px;
}
.scrollbar-chrome > .scroll-element.scroll-y
{
top: 0;
right: 0;
width: 16px;
height: 100%;
min-height: 100%;
}
.scrollbar-chrome > .scroll-element .scroll-bar
{
cursor: default;
border: 1px solid #bdbdbd;
border-radius: 2px;
background-color: #d9d9d9;
}
.scrollbar-chrome > .scroll-element .scroll-bar:hover
{
border-color: #a9a9a9;
background-color: #c2c2c2;
}
.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar
{
border-color: #7e7e7e;
background-color: #919191;
}
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible
{
left: -16px;
margin-left: 16px;
}
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible
{
top: -16px;
margin-top: 16px;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar
{
top: 3px;
min-width: 10px;
height: 8px;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar
{
left: 3px;
width: 8px;
min-height: 10px;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer
{
border-left: 1px solid #dbdbdb;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track
{
left: -3px;
height: 14px;
}
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size
{
left: -4px;
height: 14px;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer
{
border-top: 1px solid #dbdbdb;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track
{
top: -3px;
width: 14px;
}
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size
{
top: -4px;
width: 14px;
}
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size
{
left: -19px;
}
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size
{
top: -19px;
}
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track
{
left: -19px;
}
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track
{
top: -19px;
}
.scrollbar-inner
{
height: 100%;
}
.scrollbar-inner:not(:hover) .scroll-element
{
opacity: 0;
}
.scrollbar-inner .scroll-element
{
margin-right: 2px;
transition: opacity 300ms;
}
.scrollbar-inner .scroll-element .scroll-bar,
.scrollbar-inner .scroll-element .scroll-element_track
{
transition: background-color 300ms;
}
.scrollbar-inner .scroll-element .scroll-element_track
{
background-color: transparent;
}
.scrollbar-inner .scroll-element:hover
{
width: 4px;
}
.scrollbar-inner .scroll-element.scroll-y
{
right: 0;
width: 3px;
}
.scrollbar-inner .scroll-element.scroll-x
{
bottom: 0;
height: 3px;
}
.select2-selection__arrow
{
display: none;
}
.select2.select2-container
{
width: 100% !important;
}
.select2-container .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field
{
font-size: 1rem;
line-height: 1.5;
display: block;
width: 100%;
height: calc(2.75rem + 2px);
padding: .625rem .75rem;
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
color: #8898aa;
border: 1px solid #dee2e6;
border-radius: .25rem;
background-color: #fff;
background-clip: padding-box;
box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
}
@media screen and (prefers-reduced-motion: reduce)
{
.select2-container .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-search--dropdown .select2-search__field
{
transition: none;
}
}
.select2-container .select2-selection--single::-ms-expand,
.select2-container--default.select2-container--focus .select2-selection--multiple::-ms-expand,
.select2-container--default .select2-selection--multiple::-ms-expand,
.select2-container--default .select2-search--dropdown .select2-search__field::-ms-expand
{
border: 0;
background-color: transparent;
}
.select2-container .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple:focus,
.select2-container--default .select2-selection--multiple:focus,
.select2-container--default .select2-search--dropdown .select2-search__field:focus
{
color: #8898aa;
border-color: #5e72e4;
outline: 0;
background-color: #fff;
box-shadow: 0 3px 9px rgba(50, 50, 9, 0), 3px 4px 8px rgba(94, 114, 228, .1);
}
.select2-container .select2-selection--single::-ms-input-placeholder,
.select2-container--default.select2-container--focus .select2-selection--multiple::-ms-input-placeholder,
.select2-container--default .select2-selection--multiple::-ms-input-placeholder,
.select2-container--default .select2-search--dropdown .select2-search__field::-ms-input-placeholder
{
opacity: 1;
color: #adb5bd;
}
.select2-container .select2-selection--single::placeholder,
.select2-container--default.select2-container--focus .select2-selection--multiple::placeholder,
.select2-container--default .select2-selection--multiple::placeholder,
.select2-container--default .select2-search--dropdown .select2-search__field::placeholder
{
opacity: 1;
color: #adb5bd;
}
.select2-container .select2-selection--single:disabled,
.select2-container .select2-selection--single[readonly],
.select2-container--default.select2-container--focus .select2-selection--multiple:disabled,
.select2-container--default.select2-container--focus .select2-selection--multiple[readonly],
.select2-container--default .select2-selection--multiple:disabled,
.select2-container--default .select2-selection--multiple[readonly],
.select2-container--default .select2-search--dropdown .select2-search__field:disabled,
.select2-container--default .select2-search--dropdown .select2-search__field[readonly]
{
opacity: 1;
background-color: #e9ecef;
}
.select2-container .select2-selection--single .select2-selection__rendered
{
overflow: inherit;
padding: 0;
white-space: inherit;
text-overflow: inherit;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
line-height: inherit;
color: inherit;
}
.select2-dropdown
{
padding: .5rem 0;
border: 1px solid #dee2e6;
border-radius: .4375rem;
background-color: #fff;
}
.select2-results__option
{
font-size: .875rem;
padding: .5rem .75rem;
color: #212529;
background-color: #fff;
}
.select2-results__option:hover,
.select2-results__option:focus
{
text-decoration: none;
color: #16181b;
background-color: #f6f9fc;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected='true']
{
color: #16181b;
background-color: transparent;
}
.select2-container--default .select2-results__option[aria-disabled=true]
{
color: #8898aa;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default .select2-selection--multiple
{
height: auto;
min-height: calc(2.75rem + 2px);
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered
{
display: block;
margin: 0 0 -.25rem -.25rem;
padding: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice
{
font-size: .875rem;
line-height: 1.5rem;
display: inline-flex;
margin: 0 0 .25rem .25rem;
padding: 0 .5rem;
color: #8898aa;
border: none;
border-radius: .25rem;
background-color: #adb5bd;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
margin-left: .5rem;
color: #8898aa;
order: 2;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover
{
color: #525f7f;
}
.select2-container .select2-search--inline
{
display: none;
}
.select2-selection[aria-expanded='true']
{
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.select2-search--dropdown
{
padding: .5rem .75rem;
}
.select2-container--default .select2-search--dropdown .select2-search__field
{
font-size: .875rem;
line-height: 1.5;
padding: .25rem .5rem;
border-radius: .25rem;
}
.form-control-sm + .select2-container .select2-selection--single,
.form-control-sm + .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control-sm + .select2-container--default .select2-selection--multiple
{
font-size: .875rem;
line-height: 1.5;
height: calc(1.8125rem + 2px);
padding: .25rem .5rem;
border-radius: .25rem;
}
.form-control-sm + .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control-sm + .select2-container--default .select2-selection--multiple
{
min-height: calc(1.8125rem + 2px);
}
.form-control-sm + .select2-container--default .select2-selection--multiple .select2-selection__choice
{
line-height: 1.3125rem;
}
.form-control-lg + .select2-container .select2-selection--single,
.form-control-lg + .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control-lg + .select2-container--default .select2-selection--multiple
{
font-size: 1.25rem;
line-height: 1.5;
height: calc(3.625rem + 2px);
padding: .875rem 1rem;
border-radius: .4375rem;
}
.form-control-lg + .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-control-lg + .select2-container--default .select2-selection--multiple
{
min-height: calc(3.625rem + 2px);
}
.form-control-lg + .select2-container--default .select2-selection--multiple .select2-selection__choice
{
line-height: 1.875rem;
}
.swal2-popup
{
padding: 1.5rem;
}
.swal2-popup .swal2-title
{
font-size: 1.5rem;
}
.swal2-popup .swal2-content
{
font-size: .875rem;
}
.swal2-popup .swal2-image
{
max-width: 200px;
}
@import url("https://fonts.intercomcdn.com/proxima-nova/proxima-nova-all.css");
html {
color: #222;
font-size: 1em;
line-height: 1.4
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none
}
::selection {
background: #b3d4fc;
text-shadow: none
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0
}
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle
}
fieldset {
border: 0;
margin: 0;
padding: 0
}
textarea {
resize: vertical
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
min-height: 100%
}
html *,
html *:before,
html *:after {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
body {
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.6;
color: #565867;
font-weight: 400;
background: #f3f5f7;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
-moz-osx-font-smoothing: grayscale;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
height: 100%;
min-height: 100%
}
img,
video,
svg {
max-width: 100%
}
a {
color: inherit;
}
.card-body a {
color: inherit;
}
a:hover {
text-decoration: none
}
.container {
padding-left: 40px;
padding-right: 40px;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto
}
@media (max-width: 767px) {
.container {
padding-left: 40px;
padding-right: 40px
}
.bord-bot {
padding-bottom: 16px;
border-bottom: 1px solid #e7e9ed;
margin-bottom: 13px;
}
}
@media (max-width: 600px) {
#suppertCenter-component .container {
padding-left: 20px;
padding-right: 20px
}
.nav {
display: block;
}
.nav-fill .nav-item {
flex: 0;
width: 50%;
}
.support-messages.addMessageWidth, .messanger-search-user-container.addMessageWidth {
width: 100%;
}
}
input#article-name {
padding: 7px;
margin: 24px 0px;
}
#suppertCenter-component .content__narrow {
width: 640px
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.44;
font-weight: 600;
color: #000000;
}
.intercom-messenger-auto-opened .intercom-sheet-header-close-button,
.intercom-messenger-auto-opened .intercom-sheet-header-minimize-button,
.intercom-messenger-auto-opened .intercom-launcher-button {
display: none
}
.mo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.mo.o__centered {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.mo.o__reversed > .mo__aside {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin: 0 0 0 1em
}
.mo__body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 0;
position: relative
}
.mo__aside {
margin-right: 1rem
}
[type="text"],
[type="email"],
[type="number"],
textarea {
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.t__h1 {
font-size: 33px;
font-weight: normal;
padding: 9px 0px 0px 8px;
}
.t__h2 {
margin: 0 0 2px;
font-size: 22px
}
.t__h3 {
margin: -5px 0 2px;
font-size: 21px;
color: #b90000;
font-weight: 700;
}
.t__small {
font-size: 14px
}
.t__h4 {
font-size: 18px
}
.t__h4-section {
position: relative;
top: 12px
}
@media (max-width: 600px) {
.t__h1 {
font-size: 34px
}
.t__h2 {
font-size: 30px
}
}
.t__no-und {
text-decoration: none
}
.c__light {
color: #8f919d
}
.c__body-2 {
color: #565867
}
.c__secondary {
color: #6b6e85
}
.c__darker {
color: #4f5e6b
}
.g__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -26px -13px 0
}
.no-flexbox .g__row:before,
.no-flexbox .g__row:after {
content: ' ';
display: table
}
.no-flexbox .g__row:after {
clear: both
}
.g__row + .g__row {
margin-top: 0
}
[class^=g__c],
[class*=" g__c"] {
padding: 26px 13px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.g__c1 {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
width: 8.33333%
}
.no-flexbox .g__c1 {
float: left
}
.g__c2 {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
width: 16.66667%
}
.no-flexbox .g__c2 {
float: left
}
.g__c3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
width: 25%
}
.no-flexbox .g__c3 {
float: left
}
.g__c4 {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
width: 33.33333%
}
.no-flexbox .g__c4 {
float: left
}
.g__c5 {
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
width: 41.66667%
}
.no-flexbox .g__c5 {
float: left
}
.g__c6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%
}
.no-flexbox .g__c6 {
float: left
}
.g__c7 {
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
width: 58.33333%
}
.no-flexbox .g__c7 {
float: left
}
.g__c8 {
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
width: 66.66667%
}
.no-flexbox .g__c8 {
float: left
}
.g__c9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
width: 75%
}
.no-flexbox .g__c9 {
float: left
}
.g__c10 {
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
width: 83.33333%
}
.no-flexbox .g__c10 {
float: left
}
.g__c11 {
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
width: 91.66667%
}
.no-flexbox .g__c11 {
float: left
}
.g__c12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%
}
.no-flexbox .g__c12 {
float: left
}
@media (max-width: 600px) {
.g__c1--sm {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
width: 8.33333%
}
.no-flexbox .g__c1--sm {
float: left
}
}
@media (min-width: 601px) and (max-width: 767px) {
.g__c1--md {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
width: 8.33333%
}
.no-flexbox .g__c1--md {
float: left
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.g__c1--lg {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
width: 8.33333%
}
.no-flexbox .g__c1--lg {
float: left
}
}
@media (min-width: 1601px) {
.g__c1--xlg {
-ms-flex-preferred-size: 8.33333%;
flex-basis: 8.33333%;
width: 8.33333%
}
.no-flexbox .g__c1--xlg {
float: left
}
}
@media (max-width: 600px) {
.g__c2--sm {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
width: 16.66667%
}
.no-flexbox .g__c2--sm {
float: left
}
}
@media (min-width: 601px) and (max-width: 767px) {
.g__c2--md {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
width: 16.66667%
}
.no-flexbox .g__c2--md {
float: left
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.g__c2--lg {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
width: 16.66667%
}
.no-flexbox .g__c2--lg {
float: left
}
}
@media (min-width: 1601px) {
.g__c2--xlg {
-ms-flex-preferred-size: 16.66667%;
flex-basis: 16.66667%;
width: 16.66667%
}
.no-flexbox .g__c2--xlg {
float: left
}
}
@media (max-width: 600px) {
.g__c3--sm {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
width: 25%
}
.no-flexbox .g__c3--sm {
float: left
}
}
@media (min-width: 601px) and (max-width: 767px) {
.g__c3--md {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
width: 25%
}
.no-flexbox .g__c3--md {
float: left
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.g__c3--lg {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
width: 25%
}
.no-flexbox .g__c3--lg {
float: left
}
}
@media (min-width: 1601px) {
.g__c3--xlg {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
width: 25%
}
.no-flexbox .g__c3--xlg {
float: left
}
}
@media (max-width: 600px) {
.g__c4--sm {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
width: 33.33333%
}
.no-flexbox .g__c4--sm {
float: left
}
}
@media (min-width: 601px) and (max-width: 767px) {
.g__c4--md {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
width: 33.33333%
}
.no-flexbox .g__c4--md {
float: left
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.g__c4--lg {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
width: 33.33333%
}
.no-flexbox .g__c4--lg {
float: left
}
}
@media (min-width: 1601px) {
.g__c4--xlg {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
width: 33.33333%
}
.no-flexbox .g__c4--xlg {
float: left
}
}
@media (max-width: 600px) {
.g__c5--sm {
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
width: 41.66667%
}
.no-flexbox .g__c5--sm {
float: left
}
}
@media (min-width: 601px) and (max-width: 767px) {
.g__c5--md {
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
width: 41.66667%
}
.no-flexbox .g__c5--md {
float: left
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.g__c5--lg {
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
width: 41.66667%
}
.no-flexbox .g__c5--lg {
float: left
}
}
@media (min-width: 1601px) {
.g__c5--xlg {
-ms-flex-preferred-size: 41.66667%;
flex-basis: 41.66667%;
width: 41.66667%
}
.no-flexbox .g__c5--xlg {
float: left
}
}
@media (max-width: 600px) {
.g__c6--sm {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%
}
.no-flexbox .g__c6--sm {
float: left
}
}
@media (min-width: 601px) and (max-width: 767px) {
.g__c6--md {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%
}
.no-flexbox .g__c6--md {
float: left
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.g__c6--lg {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%
}
.no-flexbox .g__c6--lg {
float: left
}
}
@media (min-width: 1601px) {
.g__c6--xlg {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
width: 50%
}
.no-flexbox .g__c6--xlg {
float: left
}
}
@media (max-width: 600px) {
.g__c7--sm {
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
width: 58.33333%
}
.no-flexbox .g__c7--sm {
float: left
}
}
@media (min-width: 601px) and (max-width: 767px) {
.g__c7--md {
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
width: 58.33333%
}
.no-flexbox .g__c7--md {
float: left
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.g__c7--lg {
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
width: 58.33333%
}
.no-flexbox .g__c7--lg {
float: left
}
}
@media (min-width: 1601px) {
.g__c7--xlg {
-ms-flex-preferred-size: 58.33333%;
flex-basis: 58.33333%;
width: 58.33333%
}
.no-flexbox .g__c7--xlg {
float: left
}
}
@media (max-width: 600px) {
.g__c8--sm {
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
width: 66.66667%
}
.no-flexbox .g__c8--sm {
float: left
}
}
@media (min-width: 601px) and (max-width: 767px) {
.g__c8--md {
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
width: 66.66667%
}
.no-flexbox .g__c8--md {
float: left
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.g__c8--lg {
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
width: 66.66667%
}
.no-flexbox .g__c8--lg {
float: left
}
}
@media (min-width: 1601px) {
.g__c8--xlg {
-ms-flex-preferred-size: 66.66667%;
flex-basis: 66.66667%;
width: 66.66667%
}
.no-flexbox .g__c8--xlg {
float: left
}
}
@media (max-width: 600px) {
.g__c9--sm {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
width: 75%
}
.no-flexbox .g__c9--sm {
float: left
}
}
@media (min-width: 601px) and (max-width: 767px) {
.g__c9--md {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
width: 75%
}
.no-flexbox .g__c9--md {
float: left
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.g__c9--lg {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
width: 75%
}
.no-flexbox .g__c9--lg {
float: left
}
}
@media (min-width: 1601px) {
.g__c9--xlg {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
width: 75%
}
.no-flexbox .g__c9--xlg {
float: left
}
}
@media (max-width: 600px) {
.g__c10--sm {
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
width: 83.33333%
}
.no-flexbox .g__c10--sm {
float: left
}
}
@media (min-width: 601px) and (max-width: 767px) {
.g__c10--md {
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
width: 83.33333%
}
.no-flexbox .g__c10--md {
float: left
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.g__c10--lg {
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
width: 83.33333%
}
.no-flexbox .g__c10--lg {
float: left
}
}
@media (min-width: 1601px) {
.g__c10--xlg {
-ms-flex-preferred-size: 83.33333%;
flex-basis: 83.33333%;
width: 83.33333%
}
.no-flexbox .g__c10--xlg {
float: left
}
}
@media (max-width: 600px) {
.g__c11--sm {
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
width: 91.66667%
}
.no-flexbox .g__c11--sm {
float: left
}
}
@media (min-width: 601px) and (max-width: 767px) {
.g__c11--md {
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
width: 91.66667%
}
.no-flexbox .g__c11--md {
float: left
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.g__c11--lg {
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
width: 91.66667%
}
.no-flexbox .g__c11--lg {
float: left
}
}
@media (min-width: 1601px) {
.g__c11--xlg {
-ms-flex-preferred-size: 91.66667%;
flex-basis: 91.66667%;
width: 91.66667%
}
.no-flexbox .g__c11--xlg {
float: left
}
}
@media (max-width: 600px) {
.g__c12--sm {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%
}
.no-flexbox .g__c12--sm {
float: left
}
}
@media (min-width: 601px) and (max-width: 767px) {
.g__c12--md {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%
}
.no-flexbox .g__c12--md {
float: left
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.g__c12--lg {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%
}
.no-flexbox .g__c12--lg {
float: left
}
}
@media (min-width: 1601px) {
.g__c12--xlg {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%
}
.no-flexbox .g__c12--xlg {
float: left
}
}
.g__space + .g__space {
margin-top: 16px
}
.g__space + .g__space:empty {
margin-top: 0
}
.g__space-lite + .g__space-lite {
margin-top: 15px
}
.u__hidden {
display: none !important
}
@media (max-width: 600px) {
.u__hidden--sm {
display: none !important
}
}
@media (min-width: 601px) and (max-width: 767px) {
.u__hidden--md {
display: none !important
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.u__hidden--lg {
display: none !important
}
}
@media (min-width: 1601px) {
.u__hidden--xlg {
display: none !important
}
}
.u__cf:before,
.u__cf:after {
content: ' ';
display: table
}
.u__cf:after {
clear: both
}
@media (max-width: 600px) {
.u__cf--sm:before,
.u__cf--sm:after {
content: ' ';
display: table
}
.u__cf--sm:after {
clear: both
}
}
@media (min-width: 601px) and (max-width: 767px) {
.u__cf--md:before,
.u__cf--md:after {
content: ' ';
display: table
}
.u__cf--md:after {
clear: both
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.u__cf--lg:before,
.u__cf--lg:after {
content: ' ';
display: table
}
.u__cf--lg:after {
clear: both
}
}
@media (min-width: 1601px) {
.u__cf--xlg:before,
.u__cf--xlg:after {
content: ' ';
display: table
}
.u__cf--xlg:after {
clear: both
}
}
.u__left {
float: left
}
@media (max-width: 600px) {
.u__left--sm {
float: left
}
}
@media (min-width: 601px) and (max-width: 767px) {
.u__left--md {
float: left
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.u__left--lg {
float: left
}
}
@media (min-width: 1601px) {
.u__left--xlg {
float: left
}
}
.u__right {
float: right
}
@media (max-width: 600px) {
.u__right--sm {
float: right
}
}
@media (min-width: 601px) and (max-width: 767px) {
.u__right--md {
float: right
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.u__right--lg {
float: right
}
}
@media (min-width: 1601px) {
.u__right--xlg {
float: right
}
}
.u__reset {
margin: 0;
padding: 0;
list-style: none
}
.u__block {
display: block
}
.u__inline-block {
display: inline-block
}
.u__flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.u__flex-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.u__last-item {
margin-bottom: 0
}
.u__relative {
position: relative
}
.u__full-width {
width: 100%
}
.sp__1 {
display: block;
height: 10px
}
.sp__2 {
display: block;
height: 20px
}
.sp__3 {
display: block;
height: 30px
}
.sp__4 {
display: block;
height: 40px
}
.sp__5 {
display: block;
height: 50px
}
.sp__6 {
display: block;
height: 60px
}
.sp__7 {
display: block;
height: 70px
}
.sp__8 {
display: block;
height: 80px
}
.sp__9 {
display: block;
height: 90px
}
.sp__10 {
display: block;
height: 100px
}
.sp__11 {
display: block;
height: 110px
}
.sp__12 {
display: block;
height: 120px
}
.sp__13 {
display: block;
height: 130px
}
.sp__14 {
display: block;
height: 140px
}
.sp__15 {
display: block;
height: 150px
}
.sp__16 {
display: block;
height: 160px
}
.sp__17 {
display: block;
height: 170px
}
.sp__18 {
display: block;
height: 180px
}
.sp__19 {
display: block;
height: 190px
}
.sp__20 {
display: block;
height: 200px
}
@media (max-width: 600px) {
.sp__1--sm {
display: block;
height: 10px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__1--md {
display: block;
height: 10px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__1--lg {
display: block;
height: 10px
}
}
@media (min-width: 1601px) {
.sp__1--xlg {
display: block;
height: 10px
}
}
@media (max-width: 600px) {
.sp__2--sm {
display: block;
height: 20px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__2--md {
display: block;
height: 20px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__2--lg {
display: block;
height: 20px
}
}
@media (min-width: 1601px) {
.sp__2--xlg {
display: block;
height: 20px
}
}
@media (max-width: 600px) {
.sp__3--sm {
display: block;
height: 30px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__3--md {
display: block;
height: 30px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__3--lg {
display: block;
height: 30px
}
}
@media (min-width: 1601px) {
.sp__3--xlg {
display: block;
height: 30px
}
}
@media (max-width: 600px) {
.sp__4--sm {
display: block;
height: 40px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__4--md {
display: block;
height: 40px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__4--lg {
display: block;
height: 40px
}
}
@media (min-width: 1601px) {
.sp__4--xlg {
display: block;
height: 40px
}
}
@media (max-width: 600px) {
.sp__5--sm {
display: block;
height: 50px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__5--md {
display: block;
height: 50px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__5--lg {
display: block;
height: 50px
}
}
@media (min-width: 1601px) {
.sp__5--xlg {
display: block;
height: 50px
}
}
@media (max-width: 600px) {
.sp__6--sm {
display: block;
height: 60px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__6--md {
display: block;
height: 60px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__6--lg {
display: block;
height: 60px
}
}
@media (min-width: 1601px) {
.sp__6--xlg {
display: block;
height: 60px
}
}
@media (max-width: 600px) {
.sp__7--sm {
display: block;
height: 70px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__7--md {
display: block;
height: 70px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__7--lg {
display: block;
height: 70px
}
}
@media (min-width: 1601px) {
.sp__7--xlg {
display: block;
height: 70px
}
}
@media (max-width: 600px) {
.sp__8--sm {
display: block;
height: 80px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__8--md {
display: block;
height: 80px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__8--lg {
display: block;
height: 80px
}
}
@media (min-width: 1601px) {
.sp__8--xlg {
display: block;
height: 80px
}
}
@media (max-width: 600px) {
.sp__9--sm {
display: block;
height: 90px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__9--md {
display: block;
height: 90px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__9--lg {
display: block;
height: 90px
}
}
@media (min-width: 1601px) {
.sp__9--xlg {
display: block;
height: 90px
}
}
@media (max-width: 600px) {
.sp__10--sm {
display: block;
height: 100px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__10--md {
display: block;
height: 100px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__10--lg {
display: block;
height: 100px
}
}
@media (min-width: 1601px) {
.sp__10--xlg {
display: block;
height: 100px
}
}
@media (max-width: 600px) {
.sp__11--sm {
display: block;
height: 110px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__11--md {
display: block;
height: 110px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__11--lg {
display: block;
height: 110px
}
}
@media (min-width: 1601px) {
.sp__11--xlg {
display: block;
height: 110px
}
}
@media (max-width: 600px) {
.sp__12--sm {
display: block;
height: 120px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__12--md {
display: block;
height: 120px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__12--lg {
display: block;
height: 120px
}
}
@media (min-width: 1601px) {
.sp__12--xlg {
display: block;
height: 120px
}
}
@media (max-width: 600px) {
.sp__13--sm {
display: block;
height: 130px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__13--md {
display: block;
height: 130px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__13--lg {
display: block;
height: 130px
}
}
@media (min-width: 1601px) {
.sp__13--xlg {
display: block;
height: 130px
}
}
@media (max-width: 600px) {
.sp__14--sm {
display: block;
height: 140px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__14--md {
display: block;
height: 140px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__14--lg {
display: block;
height: 140px
}
}
@media (min-width: 1601px) {
.sp__14--xlg {
display: block;
height: 140px
}
}
@media (max-width: 600px) {
.sp__15--sm {
display: block;
height: 150px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__15--md {
display: block;
height: 150px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__15--lg {
display: block;
height: 150px
}
}
@media (min-width: 1601px) {
.sp__15--xlg {
display: block;
height: 150px
}
}
@media (max-width: 600px) {
.sp__16--sm {
display: block;
height: 160px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__16--md {
display: block;
height: 160px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__16--lg {
display: block;
height: 160px
}
}
@media (min-width: 1601px) {
.sp__16--xlg {
display: block;
height: 160px
}
}
@media (max-width: 600px) {
.sp__17--sm {
display: block;
height: 170px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__17--md {
display: block;
height: 170px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__17--lg {
display: block;
height: 170px
}
}
@media (min-width: 1601px) {
.sp__17--xlg {
display: block;
height: 170px
}
}
@media (max-width: 600px) {
.sp__18--sm {
display: block;
height: 180px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__18--md {
display: block;
height: 180px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__18--lg {
display: block;
height: 180px
}
}
@media (min-width: 1601px) {
.sp__18--xlg {
display: block;
height: 180px
}
}
@media (max-width: 600px) {
.sp__19--sm {
display: block;
height: 190px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__19--md {
display: block;
height: 190px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__19--lg {
display: block;
height: 190px
}
}
@media (min-width: 1601px) {
.sp__19--xlg {
display: block;
height: 190px
}
}
@media (max-width: 600px) {
.sp__20--sm {
display: block;
height: 200px
}
}
@media (min-width: 601px) and (max-width: 767px) {
.sp__20--md {
display: block;
height: 200px
}
}
@media (min-width: 768px) and (max-width: 1600px) {
.sp__20--lg {
display: block;
height: 200px
}
}
@media (min-width: 1601px) {
.sp__20--xlg {
display: block;
height: 200px
}
}
.section {
padding-top: 26px
}
.section__centered {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.section__bg {
padding-top: 0;
padding-bottom: 26px;
position: relative
}
.section__bg > * {
position: relative;
z-index: 1
}
.section__bg:before {
content: ' ';
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #e8e8e8;
background: rgba(228, 228, 229, 0.64);
border-radius: 4px;
-webkit-transition: background .3s;
-o-transition: background .3s;
transition: background .3s;
z-index: 0
}
.intercom-align-right {
text-align: right !important
}
.intercom-align-center {
text-align: center !important
}
.intercom-align-left {
text-align: left !important
}
.intercom-align-left .intercom-h2b-button {
margin-left: 0 !important
}
.right-to-left .intercom-align-right,
[dir="rtl"] .intercom-align-right {
text-align: left !important
}
.right-to-left .intercom-align-left,
[dir="rtl"] .intercom-align-left {
text-align: right !important
}
[dir="rtl"] .intercom-align-left,
.right-to-left .intercom-align-left {
text-align: right !important
}
[dir="rtl"] li,
.right-to-left li {
text-align: right !important;
direction: rtl
}
[dir="rtl"] .intercom-align-left img,
.right-to-left .intercom-align-left img,
[dir="rtl"] .intercom-align-left .intercom-h2b-button,
.right-to-left .intercom-align-left .intercom-h2b-button {
margin-left: 0 !important
}
.intercom-attachment,
.intercom-attachments,
.intercom-attachments td,
.intercom-attachments th,
.intercom-attachments tr,
.intercom-attachments tbody,
.intercom-attachments .icon,
.intercom-attachments .icon img {
border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 0 !important;
margin: 0 !important
}
.intercom-attachments {
margin: 10px 0 !important
}
.intercom-attachments .icon,
.intercom-attachments .icon img {
width: 16px !important;
height: 16px !important
}
.intercom-attachments .icon {
padding-right: 5px !important
}
.intercom-attachment {
display: inline-block !important;
margin-bottom: 5px !important
}
.intercom-force-break {
overflow-wrap: break-word;
word-wrap: break-word
}
.link__arrow {
position: relative;
font-size: 14px;
text-decoration: none;
display: inline-block;
color: #8f919d;
margin: 0 7px 7px 0;
padding-right: 16px;
top: -6px
}
.link__arrow a {
color: #4f5e6b;
text-decoration: none
}
.link__arrow a:hover {
color: #242a30
}
.link__arrow:before {
content: ' ';
position: absolute;
display: block;
top: 50%;
margin-top: -5px;
right: 0;
width: 7px;
height: 12px;
font-size: 36px;
color: #acb8c2;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAYCAYAAADKx8xXAAAAqUlEQVR4AbXUNRLCABSEYbTC3a6BU8ftBlyA+/dscHYii+TN/OUXzyvFEx1PdbRFzZI4MaqiAwqQidoqXN3QPQt1FLhAPmEbdRU8Q14C7it4moAdNFDwOAG7aKTgEXIT8FjBgwTsoamC+8hJwDMF95BN2EcLBXeQRXhVDJQvNeHh2MrD4dfhqK+DPwBG498/OfkjF34rRv1vfuReIauDl5WlLitejy3VnAHtSsjA994UIwAAAABJRU5ErkJggg==") no-repeat;
background-size: 100%
}
.link__arrow:last-child:before {
display: none
}
.link__arrow.o__rtl {
margin: 0 0 7px 7px;
padding-right: 0;
padding-left: 16px
}
.link__arrow.o__rtl:before {
right: auto;
left: 0;
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1)
}
.header {
color: white;
padding: 20px 0;
margin-bottom: 7px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
position: relative;
background-size: cover;
background-position: 50%;
}
.header:before,
.header:after {
content: ' ';
display: table
}
.header:after {
clear: both
}
.header__meta_wrapper {
margin-bottom: 15px;
}
.header__logo {
font-size: 16px;
text-decoration: none;
font-weight: 600;
position: relative;
z-index: 2;
max-width: 50px;
}
.header__logo img {
max-width: 360px;
max-height: 35px;
vertical-align: baseline;
-webkit-backface-visibility: hidden;
-ms-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.header__logo a {
display: inline-block;
text-decoration: none
}
.header__headline {
font-size: 28px;
font-weight: 300;
margin: 0px 6px 14px;
color: inherit;
position: absolute;
top: -45px;
font-family: 'AvantGardeLT-Bold';
}
.animation__header-lite .header,
.header__lite .header {
padding: 25px 0
}
.animation__header-lite .header__form.header__form,
.header__lite .header__form.header__form {
width: 100%
}
.animation__header-lite .search__input,
.header__lite .search__input {
padding-top: 16px;
padding-bottom: 16px
}
.animation__header-lite .header__logo,
.header__lite .header__logo {
width: 200px;
margin-bottom: 0 !important
}
.animation__header-lite .header__name,
.header__lite .header__name {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%)
}
@media (max-width: 900px) {
.animation__header-lite .header__form.header__form,
.header__lite .header__form.header__form {
width: 100%
}
}
.header__lite .header__logo {
margin: 0
}
.header__lite .header__form.header__form {
margin-left: auto;
float: right
}
.header__lite .header__container.o__rtl .header__form.header__form {
float: left
}
@media (max-width: 900px) {
.header__lite .header__logo {
margin-bottom: 30px
}
.header__lite .header__form.header__form {
float: none;
margin-top: 20px
}
.header__lite .header__container {
display: block
}
}
@media (max-width: 600px) {
.header__search-input {
font-size: 16px;
padding: 18px 65px 18px 18px
}
}
.header__links {
width: auto;
font-weight: 600
}
.header__links a:hover {
opacity: 0.8
}
.header__links svg {
width: 13px;
height: 13px;
margin-right: 8px;
vertical-align: middle
}
.header__links span {
font-size: 14px;
display: inline-block;
vertical-align: middle
}
@media only screen and (max-width: 900px) {
.header__links {
position: absolute;
top: 10px;
right: 20px
}
.header__links span {
font-size: 13px
}
.header__links svg {
width: 11px;
height: 11px
}
}
@media (max-width: 170px) {
.header__links {
display: none
}
}
.header.o__mobile_embedded {
padding-top: 20px;
padding-bottom: 20px
}
.header.o__mobile_embedded .header__site_name,
.header.o__mobile_embedded .header__home__url,
.header.o__mobile_embedded .header__headline {
display: none
}
.header.o__mobile_embedded .header__meta_wrapper {
min-height: 16px
}
.footer {
margin-top: 35px;
padding: 40px 0;
text-align: left;
font-size: 14px;
-ms-flex-negative: 0;
flex-shrink: 0;
background: #ffffff;
color: #a3abb5
}
.footer a {
color: #909aa5;
text-decoration: none
}
.footer__logo {
height: 50px;
line-height: 30px;
text-align: center;
vertical-align: middle
}
.footer__logo img {
max-height: 32px;
-webkit-filter: grayscale(100%) contrast(80%);
filter: grayscale(100%) contrast(80%)
}
.footer__logo span {
line-height: 1.2;
font-size: 18px
}
.footer__advert {
text-align: center;
font-size: 14px;
padding: 3px;
}
.footer__advert img {
height: 20px;
vertical-align: middle;
padding: 0px 6px;
}
.footer__advert a {
padding-left: 5px;
color: #a8b6c2;
vertical-align: middle
}
.footer__links {
margin-top: 14px;
margin-bottom: 28px
}
.footer__link-list {
padding: 0;
text-align: center
}
.footer__link {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
list-style-type: none
}
.footer__links__social svg {
width: 16px;
height: 16px;
fill: currentColor
}
#suppertCenter-component .paper-content {
background-color: whitesmoke;
border: 1px solid transparent;
border-radius: 4px;
padding: 20px;
position: relative;
z-index: 3;
text-decoration: none;
overflow: hidden;
width: 100%;
display: block;
outline: none;
-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.03);
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.03);
-webkit-transition: border .15s linear, background-color .15s linear, opacity .15s linear, -webkit-transform .15s linear, -webkit-box-shadow .15s linear;
transition: border .15s linear, background-color .15s linear, opacity .15s linear, -webkit-transform .15s linear, -webkit-box-shadow .15s linear;
-o-transition: border .15s linear, transform .15s linear, background-color .15s linear, box-shadow .15s linear, opacity .15s linear;
transition: border .15s linear, transform .15s linear, background-color .15s linear, box-shadow .15s linear, opacity .15s linear;
transition: border .15s linear, transform .15s linear, background-color .15s linear, box-shadow .15s linear, opacity .15s linear, -webkit-transform .15s linear, -webkit-box-shadow .15s linear;
}
#suppertCenter-component .paper {
background-color: #edeeef;
border: 1px solid transparent;
border-radius: 4px;
padding: 20px;
position: relative;
z-index: 3;
text-decoration: none;
overflow: hidden;
width: 100%;
display: block;
outline: none;
-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.03);
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.03);
-webkit-transition: border .15s linear, background-color .15s linear, opacity .15s linear, -webkit-transform .15s linear, -webkit-box-shadow .15s linear;
transition: border .15s linear, background-color .15s linear, opacity .15s linear, -webkit-transform .15s linear, -webkit-box-shadow .15s linear;
-o-transition: border .15s linear, transform .15s linear, background-color .15s linear, box-shadow .15s linear, opacity .15s linear;
transition: border .15s linear, transform .15s linear, background-color .15s linear, box-shadow .15s linear, opacity .15s linear;
transition: border .15s linear, transform .15s linear, background-color .15s linear, box-shadow .15s linear, opacity .15s linear, -webkit-transform .15s linear, -webkit-box-shadow .15s linear;
}
.paper-content .c__primary {
transition: -webkit-filter .15s
}
.paper .c__primary {
transition: -webkit-filter .15s
}
.paper__article-preview {
-webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.05);
border: 0px solid #d4dadf;
opacity: 1;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
padding: 27px 29px 17px;
}
.paper__article-preview:not(:last-child) {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.paper__article-preview .paper__article-preview .paper__preview {
min-height: 0
}
.paper__article-preview:hover {
border: 1px solid #c3cdd5;
-webkit-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.08)
}
.search__results-content .paper__article-preview {
margin: 0;
width: 100%
}
.paper__article-preview + .paper__article-preview {
margin-top: -2px;
border-top-left-radius: 0;
border-top-right-radius: 0
}
a.paper:hover {
border: 1px solid rgba(136, 149, 162, 0.2);
background-color: #fcfcfc
}
a.paper:hover .c__primary {
-webkit-filter: brightness(80%);
filter: brightness(80%)
}
.paper__large {
padding: 9% 12%;
}
.paper__preview {
margin: 5px 0 2px;
text-decoration: none;
display: block;
max-width: 86%;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.article__preview .paper__preview {
min-height: 0
}
@media (max-width: 1023px) {
.g__c {
width: 100%
}
.paper {
}
.paper__large {
padding: 30px
}
}
@media (max-width: 600px) {
.paper__large {
padding: 25px 20px
}
}
.avatar {
font-size: 13px;
color: #8f919d;
margin-top: 4px;
width: 47px;
height: 47px;
border: 3px solid #ffffff54;
}
.avatar:before,
.avatar:after {
content: ' ';
display: table
}
.avatar:after {
clear: both
}
.avatar__image {
width: 32px;
height: 32px;
vertical-align: bottom;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 2px white;
box-shadow: 0 0 0 2px white;
position: relative;
z-index: 4
}
.avatar__fallback {
display: inline-block;
text-align: center;
line-height: 32px;
font-size: 18px;
font-weight: bold;
color: white
}
.avatar__photo {
margin-right: 10px;
float: left
}
.avatar__photo.o__rtl {
margin-right: auto;
margin-left: 10px;
float: right
}
.avatar__image:nth-child(n+2) {
margin-left: -8px
}
.avatar__image:nth-child(2) {
z-index: 3;
opacity: .8
}
.avatar__image:nth-child(3) {
z-index: 2;
opacity: .6
}
.avatar__image:nth-child(4) {
z-index: 1;
opacity: .4
}
.avatars__images.o__rtl .avatar__image:nth-child(n+2) {
margin-left: 0;
margin-right: -8px
}
.avatar__info,
.avatar__photo {
line-height: 1.4
}
.account-logo {
display: none;
}
@media (max-width: 1023px) {
.avatar__image:nth-child(n+2) {
display: none
}
.account-logo {
position: relative;
top: -42px;
display: block;
}
}
@media (max-width: 400px) {
.avatar__info {
float: right;
width: calc(100% - 42px)
}
}
.article {
font-size: 17px;
line-height: 1.53
}
.article__meta {
margin-bottom: 30px
}
.article__desc {
font-size: 20px;
line-height: 1.35;
margin-bottom: 17px;
color: #8F919D
}
article {
font-size: 17px;
color: #565867
}
article p {
margin-top: 0
}
article h1 {
font-size: 32px;
margin: 2em 0 1.2em;
line-height: 1.24
}
article h2 {
font-size: 22px;
margin: 0 0 17px;
line-height: 1.24
}
article h3 {
font-size: 18px;
margin: 0 0 16px;
font-weight: 600;
line-height: 1.24
}
article h4 {
font-size: 18px;
margin: 0 0 15px;
font-weight: 600;
line-height: 1.24
}
article h5 {
font-size: 14px;
margin: 1.2em 0 .8em;
line-height: 1.24
}
article h6 {
font-size: 13px;
margin: 1em 0 .5em;
line-height: 1.24
}
article a {
text-decoration: underline
}
article a:hover {
text-decoration: none
}
article ul,
article ol {
padding-left: 16px;
margin-bottom: 27px
}
article li {
margin-left: 15px;
margin-bottom: 5px
}
article li:last-child {
margin-bottom: 0
}
article img,
article video,
article iframe {
margin-top: 0;
margin-bottom: 34px
}
article a:hover {
text-decoration: none;
-webkit-filter: brightness(80%);
filter: brightness(80%)
}
article a.intercom-h2b-button {
display: inline-block;
font-weight: bold;
color: #fff;
background-color: #de2cde;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 4px;
padding: 8px 40px;
font-size: 17px;
line-height: 1.4;
text-decoration: none;
-webkit-filter: brightness(100%);
filter: brightness(100%);
margin: 0 15.27% 17px
}
article .intercom-h2b-video {
position: relative;
display: block;
margin: 0 0 40px;
height: 0;
overflow: hidden;
padding: 0 0 56.25%
}
article .intercom-h2b-video iframe,
article .intercom-h2b-video embed,
article .intercom-h2b-video object,
article .intercom-h2b-video video {
position: absolute;
margin: 0;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0
}
article > .intercom-container:first-child > :first-child,
article > :first-child {
margin-top: 0 !important
}
article > .intercom-container:last-child > :last-child,
article > :last-child {
margin-bottom: 0 !important
}
@media (max-width: 600px) {
.article__desc {
font-size: 17px
}
article {
font-size: 15px
}
article h1 {
font-size: 28px
}
article h2 {
font-size: 22px
}
article h3 {
font-size: 18px
}
article h4 {
font-size: 18px
}
article h5 {
font-size: 16px
}
article h6 {
font-size: 14px
}
article .intercom-container,
article .intercom-h2b-video {
margin: 1.5em 0
}
}
.search {
position: relative
}
.search__input {
width: 100%;
padding: 20px 32px 21px 59px;
background: rgba(255, 255, 255, 0.2);
border: none;
outline: none;
color: rgba(255, 255, 255, 0.7);
font-size: 18px;
border-radius: 47px;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.03);
-webkit-transition: background .4s, -webkit-box-shadow .2s;
transition: background .4s, -webkit-box-shadow .2s;
-o-transition: background .4s, box-shadow .2s;
transition: background .4s, box-shadow .2s;
transition: background .4s, box-shadow .2s, -webkit-box-shadow .2s;
}
.search__input::-webkit-input-placeholder {
color: inherit
}
.search__input:-moz-placeholder {
color: inherit
}
.search__input::-moz-placeholder {
color: inherit
}
.search__input:-ms-input-placeholder {
color: inherit
}
.search__input:hover {
background: rgba(255, 255, 255, 0.27);
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.03)
}
.search__input:active,
.search__input:focus {
-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.14);
background: white;
color: #3a3c4c
}
.search__input:active::-webkit-input-placeholder,
.search__input:focus::-webkit-input-placeholder {
color: #9fa0a8
}
.search__input:active:-moz-placeholder,
.search__input:focus:-moz-placeholder {
color: #9fa0a8
}
.search__input:active::-moz-placeholder,
.search__input:focus::-moz-placeholder {
color: #9fa0a8
}
.search__input:active:-ms-input-placeholder,
.search__input:focus:-ms-input-placeholder {
color: #9fa0a8
}
.search__input.o__rtl {
padding: 20px 59px 21px 32px
}
.search__submit {
width: 22px;
height: 22px;
border: none;
background: transparent;
position: absolute;
top: 50%;
left: 19px;
margin-top: -10px;
outline: none;
cursor: pointer;
-webkit-transition: -webkit-transform .1s linear;
transition: -webkit-transform .1s linear;
-o-transition: transform .1s linear;
transition: transform .1s linear;
transition: transform .1s linear, -webkit-transform .1s linear
}
.animation__header-lite .search__submit,
.page__header-lite .search__submit,
.header__lite .search__submit {
-webkit-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85)
}
.search__submit i {
color: #dbdcdc;
}
.search__submit.o__rtl {
left: auto;
right: 19px
}
.search__headline {
padding: 16px 0 11px 0;
margin: -5px 0;
color: #3a3c4c;
font-weight: 600;
letter-spacing: .02em;
font-size: 18px
}
.search__clear-text__icon {
position: absolute;
right: 0;
top: 50%;
width: 32px;
height: 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: -14px
}
.interface-icon {
width: 25px;
height: 25px;
display: inline-block;
vertical-align: middle;
text-align: center
}
.interface-icon path {
fill: #9fa0a8 !important;
fill-opacity: 0.01
}
.search__input:focus + .search_icons .search__submit,
.search__input:active + .search_icons .search__submit {
pointer-events: none
}
.search__input:focus + .search_icons .search__submit:before,
.search__input:focus + .search_icons .search__submit:after,
.search__input:active + .search_icons .search__submit:before,
.search__input:active + .search_icons .search__submit:after {
border-color: #9fa0a8
}
.search__input:focus + .search_icons .icon__visible path,
.search__input:active + .search_icons .icon__visible path {
fill-opacity: 1
}
.search__loading {
opacity: 0;
-webkit-transition: opacity 0.2s ease-out;
-o-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out
}
.search__results {
opacity: 1;
-webkit-animation-name: fadeInOpacity;
animation-name: fadeInOpacity;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
-webkit-animation-duration: 0.2s;
animation-duration: 0.2s
}
@-webkit-keyframes fadeInOpacity {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeInOpacity {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.collection {
position: relative;
padding-left: 89px;
}
.collection__photo {
position: absolute;
left: 0;
top: 0;
width: 117px;
height: 100%;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}
.collection__photo svg {
position: relative;
width: 48px;
height: 48px;
-webkit-transition: stroke .1s linear;
-o-transition: stroke .1s linear;
transition: stroke .1s linear;
top: 50%;
left: 50%;
margin: -24px 0 0 -24px
}
.collection__photo [fill^="#"] {
-webkit-transition: fill .1s linear;
-o-transition: fill .1s linear;
transition: fill .1s linear
}
.collection.o__rtl {
padding-left: 0;
padding-right: 150px
}
.collection.o__rtl .collection__photo {
left: auto;
right: 0
}
a.paper:hover .collection__photo {
border-color: #d0d7df
}
.collection__meta .avatar__image {
-webkit-box-shadow: 0 0 0 2px #ebeef1;
box-shadow: 0 0 0 2px #ebeef1
}
@media (max-width: 1023px) {
.collection {
padding-left: 80px;
min-height: 80px
}
.collection.o__rtl {
padding-left: 0;
padding-right: 80px
}
.collection__photo {
width: 60px;
height: 60px
}
.collection__photo svg {
width: 30px;
max-height: 30px;
margin: -15px 0 0 -15px
}
}
@media (max-width: 400px) {
.collection {
padding-left: 0;
min-height: 0
}
.collection.o__rtl {
padding-right: 0;
text-align: right
}
.collection__photo {
width: 30px;
height: 30px;
margin-bottom: 20px
}
.collection__photo svg {
width: 30px;
max-height: 30px;
left: auto;
top: auto;
margin: 0
}
.collection.o__rtl .collection__photo {
display: inline-block
}
}
.collection__headline,
.paper__stack.animation__clicked {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid transparent;
border-radius: 0
}
.collection__headline:before,
.collection__headline:after,
.paper__stack.animation__clicked:before,
.paper__stack.animation__clicked:after {
display: none
}
.collection__headline .paper,
.paper__stack.animation__clicked .paper {
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none
}
.section__headline {
padding: 16px 0px 7px;
margin: -5px 0;
color: #3a3c4c;
font-weight: 600;
letter-spacing: .02em;
font-size: 18px
}
@media (max-width: 1023px) {
.section__headline {
padding-left: 20px;
padding-right: 20px;
margin-left: 10px;
margin-right: 10px
}
}
.collection__header + .section__headline .section__content {
border-top: none
}
pre {
word-wrap: break-word;
word-break: break-word;
padding: 10px;
margin: 1em 0;
line-height: 1.65;
border: 1px solid #EAEAEA;
color: #333;
background: #f8f8f8;
overflow: auto
}
code {
word-break: break-word;
color: #333;
background: #f8f8f8;
-webkit-text-size-adjust: none;
padding-top: 0.2em;
padding-bottom: 0.2em
}
pre,
code {
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
font-size: 13px
}
.hljs {
display: block;
padding: 1.5em;
color: #333;
background: #f8f8f8;
-webkit-text-size-adjust: none
}
.hljs code {
padding-top: 0;
padding-bottom: 0;
background: none
}
.hljs code::before,
.hljs code::after {
letter-spacing: normal;
content: normal
}
code.hljs {
display: inline-block;
padding-top: 0;
padding-bottom: 0;
background: none
}
code.hljs::before,
code.hljs::after {
letter-spacing: normal;
content: normal
}
p + code.hljs {
display: block
}
.hljs-comment,
.diff .hljs-header {
color: #998;
font-style: italic
}
.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
color: #333;
font-weight: bold
}
.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
color: #008080
}
.hljs-string,
.hljs-tag .hljs-value,
.hljs-doctag,
.tex .hljs-formula {
color: #d14
}
.hljs-title,
.hljs-id,
.scss .hljs-preprocessor {
color: #900;
font-weight: bold
}
.hljs-list .hljs-keyword,
.hljs-subst {
font-weight: normal
}
.hljs-class .hljs-title,
.hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
color: #458;
font-weight: bold
}
.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rule .hljs-property,
.django .hljs-tag .hljs-keyword {
color: #000080;
font-weight: normal
}
.hljs-attribute,
.hljs-variable,
.lisp .hljs-body,
.hljs-name {
color: #008080
}
.hljs-regexp {
color: #009926
}
.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.clojure .hljs-keyword,
.scheme .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
color: #990073
}
.hljs-built_in {
color: #0086b3
}
.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
color: #999;
font-weight: bold
}
.hljs-deletion {
background: #fdd
}
.hljs-addition {
background: #dfd
}
.diff .hljs-change {
background: #0086b3
}
.hljs-chunk {
color: #aaa
}
.social__facebook {
display: inline-block;
vertical-align: bottom
}
.social__facebook svg {
height: 16px
}
.social__facebook * {
fill: #96a4b4
}
.social__twitter {
display: inline-block;
vertical-align: bottom;
position: relative;
top: 1px
}
.social__twitter svg {
height: 16px
}
.social__twitter * {
fill: #96a4b4
}
.social__linkedin {
display: inline-block;
vertical-align: bottom;
margin: 0 5px 0 3px
}
.social__linkedin svg {
height: 16px
}
.social__linkedin * {
fill: #96a4b4
}
.social__facebook:hover *,
.social__twitter:hover *,
.social__linkedin:hover * {
fill: #788a9f
}
.error__404 {
text-align: center
}
.error__title {
font-size: 13px;
text-transform: uppercase;
letter-spacing: .1em;
color: #e04e50;
font-weight: 600
}
.error__headline {
font-size: 32px
}
.notification__error {
position: fixed;
top: 0;
left: 0;
right: 0;
background: #9e4747;
color: white;
text-align: center;
padding: 5px 20px;
font-size: 13px;
z-index: 100
}
.breadcrumb {
position: relative;
z-index: 11
}
.body__headerless .breadcrumb {
display: none
}
.body__headerless .section {
margin-right: auto;
margin-left: auto
}
.body__headerless .container {
padding: 0
}
.body__headerless .paper {
margin-bottom: 35px
}
.body__sheet {
width: 100vw
}
.body__sheet.body__headerless .paper {
margin-bottom: 0
}
.body__sheet .container {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch
}
.body__sheet .section__search_results {
padding: 15px
}
.body__sheet .section__search_results .avatar {
display: none
}
.body__sheet .section__search_results .search__headline {
padding: 0;
margin-bottom: 16px
}
.body__sheet .section__search_results .paper__preview {
margin-bottom: 0
}
.body__sheet .section__search_results .search-results__row {
margin-top: 0
}
.body__sheet .section__search_results .search-results__row:nth-child(2) .paper {
border-top-left-radius: 4px;
border-top-right-radius: 4px
}
.body__sheet .section__search_results .search-results__row .paper {
border-radius: 0;
border-bottom: 0
}
.body__sheet .section__search_results .search-results__row:last-child .paper {
border-bottom: 1px solid #d4dadf;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.body__sheet .section__article {
padding: 0
}
.body__sheet .section__article .paper {
border: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.intercom-reaction-picker {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding: 0px 0px 59px;
color: #777;
border-radius: 8px;
}
.centerit {
text-align: center;
}
@media (max-width: 1023px) {
.intercom-reaction-picker {
margin: 30px -16px -16px -16px
}
}
@media (max-width: 600px) {
.intercom-reaction-picker {
margin: 30px -8px -12px -8px;
border-radius: 8px
}
}
.intercom-reaction-picker.intercom-reaction-picker-with-prompt {
height: 74px
}
.intercom-reaction-picker .intercom-reaction-prompt {
padding-top: 9px;
padding-bottom: 4px;
text-align: center;
font-size: 2em;
}
.intercom-reaction-picker .intercom-reaction {
background: none;
color: inherit;
border: none;
padding: 0;
cursor: pointer;
width: 50px;
height: 100%;
display: inline-block;
text-align: center;
font-size: 32px;
-webkit-transition: -webkit-transform 0.16s cubic-bezier(0.65, 0.61, 0.18, 1.8) 0.02s, -webkit-filter 0.32s linear;
transition: -webkit-transform 0.16s cubic-bezier(0.65, 0.61, 0.18, 1.8) 0.02s, -webkit-filter 0.32s linear;
-o-transition: transform 0.16s cubic-bezier(0.65, 0.61, 0.18, 1.8) 0.02s, filter 0.32s linear;
transition: transform 0.16s cubic-bezier(0.65, 0.61, 0.18, 1.8) 0.02s, filter 0.32s linear;
transition: transform 0.16s cubic-bezier(0.65, 0.61, 0.18, 1.8) 0.02s, filter 0.32s linear, -webkit-transform 0.16s cubic-bezier(0.65, 0.61, 0.18, 1.8) 0.02s, -webkit-filter 0.32s linear;
cursor: pointer;
-webkit-transform-origin: 50% 60%;
-ms-transform-origin: 50% 60%;
transform-origin: 50% 60%
}
.intercom-reaction-picker .intercom-reaction span {
cursor: pointer;
line-height: 55px
}
.intercom-reaction-picker .intercom-reaction:hover {
-webkit-transform: scale(1.32);
-ms-transform: scale(1.32);
transform: scale(1.32);
-webkit-transition: -webkit-transform .04s;
transition: -webkit-transform .04s;
-o-transition: transform .04s;
transition: transform .04s;
transition: transform .04s, -webkit-transform .04s
}
.intercom-reaction-picker .intercom-reaction:active {
-webkit-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
-webkit-transition: -webkit-transform .04s;
transition: -webkit-transform .04s;
-o-transition: transform .04s;
transition: transform .04s;
transition: transform .04s, -webkit-transform .04s
}
.intercom-reaction-picker-reaction-selected .intercom-reaction {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.intercom-reaction-picker-reaction-selected .intercom-reaction-selected {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
-webkit-transform: scale(1.32);
-ms-transform: scale(1.32);
transform: scale(1.32)
}
.intercom-reaction-picker-reaction-selected .intercom-reaction-selected:hover {
-webkit-transform: scale(1.32);
-ms-transform: scale(1.32);
transform: scale(1.32)
}
.intercom-reaction-picker-reaction-selected .intercom-reaction-selected:active {
-webkit-transform: scale(1.32);
-ms-transform: scale(1.32);
transform: scale(1.32)
}
.intermoji-default-class {
background: url(https://intercom.help/_assets/emoji-spritemap-32-148a4a6a2d1fdd0c7b50cf0f760692515d2f775104d1935d6aba15fc21af72b2.png);
position: relative;
top: 2px;
margin: 1px
}
.locale_picker__container {
background-color: #fff;
text-align: center;
padding: 8px 0 20px 0
}
.locale-picker {
font-weight: 600;
font-size: 14px;
line-height: 20px;
height: 36px;
color: #737373;
padding: 0 32px 2px 32px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: proxima-nova;
margin: 0 8px;
border: 1px solid rgba(115, 115, 115, 0.2);
border-radius: 100px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
background-image: url("https://intercom.help/_assets/globe-icon-07495b4ea391a9551baee2269972986f2da9f22ac53282c501aae701b76d2cfa.svg"), url("https://intercom.help/_assets/down-arrow-33f6cf5f02863c06aece4f93eeb20619f31d99e70d2e3419ffeb501114ae6279.svg");
background-repeat: no-repeat, no-repeat;
background-position: 10px center, right 12px center;
background-size: 14px, 16px;
-webkit-transition: border-color .25s, outline .25s;
-o-transition: border-color .25s, outline .25s;
transition: border-color .25s, outline .25s;
cursor: pointer
}
.locale-picker:hover {
border-color: rgba(115, 115, 115, 0.4);
opacity: 0.8
}
.locale-picker:focus {
outline: none
}
.locale_picker__container .locale-picker:focus {
-webkit-box-shadow: 0 0 1px 3px #f0f3f5;
box-shadow: 0 0 1px 3px #f0f3f5;
box-shadow: 0 0 0 3px -moz-mac-focusring;
outline: none
}
.locale_picker__container .locale-picker:hover {
opacity: 1
}
#locale-picker-for-width-calculation {
display: none
}
.header__container .locale-picker {
margin: 0 0 0 20px;
color: white;
border: none;
background-color: transparent;
background-image: url("https://intercom.help/_assets/globe-icon-white-bc1ca10cfab8859a72bf725b2bb0270a0a47d2392fde7e3eb45d3be7400e16d7.svg"), url("https://intercom.help/_assets/down-arrow-white-34f71286437293422c7ea4d33a1c095a83f7b75b1aecc8af1c9f502d720a7b9b.svg");
padding: 0 20px 2px 20px;
background-position: left center, right center;
position: relative;
top: 1px
}
.animation__mouse-down {
-webkit-transform: scale(0.99);
-ms-transform: scale(0.99);
transform: scale(0.99);
-webkit-transition: none;
-o-transition: none;
transition: none
}
.animation__mouse-up {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: none;
-o-transition: none;
transition: none
}
.animation__fade-generic {
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s
}
.animation__slide-in .animation__fade-generic {
opacity: 0
}
.animation__fade-collection {
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
-webkit-transition-delay: .5s;
-o-transition-delay: .5s;
transition-delay: .5s
}
.animation__article-in .animation__fade-generic,
.animation__article-in .article__wrap > * {
opacity: 0;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s
}
.animation__article-in .paper__article-preview {
opacity: 0;
-webkit-transition: opacity .1s;
-o-transition: opacity .1s;
transition: opacity .1s;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s
}
.animation__article-in .paper__article-preview.animation__clicked {
opacity: 1
}
.animation__article-in .paper__article-preview.animation__clicked .article__preview {
opacity: 0;
-webkit-transition: opacity .1s;
-o-transition: opacity .1s;
transition: opacity .1s
}
.collection__headline-lite .collection__photo,
.animation__article-in .collection__photo {
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
border-right-color: transparent;
-webkit-transform: scale(0.6) translate(20px, -100px);
-ms-transform: scale(0.6) translate(20px, -100px);
transform: scale(0.6) translate(20px, -100px)
}
.collection__headline-lite .collection__name,
.animation__article-in .collection__name {
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(0.8) translate(-60px, -13px);
-ms-transform: scale(0.8) translate(-60px, -13px);
transform: scale(0.8) translate(-60px, -13px)
}
.collection__headline-lite .collection__headline,
.animation__article-in .collection__headline {
border-bottom-color: transparent
}
.collection__headline-lite .collection .animation__fade-generic,
.animation__article-in .collection .animation__fade-generic {
opacity: 0
}
.animation__article-out .collection__photo {
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
border-right-color: #dbe0e4;
-webkit-transform: scale(1) translate(0, 0);
-ms-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0)
}
.animation__article-out .collection__name {
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
-webkit-transform: scale(1) translate(0, 0);
-ms-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0)
}
.animation__article-out .collection .animation__fade-generic {
opacity: 1
}
.animation__article-out .article__wrap-react {
opacity: 0
}
.animation__article-out .section__bg-active:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.animation__article-in .section__bg:before,
.section__bg-active:before {
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
-webkit-transform: scaleX(0.9);
-ms-transform: scaleX(0.9);
transform: scaleX(0.9);
height: 180px
}
.animation__section-bg-static .section__bg:before {
-webkit-transition: none;
-o-transition: none;
transition: none
}
.article__wrap-react {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
margin: -125px 30px 0;
width: calc(100% - 60px)
}
.collection__headline-lite a.paper:hover {
border: 1px solid transparent;
background: none
}
.collection__headline-lite a.paper:hover .collection__photo {
border-color: transparent;
background: none
}
.collection__photo svg {
stroke: #818a97
}
.collection__photo [fill^="#"] {
fill: #818a97
}
.avatar__image-extra,
.header {
}
.c__primary,
.article a {
color: #a20001 !important;
font-weight: 900;
font-size: 0.7em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.invert {
-webkit-filter: invert(100%) !important;
filter: invert(100%) !important;
}
.cat-headliner {
font-size: 25px;
font-weight: 300;
margin: 33px 0px -5px;
color: inherit;
font-family: 'AvantGardeLT-Bold';
}
.g__space {
margin-top: 24px;
}
.heart_icon {
color: #fff !important;
font-size: 18px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
cursor: pointer;
position: absolute;
-webkit-text-stroke: 2px #b5b5b5;
}
.heart_icon.favouriteProduct {
color: #ff5353 !important;
-webkit-text-stroke: 2px #ff5353;
}
.custom-heart-icon:hover,
.project-card:hover .custom-heart-icon {
transform: translateY(0px);
visibility: visible;
transition: .6s;
opacity: 1;
}
.custom-heart-icon {
float: right;
transform: translateY(-24px);
visibility: hidden;
opacity: 0;
width: 2px;
height: 4px;
}
.heart-card {
position: absolute;
right: 13px;
top: 12px;
}
.prog-bar-hover-text {
position: absolute;
left: 1%;
transform: translate(-50%, 0);
border-radius: 5px;
background-color: black;
color: #fff;
text-align: center;
pointer-events: none;
width: 100%;
max-width: 150px;
padding: 9px;
z-index: 9999;
}
.prog-bar-hover-text:after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border: 3px solid #000;
border-radius: 2px;
background-color: #000000;
left: 57px;
top: 26px;
transform: rotate(45deg);
z-index: 9999;
}
.prog-bar-hover-text:hover,
makemake:hover .prog-bar-hover-text {
background: green;
visibility: visible;
}
.prog-bar-hover-text {
background: green;
visibility: hidden;
}
.title-count-notification {
height: 38px;
padding: 4px 12px 4px 12px;
font-size: 15px;
font-weight: 900;
color: white;
border-radius: 48px;
border: 100px;
width: 40px;
position: relative;
top: -2px;
margin-right: 5px;
background: #8c919d87;
}
.redstone-login-btn {
background: #b70000;
border: 1px solid #ab0000;
}
.add-btn {
position: relative;
top: 20px;
border-radius: 75px;
background: #edeeef;
font-weight: 800;
padding: 4px 13px;
color: #6b6b7b;
border: 1px solid #edeeef;
}
.text-center {
text-align: center;
padding: 10px;
display: block;
margin: 0 auto;
}
@font-face {
font-family: 'webflow-icons';
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format('truetype');
font-weight: normal;
font-style: normal
}
[class^="w-icon-"],
[class*=" w-icon-"] {
font-family: 'webflow-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.w-icon-slider-right:before {
content: "\e600"
}
.w-icon-slider-left:before {
content: "\e601"
}
.w-icon-nav-menu:before {
content: "\e602"
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
content: "\e603"
}
.w-icon-file-upload-remove:before {
content: "\e900"
}
.w-icon-file-upload-icon:before {
content: "\e903"
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
fieldset {
padding: 0;
margin: 0;
border: 0
}
button,
html input[type="button"],
input[type="reset"] {
border: 0;
cursor: pointer;
-webkit-appearance: button;
}
.w-form {
margin: 0 0 15px
}
.w-form-done {
display: none;
padding: 20px;
text-align: center;
background-color: #dddddd
}
.w-form-fail {
display: none;
margin-top: 10px;
padding: 10px;
background-color: #ffdede
}
label {
display: block;
margin-bottom: 5px;
font-weight: bold
}
.w-input,
.w-select {
display: block;
width: 100%;
height: 38px;
padding: 8px 12px;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.42857143;
color: #333333;
vertical-align: middle;
background-color: #ffffff;
border: 1px solid #cccccc
}
.w-input:-moz-placeholder,
.w-select:-moz-placeholder {
color: #999
}
.w-input::-moz-placeholder,
.w-select::-moz-placeholder {
color: #999;
opacity: 1
}
.w-input:-ms-input-placeholder,
.w-select:-ms-input-placeholder {
color: #999
}
.w-input::-webkit-input-placeholder,
.w-select::-webkit-input-placeholder {
color: #999
}
.w-input:focus,
.w-select:focus {
border-color: #3898EC;
outline: 0
}
.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
cursor: not-allowed;
background-color: #eeeeee
}
textarea.w-input,
textarea.w-select {
height: auto
}
.w-select {
background-color: #f3f3f3
}
.w-select[multiple] {
height: auto
}
.w-form-label {
display: inline-block;
cursor: pointer;
font-weight: normal;
margin-bottom: 0
}
.w-radio {
display: block;
margin-bottom: 5px;
padding-left: 20px
}
.w-radio:before,
.w-radio:after {
content: " ";
display: table;
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 2;
grid-row-end: 2
}
.w-radio:after {
clear: both
}
.w-radio-input {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
float: left;
margin-left: -20px
}
.w-radio-input {
margin-top: 3px
}
.w-file-upload {
display: block;
margin-bottom: 10px
}
.w-file-upload-input {
width: .1px;
height: .1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -100
}
.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
display: inline-block;
color: #333333
}
.w-file-upload-error {
display: block;
margin-top: 10px
}
.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
display: none
}
.w-file-upload-uploading-btn {
display: flex;
font-size: 14px;
font-weight: normal;
cursor: pointer;
margin: 0;
padding: 8px 12px;
border: 1px solid #cccccc;
background-color: #fafafa
}
.w-file-upload-file {
display: flex;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
border: 1px solid #cccccc;
background-color: #fafafa
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block
}
.w-file-remove-link {
margin-top: 3px;
margin-left: 10px;
width: auto;
height: auto;
padding: 3px;
display: block;
cursor: pointer
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px
}
.w-file-upload-error-msg {
display: inline-block;
color: #ea384c;
padding: 2px 0
}
.w-file-upload-info {
display: inline-block;
line-height: 38px;
padding: 0 12px
}
.w-file-upload-label {
display: inline-block;
font-size: 14px;
font-weight: normal;
cursor: pointer;
margin: 0;
padding: 8px 12px;
border: 1px solid #cccccc;
background-color: #fafafa
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
display: inline-block;
margin-right: 8px;
width: 20px
}
.w-icon-file-upload-uploading {
height: 20px
}
.w-container {
margin-left: auto;
margin-right: auto;
max-width: 940px
}
.w-container:before,
.w-container:after {
content: " ";
display: table;
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 2;
grid-row-end: 2
}
.w-container:after {
clear: both
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px
}
.w-row:before,
.w-row:after {
content: " ";
display: table;
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 2;
grid-row-end: 2
}
.w-row:after {
clear: both
}
.w-row .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
position: relative;
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px
}
.w-col .w-col {
padding-left: 0;
padding-right: 0
}
.w-col-1 {
width: 8.33333333%
}
.w-col-2 {
width: 16.66666667%
}
.w-col-3 {
width: 25%
}
.w-col-4 {
width: 33.33333333%
}
.w-col-5 {
width: 41.66666667%
}
.w-col-6 {
width: 50%
}
.w-col-7 {
width: 58.33333333%
}
.w-col-8 {
width: 66.66666667%
}
.w-col-9 {
width: 75%
}
.w-col-10 {
width: 83.33333333%
}
.w-col-11 {
width: 91.66666667%
}
.w-col-12 {
width: 100%
}
.w-hidden-main {
display: none !important
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px
}
.w-hidden-main {
display: inherit !important
}
.w-hidden-medium {
display: none !important
}
.w-col-medium-1 {
width: 8.33333333%
}
.w-col-medium-2 {
width: 16.66666667%
}
.w-col-medium-3 {
width: 25%
}
.w-col-medium-4 {
width: 33.33333333%
}
.w-col-medium-5 {
width: 41.66666667%
}
.w-col-medium-6 {
width: 50%
}
.w-col-medium-7 {
width: 58.33333333%
}
.w-col-medium-8 {
width: 66.66666667%
}
.w-col-medium-9 {
width: 75%
}
.w-col-medium-10 {
width: 83.33333333%
}
.w-col-medium-11 {
width: 91.66666667%
}
.w-col-medium-12 {
width: 100%
}
.w-col-stack {
width: 100%;
left: auto;
right: auto
}
}
@media screen and (max-width: 767px) {
.quick-pad {
padding-right: 30px;
padding-left: 30px;
}
.w-hidden-main {
display: inherit !important
}
.w-hidden-medium {
display: inherit !important
}
.w-hidden-small {
display: none !important
}
.w-row,
.w-container .w-row {
margin-left: 0;
margin-right: 0
}
.w-col {
width: 100%;
left: auto;
right: auto
}
.w-col-small-1 {
width: 8.33333333%
}
.w-col-small-2 {
width: 16.66666667%
}
.w-col-small-3 {
width: 25%
}
.w-col-small-4 {
width: 33.33333333%
}
.w-col-small-5 {
width: 41.66666667%
}
.w-col-small-6 {
width: 50%
}
.w-col-small-7 {
width: 58.33333333%
}
.w-col-small-8 {
width: 66.66666667%
}
.w-col-small-9 {
width: 75%
}
.w-col-small-10 {
width: 83.33333333%
}
.w-col-small-11 {
width: 91.66666667%
}
.w-col-small-12 {
width: 100%
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none
}
.w-hidden-main {
display: inherit !important
}
.w-hidden-medium {
display: inherit !important
}
.w-hidden-small {
display: inherit !important
}
.w-hidden-tiny {
display: none !important
}
.w-col {
width: 100%
}
.w-col-tiny-1 {
width: 8.33333333%
}
.w-col-tiny-2 {
width: 16.66666667%
}
.w-col-tiny-3 {
width: 25%
}
.w-col-tiny-4 {
width: 33.33333333%
}
.w-col-tiny-5 {
width: 41.66666667%
}
.w-col-tiny-6 {
width: 50%
}
.w-col-tiny-7 {
width: 58.33333333%
}
.w-col-tiny-8 {
width: 66.66666667%
}
.w-col-tiny-9 {
width: 75%
}
.w-col-tiny-10 {
width: 83.33333333%
}
.w-col-tiny-11 {
width: 91.66666667%
}
.w-col-tiny-12 {
width: 100%
}
}
.w-widget {
position: relative
}
.w-widget-map {
width: 100%;
height: 400px
}
.w-widget-map label {
width: auto;
display: inline
}
.w-widget-map img {
max-width: inherit
}
.w-widget-map .gm-style-iw {
text-align: center
}
.w-widget-map .gm-style-iw > button {
display: none !important
}
.w-widget-twitter {
overflow: hidden
}
.w-widget-twitter-count-shim {
display: inline-block;
vertical-align: top;
position: relative;
width: 28px;
height: 20px;
text-align: center;
background: white;
border: #758696 solid 1px;
border-radius: 3px
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
position: relative;
font-size: 15px;
line-height: 12px;
text-align: center;
color: #999;
font-family: serif
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
position: relative;
display: block
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
margin-left: 7px
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
top: 50%;
left: 0;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-color: rgba(117, 134, 150, 0);
border-right-color: #5d6c7b;
border-width: 4px;
margin-left: -9px;
margin-top: -4px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-left: -10px;
margin-top: -5px
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-color: rgba(255, 255, 255, 0);
border-right-color: white;
border-width: 4px;
margin-left: -8px;
margin-top: -4px
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-left: -9px;
margin-top: -5px
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none
}
.w-widget-twitter-count-shim.w--vertical:before {
border-color: rgba(117, 134, 150, 0);
border-top-color: #5d6c7b;
border-width: 5px;
margin-left: -5px
}
.w-widget-twitter-count-shim.w--vertical:after {
border-color: rgba(255, 255, 255, 0);
border-top-color: white;
border-width: 4px;
margin-left: -4px
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px
}
.w-widget-gplus {
overflow: hidden
}
.w-background-video {
position: relative;
overflow: hidden;
height: 500px;
color: white
}
.w-background-video > video {
background-size: cover;
background-position: 50% 50%;
position: absolute;
right: -100%;
bottom: -100%;
top: -100%;
left: -100%;
margin: auto;
min-width: 100%;
min-height: 100%;
z-index: -100
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
display: none !important;
-webkit-appearance: none
}
.w-slider {
position: relative;
height: 300px;
text-align: center;
background: #dddddd;
clear: both;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0)
}
.w-slider-mask {
position: relative;
display: block;
overflow: hidden;
z-index: 1;
left: 0;
right: 0;
height: 100%;
white-space: nowrap
}
.w-slide {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
height: 100%;
white-space: normal;
text-align: left
}
.w-slider-nav {
position: absolute;
z-index: 2;
top: auto;
right: 0;
bottom: 0;
left: 0;
margin: auto;
padding-top: 10px;
height: 40px;
text-align: center;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0)
}
.w-slider-nav.w-round > div {
border-radius: 100%
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
padding: .2em .5em;
font-size: inherit;
line-height: inherit
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px rgba(51, 51, 51, 0.4)
}
.w-slider-nav-invert {
color: #fff
}
.w-slider-nav-invert > div {
background-color: rgba(34, 34, 34, 0.4)
}
.w-slider-nav-invert > div.w-active {
background-color: #222
}
.w-slider-dot {
position: relative;
display: inline-block;
width: 1em;
height: 1em;
background-color: rgba(255, 255, 255, 0.4);
cursor: pointer;
margin: 0 3px .5em;
transition: background-color 100ms, color 100ms
}
.w-slider-dot.w-active {
background-color: #fff
}
.w-slider-arrow-left,
.w-slider-arrow-right {
position: absolute;
width: 80px;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
cursor: pointer;
overflow: hidden;
color: white;
font-size: 40px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.w-slider-arrow-left [class^="w-icon-"],
.w-slider-arrow-right [class^="w-icon-"],
.w-slider-arrow-left [class*=" w-icon-"],
.w-slider-arrow-right [class*=" w-icon-"] {
position: absolute
}
.w-slider-arrow-left {
z-index: 3;
right: auto
}
.w-slider-arrow-right {
z-index: 4;
left: auto
}
.w-icon-slider-left,
.w-icon-slider-right {
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 1em;
height: 1em
}
.w-dropdown {
display: inline-block;
position: relative;
text-align: left;
margin-left: auto;
margin-right: auto;
z-index: 900
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
position: relative;
vertical-align: top;
text-decoration: none;
color: #222222;
padding: 20px;
text-align: left;
margin-left: auto;
margin-right: auto;
white-space: nowrap
}
.w-dropdown-toggle {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: inline-block;
cursor: pointer;
padding-right: 40px
}
.w-icon-dropdown-toggle {
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin: auto;
margin-right: 20px;
width: 1em;
height: 1em
}
.w-dropdown-list {
position: absolute;
background: #dddddd;
display: none;
min-width: 100%
}
.w-dropdown-list.w--open {
display: block
}
.w-dropdown-link {
padding: 10px 20px;
display: block;
color: #222222
}
.w-dropdown-link.w--current {
color: #0082f3
}
.w-nav[data-collapse="all"] .w-dropdown,
.w-nav[data-collapse="all"] .w-dropdown-toggle {
display: block
}
.w-nav[data-collapse="all"] .w-dropdown-list {
position: static
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-dropdown,
.w-nav[data-collapse="medium"] .w-dropdown-toggle {
display: block
}
.w-nav[data-collapse="medium"] .w-dropdown-list {
position: static
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-dropdown,
.w-nav[data-collapse="small"] .w-dropdown-toggle {
display: block
}
.w-nav[data-collapse="small"] .w-dropdown-list {
position: static
}
.w-nav-brand {
padding-left: 10px
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-dropdown,
.w-nav[data-collapse="tiny"] .w-dropdown-toggle {
display: block
}
.w-nav[data-collapse="tiny"] .w-dropdown-list {
position: static
}
}
.w-lightbox-backdrop {
color: #000;
cursor: auto;
font-family: serif;
font-size: medium;
font-style: normal;
font-variant: normal;
font-weight: normal;
letter-spacing: normal;
line-height: normal;
list-style: disc;
text-align: start;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
color: #fff;
font-family: "Helvetica Neue", Helvetica, Ubuntu, "Segoe UI", Verdana, sans-serif;
font-size: 17px;
line-height: 1.2;
font-weight: 300;
text-align: center;
background: rgba(0, 0, 0, 0.9);
z-index: 2000;
outline: 0;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-transform: translate(0, 0)
}
.w-lightbox-backdrop,
.w-lightbox-container {
height: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch
}
.w-lightbox-content {
position: relative;
height: 100vh;
overflow: hidden
}
.w-lightbox-view {
position: absolute;
width: 100vw;
height: 100vh;
opacity: 0
}
.w-lightbox-view:before {
content: "";
height: 100vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 86vh
}
.w-lightbox-frame,
.w-lightbox-view:before {
display: inline-block;
vertical-align: middle
}
.w-lightbox-figure {
position: relative;
margin: 0
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer
}
.w-lightbox-img {
width: auto;
height: auto;
max-width: none
}
.w-lightbox-image {
display: block;
float: none;
max-width: 100vw;
max-height: 100vh
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh
}
.w-lightbox-caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: .5em 1em;
background: rgba(0, 0, 0, 0.4);
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.w-lightbox-embed {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%
}
.w-lightbox-control {
position: absolute;
top: 0;
width: 4em;
background-size: 24px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
-webkit-transition: all .3s;
transition: all .3s
}
.w-lightbox-left {
display: none;
bottom: 0;
left: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==")
}
.w-lightbox-right {
display: none;
right: 0;
bottom: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+")
}
.w-lightbox-close {
right: 0;
height: 2.6em;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px
}
.w-lightbox-strip {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 0 1vh;
line-height: 0;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden
}
.w-lightbox-item {
display: inline-block;
width: 10vh;
padding: 2vh 1vh;
box-sizing: content-box;
cursor: pointer;
-webkit-transform: translate3d(0, 0, 0)
}
.w-lightbox-active {
opacity: .3
}
.w-lightbox-thumbnail {
position: relative;
height: 10vh;
background: #222;
overflow: hidden
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0
}
.w-lightbox-thumbnail .w-lightbox-tall {
top: 50%;
width: 100%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%)
}
.w-lightbox-thumbnail .w-lightbox-wide {
left: 50%;
height: 100%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}
.w-lightbox-spinner {
position: absolute;
top: 50%;
left: 50%;
box-sizing: border-box;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
border: 5px solid rgba(0, 0, 0, 0.4);
border-radius: 50%;
-webkit-animation: spin .8s infinite linear;
animation: spin .8s infinite linear
}
.w-lightbox-spinner:after {
content: "";
position: absolute;
top: -4px;
right: -4px;
bottom: -4px;
left: -4px;
border: 3px solid transparent;
border-bottom-color: #fff;
border-radius: 50%
}
.w-lightbox-hide {
display: none
}
.w-lightbox-noscroll {
overflow: hidden
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh
}
.w-lightbox-view,
.w-lightbox-view:before {
height: 96vh
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 84vh
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh
}
.w-lightbox-left,
.w-lightbox-right {
display: block;
opacity: .5
}
.w-lightbox-close {
opacity: .8
}
.w-lightbox-control:hover {
opacity: 1
}
}
.w-lightbox-inactive,
.w-lightbox-inactive:hover {
opacity: 0
}
.w-richtext:before,
.w-richtext:after {
content: " ";
display: table;
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 2;
grid-row-end: 2
}
.w-richtext:after {
clear: both
}
.w-richtext[contenteditable="true"]:before,
.w-richtext[contenteditable="true"]:after {
white-space: initial
}
.w-richtext ol,
.w-richtext ul {
overflow: hidden
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after {
outline: 2px solid #2895f7
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7
}
.w-richtext figure.w-richtext-figure-type-video > div:after,
.w-richtext figure[data-rt-type="video"] > div:after {
content: '';
position: absolute;
display: none;
left: 0;
top: 0;
right: 0;
bottom: 0
}
.w-richtext figure {
position: relative;
max-width: 60%
}
.w-richtext figure > div:before {
cursor: default !important
}
.w-richtext figure img {
width: 100%
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6
}
.w-richtext figure div {
font-size: 0;
color: transparent
}
.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type="image"] {
display: table
}
.w-richtext figure.w-richtext-figure-type-image > div,
.w-richtext figure[data-rt-type="image"] > div {
display: inline-block
}
.w-richtext figure.w-richtext-figure-type-image > figcaption,
.w-richtext figure[data-rt-type="image"] > figcaption {
display: table-caption;
caption-side: bottom
}
.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0
}
.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type="video"] iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.w-richtext figure.w-richtext-figure-type-video > div,
.w-richtext figure[data-rt-type="video"] > div {
width: 100%
}
.w-richtext figure.w-richtext-align-center {
margin-right: auto;
margin-left: auto;
clear: both
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div,
.w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%
}
.w-richtext figure.w-richtext-align-normal {
clear: both
}
.w-richtext figure.w-richtext-align-fullwidth {
width: 100%;
max-width: 100%;
text-align: center;
clear: both;
display: block;
margin-right: auto;
margin-left: auto
}
.w-richtext figure.w-richtext-align-fullwidth > div {
display: inline-block;
padding-bottom: inherit
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
margin-right: 15px;
clear: none
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
margin-left: 15px;
clear: none
}
.w-nav {
position: relative;
background: #dddddd;
z-index: 1000
}
.w-nav:before,
.w-nav:after {
content: " ";
display: table;
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 2;
grid-row-end: 2
}
.w-nav:after {
clear: both
}
.w-nav-brand {
position: relative;
float: left;
text-decoration: none;
color: #333333
}
.w-nav-link {
position: relative;
display: inline-block;
vertical-align: top;
text-decoration: none;
color: #222222;
padding: 20px;
text-align: left;
margin-left: auto;
margin-right: auto
}
.w-nav-link.w--current {
color: #0082f3
}
.w-nav-menu {
position: relative;
float: right
}
.w--nav-menu-open {
display: block !important;
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #C8C8C8;
text-align: center;
overflow: visible;
min-width: 200px
}
.w--nav-link-open {
display: block;
position: relative
}
.w-nav-overlay {
position: absolute;
overflow: hidden;
display: none;
top: 100%;
left: 0;
right: 0;
width: 100%
}
.w-nav-overlay .w--nav-menu-open {
top: 0
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto
}
.w-nav[data-animation="over-left"] .w-nav-overlay,
.w-nav[data-animation="over-left"] .w--nav-menu-open {
right: auto;
z-index: 1;
top: 0
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto
}
.w-nav[data-animation="over-right"] .w-nav-overlay,
.w-nav[data-animation="over-right"] .w--nav-menu-open {
left: auto;
z-index: 1;
top: 0
}
.w-nav-button {
position: relative;
float: right;
padding: 18px;
font-size: 24px;
display: none;
cursor: pointer;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.w-nav-button.w--open {
background-color: #C8C8C8;
color: white
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none
}
.w-nav[data-collapse="all"] .w-nav-button {
display: block
}
@media screen and (max-width: 900px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block
}
.w-nav-brand {
padding-left: 10px
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block
}
}
.w-tabs {
position: relative
}
.w-tabs:before,
.w-tabs:after {
content: " ";
display: table;
grid-column-start: 1;
grid-row-start: 1;
grid-column-end: 2;
grid-row-end: 2
}
.w-tabs:after {
clear: both
}
.w-tab-menu {
position: relative
}
.w-tab-link {
position: relative;
display: inline-block;
vertical-align: top;
text-decoration: none;
padding: 9px 30px;
text-align: left;
cursor: pointer;
color: #222222;
background-color: #dddddd
}
.w-tab-link.w--current {
background-color: #C8C8C8
}
.w-tab-content {
position: relative;
display: block;
overflow: hidden
}
.w-tab-pane {
position: relative;
display: none
}
.w--tab-active {
display: block
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block
}
}
.w-ix-emptyfix:after {
content: ""
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.w-dyn-empty {
padding: 10px;
background-color: #dddddd
}
.w-dyn-bind-empty {
display: none !important
}
.w-condition-invisible {
display: none !important
}
.button {
font-size: 19px;
}
.button.submit {
display: block;
width: 100%;
height: 55px;
font-size: 22px;
}
.button.pricing {
display: block;
padding-right: 0px;
padding-left: 0px;
text-align: center;
}
.button.tablet-only {
display: inline-block;
}
.button {
display: inline-block;
padding: 10px 35px 15px;
border-radius: 900px;
background-color: #b10001;
color: #fff;
font-size: 18px;
font-weight: 800;
text-decoration: none;
}
.button:hover {
background-color: #d56c4b;
}
.button:active {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
.section.initial {
padding-top: 160px;
padding-right: 54px;
padding-bottom: 60px;
font-size: 22px;
}
.section.initial.blog {
padding-top: 200px;
padding-bottom: 100px;
}
.section.full-bleed {
padding: 0px 0px 3px;
}
.section.case-study-cta {
padding-top: 0px;
padding-bottom: 80px;
background-color: #4e466c;
color: #fff;
}
.section.final {
padding-bottom: 340px;
}
.section.final.cs-final {
font-size: 22px;
}
.section.blog-grid {
padding-top: 120px;
padding-bottom: 380px;
}
.section.editorial {
padding-top: 80px;
padding-bottom: 400px;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 240, 250, 0.4)), color-stop(17%, #fff));
background-image: linear-gradient(180deg, rgba(242, 240, 250, 0.4), #fff 17%);
}
.section.learning-center {
position: static;
background-color: rgba(78, 70, 108, 0.04);
}
.section._404 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 90vh;
padding-bottom: 100px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.section.initial-learning-hero {
padding-top: 170px;
}
.section.cs-social-proof {
font-size: 22px;
}
.section.pullout-stats {
margin-top: -67px;
padding-top: 86px;
}
.section.cs-results {
padding-top: 98px;
font-size: 22px;
}
.section.cut {
padding-bottom: 0px;
font-size: 22px;
}
.container.centered {
text-align: center;
}
.container.centered.limited {
max-width: 640px;
}
.container.centered.limited.blog-limited {
max-width: 780px;
}
.container.testimonials {
height: 780px;
}
.container.comparison {
max-width: 1400px;
padding-top: 0px;
}
.container.non-relative {
position: static;
}
.container.legal {
max-width: 860px;
margin-right: auto;
margin-left: auto;
}
.container.template-info {
padding-top: 110px;
}
.navigation {
position: absolute;
left: 0%;
top: 0%;
right: 0%;
bottom: auto;
z-index: 50;
display: block;
height: 130px;
padding: 25px 60px;
}
.menu-item {
display: block;
height: 80px;
padding-top: 28px;
padding-right: 15px;
padding-left: 15px;
float: left;
color: #4e466c;
font-size: 18px;
text-decoration: none;
}
.menu-item:hover {
color: #000;
}
.menu-item.w--current {
color: #0a7cf7;
font-weight: 700;
}
.menu-item.cta {
color: #10b1af;
font-weight: 700;
}
.menu-item.cta.hidden {
display: none;
}
.integration-logo {
height: 39px;
margin-right: 35px;
}
.integration-logo.bc {
height: 37px;
}
.red-article-pagination.row {
display: flex;
justify-content: space-between;
}
.col-50 {
position: relative;
width: 50%;
min-height: 25px;
padding-right: 30px;
padding-left: 30px;
}
.col-50.align-right {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
-webkit-box-flex: 0;
-webkit-flex: 0 auto;
-ms-flex: 0 auto;
flex: 0 auto;
text-align: right;
}
.col-50.align-left {
text-align: left;
}
.flex-logos {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.template-preview {
width: 100%;
height: 15%;
background-image: url("https://assets.website-files.com/5cbfa773633cb30f73421375/5cbfe054633cb39869431287_template_a.jpg");
background-position: 50% 50%;
background-size: cover;
}
.template-preview.large {
height: 55%;
background-image: url("https://assets.website-files.com/5cbfa773633cb30f73421375/5cbfe05fa2227a544d63b199_template_b.jpg");
background-size: cover;
}
.template-preview.c {
background-image: url("https://assets.website-files.com/5cbfa773633cb30f73421375/5cbfe06ea2227aad7763b1a1_template_c.jpg");
background-size: cover;
}
.small-descriptor {
margin-bottom: 60px;
font-size: 22px;
line-height: 26px;
}
.block-quote {
padding: 0px;
border-left-style: none;
font-family: Domine, sans-serif;
font-size: 24px;
line-height: 40px;
}
.paragraph {
font-family: Domine, sans-serif;
color: #938ea2;
font-size: 14px;
font-weight: 700;
}
.client-quote-image {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.quote-logo {
height: 200px;
margin-bottom: 0px;
}
.form-label {
margin-top: 0px;
margin-left: 10px;
color: #938fa2;
font-size: 16px;
}
.input {
height: 48px;
margin-bottom: 15px;
border: 1px solid #d7d5e2;
border-radius: 3px;
-webkit-transition: all 200ms ease;
transition: all 200ms ease;
color: #383545;
font-size: 18px;
line-height: 16px;
}
.input:focus {
border-color: #978ac9;
box-shadow: 0 0 20px 0 rgba(78, 70, 108, 0.27);
}
.input.select {
margin-bottom: 0px;
padding-top: 6px;
padding-left: 19px;
border-radius: 900px;
background-image: url("https://assets.website-files.com/5cbfa773633cb30f73421375/5cbfe8da2c7ff4f14a3421c4_carat.svg");
background-position: 90% 50%;
background-size: auto 9px;
background-repeat: no-repeat;
color: #938ea2;
font-size: 16px;
line-height: 20px;
font-weight: 700;
}
.input.single {
margin-bottom: 0px;
}
.input.textarea {
height: 190px;
padding: 25px;
}
.col-70 {
width: 70%;
padding-right: 30px;
padding-left: 30px;
}
.col-70.editorial {
padding-right: 50px;
}
.col-30 {
width: 30%;
padding-right: 30px;
padding-left: 30px;
}
.col-30.align-right {
text-align: right;
}
.form {
margin-top: 120px;
margin-bottom: 0px;
}
.signup-form-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.submit-button {
width: 170px;
height: 48px;
margin-left: 15px;
border-radius: 3px;
background-color: #6935e8;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
font-weight: 700;
}
.submit-button:hover {
background-color: #5629c4;
}
.email-list-heading {
font-size: 20px;
line-height: 20px;
}
.email-newsletter {
margin-bottom: 0px;
}
.log-in-cta {
font-size: 19px;
font-weight: 700;
}
.inline-link {
color: #fff;
}
.inline-link.dark {
color: #e98160;
}
.message-user-img {
width: 59px;
height: auto;
}
.red-notice {
background-color: #f11e1e;
}
.message-center-btn {
float: right;
position: absolute;
right: 0px;
top: -2px;
}
.message__headline {
padding: 27px 3px 0px;
margin: -5px 0;
color: #3a3c4c;
font-weight: 600;
letter-spacing: .02em;
font-size: 18px;
}
.arrow-me {
width: 17px;
height: 17px;
background: white;
position: absolute;
right: -10px;
top: 22px;
transform: rotate(45deg);
border-top: 2px solid #e0e0e0;
border-right: 2px solid #e0e0e0;
}
button#support-article-save {
margin-top: 20px;
border-radius: 1000px;
padding: 17px 56px;
background: #49b987;
z-index: 9999;
bottom: 18px;
color: white;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
text-align: center;
vertical-align: middle;
white-space: nowrap;
border: 1px solid transparent;
color: #fff;
border-color: #49b887;
background-color: #49b887;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
min-height: 186px;
}
.paper a {
color: #0072cd;
}
.paper h1:first-child {
font-size: 2.1em;
font-weight: 600;
color: #b10000;
padding-bottom: 31px;
border-bottom: 1px solid #cacaca;
margin: 0px 0px 40px 0px;
}
.ck.ck-reset_all,
.ck.ck-reset_all * {
z-index: 9999;
}
.ck.ck-link-form {
padding: 5%;
}
#full-screen-modal {
background-image: none;
}
.pure-u {
text-align: left;
}
.p-10 {
padding: 42px 5% 27px 5%;
}
.bootstrap-tagsinput input {
width: 137px !important;
}
#main-support-content .section .section__bg .paper__preview {
text-decoration: none;
display: block;
max-width: 100%;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.paper__large img {
cursor: zoom-in;
border: 3px solid #d8d8d8;
border-radius: 10px;
margin: 13px 0px 55px;
background: #e4e8ea;
}
.paper__large img:hover {
box-shadow: 0px 3px 17px #3e404a3b;
transition: .3s;
}
#app.standalone .featherlight {
background: #1b1f23e0;
}
#suppertCenter-component {
}
#suppertCenter-component * {}
#suppertCenter-component .container.support-open {
}
.support-messages.addMessageWidth, .messanger-search-user-container.addMessageWidth {
width: 527px;
}
.support-messages {
height: 88vh;
background-color: #fff;
position: fixed;
bottom: 95px;
overflow: auto;
background: #ffffff;
border-left: 0px solid #e4e4e4;
right: 17px;
box-shadow: 0px 10px 33px rgb(0 0 0 / 59%);
z-index: 9999;
transition: 500ms;
border-radius: 17px;
max-height: 814px;
max-width: 467px;
}
#support-message-response-reply {
padding: 21px;
}
.row.justify-content-normal {
justify-content: normal;
-webkit-justify-content: normal;
-webkit-align-content: normal;
}
.feedback-comment-name {
position: relative;
left: 12px;
font-size: 1em;
top: 9px;
width: 236px;
overflow: hidden;
}
.feedback-comment-name-container,
.support-feedback-avatar-image,
.feedback-user-avatar-container {
float: left;
}
.support-messages .comment {
clear: both;
}
.feedback-admin-response {
background: rgba(232, 232, 232, 0.58);
border-left: 2px solid #f3f5f7;
border-radius: 6px;
background: #eeeeef !important;
}
@-webkit-keyframes redcore-hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.intercom-button.show-intercom{
bottom: 20px;
transform: perspective(1px) translateZ(0);
animation-name: redcore-hvr-wobble-vertical;
-webkit-animation-name: redcore-hvr-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.intercom-button {
outline: 0;
position: fixed;
right: 20px;
bottom: -100px;
display: block;
background: #6b6b7b;
width: 53px;
height: 53px;
border: 0;
border-radius: 500px;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06), 0 2px 32px rgba(0, 0, 0, 0.16);
transition: 500ms;
cursor: pointer;
z-index: 9998;
}
.avatar__image-extra,
.header:hover {
transition: .5s;
}
.intercom-button:hover {
background: #6b6b7bde;
}
.intercom-button .intercom-icon--launcher {
opacity: 1;
transform: rotate(0deg) scale(1) translate(0%, 0%);
padding: 13px;
border-radius: 500px;
}
.intercom-button .intercom-icon--launcher.hideBtn,
.intercom-button .intercom-icon--close.hideBtn {
opacity: 0;
transform: rotate(45deg) scale(0) translate(-50%, -50%);
}
.intercom-button .intercom-icon--close {
width: 13px;
height: 14px;
opacity: 1;
transform: rotate(0deg) scale(1) translate(4%, -236%);
}
.intercom-badge {
position: absolute;
top: -50%;
right: -50%;
background: #f90000;
width: 24px;
height: 24px;
border-radius: 100%;
color: #FFF;
line-height: 24px;
-webkit-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
box-shadow: -1px 0px 4px #00000042;
}
#full-screen-modal .card.card-comment-container {
width: 100%;
overflow: hidden;
background: #ffffff;
height: auto;
box-shadow: 0px 0px 0px !important;
}
.support-feedback-panel-content-itcome .ckeditor-reply-button {
margin-top: 0px;
}
.intercom-badge {
opacity: 1;
transform: translate(-80%, 80%) scale(1);
}
.text-center.quickcard-show-all {
cursor: pointer;
color: #565867;
font-weight: bold;
margin: 19px 0;
border: 2px solid #f2f2f2;
width: 226px;
margin: 17px auto;
font-size: 13px;
border-radius: 53px;
}
.navbar-expand .navbar-nav .nav-link {
color: #fff;
}
a.paper.quickLinkVisited.quickLinkPrivate:before {
content: '';
position: absolute;
bottom: 10px;
left: 10px;
background: #bcc0c8;
padding: 2px;
border-radius: 55%;
}
button.quick-link-delete-tag {
position: absolute;
left: 5;
bottom: 5;
z-index: 999;
display: none;
}
a.paper.quickLinkVisited:hover button.quick-link-delete-tag {
display: block;
}
.swal2-popup .swal2-styled.swal2-cancel.btn-danger {
background-color: #f5365c;
}
.btn.complete-message {
float: right;
background: #fff;
}
#full-screen-modal .collapse.in.complete-message .card.card-body {
background: #fff;
overflow: hidden;
border: 1px solid #eee;
}
.collapse.in.complete-message {
display: block;
background: #fff;
float: left;
width: 100%;
}
#full-screen-modal .accordion .card-header {
border-radius: 0px;
position: relative;
opacity: 1;
transition: 500ms;
background: transparent;
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0);
border-bottom: 1px solid #bcc0c740;
height: 97px;
}
.accordion .pure-u {
display: inline-block;
width: 95%;
}
.accordion .collapse.in {
display: block;
padding-bottom: 100px;
}
.accordion .collapse .comment {
text-align: justify;
}
.feedback-comment-time-container {
float: right;
}
.feedback-comment-time {
right: -25px;
position: relative;
top: -10px;
font-size: 10px;
}
.form-group.content-align-justify {
text-align: justify;
}
.support-feedback-avatar-image {
width: 47px;
height: 47px;
background: #eee;
}
.nav-wrapper {
padding: 0px;
}
.ck.ck-editor {
border-radius: 7px;
text-align: left;
}
#suppertCenter-component .btn-outline-primary {
color: #6b6b7b;
border-color: #cccccc;
background-color: transparent;
background-image: none;
margin-bottom: 12px;
}
.comment-box-container .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
border-color: #d6d6d6;
margin-bottom: 12px;
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
padding: 2px 21px;
color: #9199ad;
}
.text-center.quickcard-show-all:hover {
cursor: pointer;
margin: 17px auto;
color: #565867;
background: #eaecef;
border-radius: 53px;
text-align: center;
}
.heart-card {
display: none;
}
.collection_meta .c__primary {
font-size: 19px;
}
#user-pad {
display: block;
}
.paper__article-preview:hover {
border: 1px solid #c3cdd5;
-webkit-box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.08);
box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.08);
}
.paper:hover {
border: 1px solid rgba(136, 149, 162, 0.2);
background-color: #fcfcfc;
}
.navbar-expand .navbar-nav .nav-link {
color: #fff;
position: relative;
}
#support-message-response-reply-confirm {
padding: 22px;
}
.ckeditor-reply-button {
margin: 0px 23px;
}
.c__primary .title-count-notification {
height: 24px;
padding: 2px 14px 3px 9px;
font-size: 15px;
font-weight: 900;
color: #c5c5c5;
border-radius: 48px 0px 0px 48px;
border: 100px;
width: auto;
position: absolute;
top: -11px;
margin-right: -16px;
background: #ffffff;
right: -15px;
border: 1px solid #dedede;
min-width: 24px;
}
.g__space.category-container {
position: relative;
}
.card-options-btn {
z-index: 9;
}
ul.support-topic-toggleable .g__space.article-container {
position: relative;
}
button.breadcrumb-item[data-type="home"] {
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
button.breadcrumb-item[data-type="home"]:before {
content: "\f015";
}
#breadCrumbs .link__arrow.o__ltr:nth-child(2) button.breadcrumb-item {
visibility: visible;
}
.swal2-popup.swal2-modal.extend-width {
width: 80%;
}
.article__preview.intercom-force-break {
position: relative;
margin-top: 8px;
}
.article__preview.intercom-force-break:hover span.cat_image_upload {
display: block;
}
span.cat_image_upload {
display: none;
width: 80px;
height: 80;
position: absolute;
left: 0;
background: #fff;
z-index: 9999;
cursor: pointer;
opacity: 0;
}
span.cat_image_upload img {
width: 50%;
display: inline-block;
position: relative;
left: 25%;
top: 25%;
}
.category-container img.support-category-header-image {
width: 80px;
height: 80px;
}
button:focus {
outline: inherit !important;
}
.articlePagination {
cursor: pointer;
}
span.articlePagination {
color: #b10000;
}
span.articlePagination:hover span {
display: inline-block;
}
.padlow {
padding-bottom: 1px;
}
.quickLinkVisited .paper__preview {
font-size: 11px;
font-weight: 600;
}
#section-index .ck.ck-editor {
margin: 0px !important;
*/ border-radius: 7px;
text-align: left;
}
.support-messages .c__primary {
font-size: 18px;
color: #6b6b7b !important;
}
.support-messages .category-container img.support-category-header-image {
width: 49px;
height: 49px;
padding: 5px;
display: none;
}
.support-messages .category-container .article__preview .paper__preview {
margin-left: 0px;
width: 78%;
font-size: 13px;
color: #5d5f6d;
font-weight: 600;
}
.support-messages .paper a {
color: #6b6b7b;
border-radius: 267px;
background: white;
padding: 4px 11px;
font-size: 14px;
margin: -5px;
}
.red-article-pagination.row {
border: 4px solid #dedbdb;
width: 100%;
margin: 48px 0px 0px 0px;
padding: 15px 48px 1px 36px;
background: #f7f7f7;
border-radius: 74px;
}
.support-messages .paper__preview {
margin-left: 0px;
}
.red-article-next.p-2 {
text-align: right;
}
.btn-neutral {
color: #575968;
}
.red-article-previous.col-md-6 {
border-right: 1px solid #cccccc;
}
.support-messages .nav-pills .nav-item.active .nav-link {
background-color: #fff !important;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08) !important;
}
.support-feedback-tab-content-itcome {
background: #c7cad02e;
border-radius: 39px;
padding: 10px;
}
.support-feedback-tab-content-itcome.nav-pills > li > a.nav-link {
box-shadow: none !important;
background-color: transparent !important;
color: #3c4859 !important;
font-weight: bold;
}
.support-feedback-tab-content-itcome.nav-pills > li.active > a,
.support-feedback-tab-content-itcome.nav-pills > li.active > a:focus,
.support-feedback-tab-content-itcome.nav-pills > li.active > a:hover {
color: #3c4859 !important;
background-color: #fff !important;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08) !important;
font-weight: bold;
}
.intercom-main.py-4.padleftright {
}
.support-messages.smsg-intercom .intercom-force-break h2 {
margin-left: 0px !important;
}
.support-messages.smsg-intercom > .nav-wrapper {
padding: 0px 25px;
background: #ffffff;
height: 94px;
position: relative;
margin-top: 24px;
}
button.quick-article-edit-tag.quick-article-view-btn,
button.quick-article-client-edit-tag.quick-article-view-btn {
top: 10px;
bottom: unset;
}
button.quick-article-edit-tag.quick-article-view-btn i.fas.fa-ellipsis-h,
button.quick-article-client-edit-tag.quick-article-view-btn i.fas.fa-ellipsis-h {
font-size: 25px;
}
.intercom-reaction-picker.centerit button.article-yes.bg-good-feedback {
background-color: #bcc0c7;
color: #fff;
}
.dp-inline {
display: inline-block;
}
.alert.alert-success.animated {
z-index: 9999 !important;
}
.support-messages.smsg-intercom .support-feedback-pane-bad .support-li-header.category-header-active {
width: 465px;
padding: 0px 24px;
position: sticky;
border-radius: 14px;
margin-left: 1px;
padding-bottom: 15px !important;
height: 103px;
border-radius: 0px;
}
.support-messages.smsg-intercom .support-feedback-pane-bad .support-li-header.category-header-active .col-intercom-img {
display: none;
}
@media (min-width: 620px) {
#suppertCenter-component .container.adaptive-width,
#suppertCenter-component.adaptive-width,
#proof-component.adaptive-width,
#marketPlace-component.adaptive-width,
#websiteManager-component.adaptive-width {
flex: 1 0 auto;
margin-right: 37%;
width: 60%;
transition: .3s;
}
nav#navbar.adaptive-width {
width: auto;
right: 527px;
}
}
@media (max-width: 620px) {
#suppertCenter-component .support-messages.addMessageWidth,
#proof-component .support-messages.addMessageWidth,
#marketPlace-component .support-messages.addMessageWidth,
#websiteManager-component .support-messages.addMessageWidth {
width: 95%
}
#full-screen-modal .feedback-comment-name-container {
width: 75%;
}
#suppertCenter-component .support-messages.addMessageWidth,
#proof-component .support-messages.addMessageWidth,
#marketPlace-component .support-messages.addMessageWidth,
#websiteManager-component .support-messages.addMessageWidth,
.messanger-search-user-container.addMessageWidth {
width: 100%;
}
.category-container img.support-category-header-image {
width: 67px;
height: 66px;
padding: 2px;
margin: 7px 5px;
}
.category-container .article__preview .paper__preview {
}
.category-container .article__preview .t__h1,
.category-container .article__preview .paper__preview {
margin-left: 69px;
}
.category-container .article__preview .paper__preview {
font-size: 13px;
}
.t__h1 {
font-size: 27px;
}
.red-article-pagination.row {
margin: 28px 0px 0px 0px;
padding: 2px 1px 1px 1px;
}
.col-sm-12.no-pad-mob {
padding-left: 3px;
padding-right: 3px;
}
.g__space + .g__space {
margin-top: 12px;
}
.g__space {
margin-top: 12px;
}
.paper {
padding: 16px;
}
.container {
width: 94%;
}
.support-messages.addMessageWidth,
.messanger-search-user-container.addMessageWidth {
width: 100%;
}
.col-intercom-titles {
width: 80% !important;
}
.support-messages.smsg-intercom .support-feedback-pane-bad .support-li-header.category-header-active {
width: 100vw;
}
}
@media (max-width: 1000px) {
#suppertCenter-component .support-messages,
#proof-component .support-messages,
#marketPlace-component .support-messages,
#websiteManager-component .support-messages {
transition: 500ms;
}
#suppertCenter-component .support-messages.addMessageWidth,
#proof-component .support-messages.addMessageWidth,
#websiteManager-component .support-messages.addMessageWidth,
#marketPlace-component .support-messages.addMessageWidth {
width: 100%;
}
.header__headline {
font-size: 22px;
}
}
h1.content {
font-size: 2.2em;
color: #b10000;
padding: 0px 0px 47px 0px;
border-bottom: 1px solid #e2e2e2;
margin-bottom: 23px;
}
span.close_search_field {
position: absolute;
top: 7px;
right: 12px;
padding: 0px 13px;
border-radius: 55%;
cursor: pointer;
z-index: 9999;
color: #bcc0c7;
font-weight: bold;
font-size: 35px;
cursor: pointer;
}
label.hide {
display: none !important;
}
.redston-bug-email {
position: fixed;
bottom: 0;
left: 0px;
z-index: 1050;
cursor: pointer;
width: 133px;
background: white;
padding: 8px 0px 0px 15px;
border-radius: 0px 8px;
}
.redston-bug-email .bug-container {
display: block;
width: 117px;
}
.redston-bug-email .bug-container .red-container-bug {
float: left;
padding: 6px;
background: red;
border-radius: 50px;
color: #fff;
position: relative;
top: -2px;
left: -10px;
font-size: 11px;
}
.redston-bug-email .bug-container h2 {
float: left;
}
.notification_add {
background: linear-gradient(180deg, #ec4040, #b30041);
width: 3em;
text-align: center;
padding: 20px 0;
border-radius: 50%;
position: absolute;
left: 48%;
z-index: 99999;
cursor: pointer;
box-shadow: 0 0 0 0.3em #FFF;
}
h6.content.support-article-date {
text-align: left;
top: -52px;
position: relative;
left: 2px;
}
.alert.company-top-notification {
background: #52525a;
color: #fff;
}
.alert.company-top-notification a:hover {
background: #6b6b7be8;
color: #fff;
}
.company-top-notification span {
color: #ffffff !important;
font-weight: bold;
}
div#structure.paper {
overflow: visible;
}
.support-messages.smsg-intercom .intercom-force-break h2 {
margin-left: 0;
}
.support-messages.smsg-intercom .support-li-header.active-notification .intercom-force-break h2 span.c__primary {
color: #b10000 !important;
}
.support-messages.smsg-intercom .intercom-force-break h2 span {
color: #b1b4bb !important;
overflow: visible;
text-overflow: ellipsis;
white-space: nowrap;
}
a.messageCeterArticleView {
border-radius: 34px;
cursor: pointer;
}
.intercom-top-first-comment {
background: #f3f5f7;
margin-bottom: 20px;
margin-left: 10px;
}
.support-messages.smsg-intercom .paper:hover {
background: #f7f8f991;
}
.client-no-feedback {
font-size: 0.67em;
cursor: pointer;
font-weight: bold;
top: -4px;
}
#support-message-box-bottom-container {
text-align: center;
padding: 6px 10px 41px 10px;
margin: 54px auto;
border-radius: 7px;
background: #00000002;
background: -moz-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%),-moz-linear-gradient(top, rgba(57,173,219,.25) 0%, rgba(42,60,87,.4) 100%), -moz-linear-gradient(-45deg, #670d10 0%, #092756 100%);
background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -webkit-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -webkit-linear-gradient(-45deg, #670d10 0%,#092756 100%);
background: -o-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -o-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -o-linear-gradient(-45deg, #670d10 0%,#092756 100%);
background: -ms-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), -ms-linear-gradient(top, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), -ms-linear-gradient(-45deg, #670d10 0%,#092756 100%);
background: -webkit-radial-gradient(0% 100%, ellipse cover, rgba(104,128,138,.4) 10%,rgba(138,114,76,0) 40%), linear-gradient(to bottom, rgba(57,173,219,.25) 0%,rgba(42,60,87,.4) 100%), linear-gradient(135deg, #670d10 0%,#092756 100%);
max-width: 906px;
border-radius: 421px;
padding-top: 5px;
}
button#user-message-ask,
button#user-message-submit.btn.btn-primary {
border-radius: 44px;
padding: 19px 69px 17px 69px;
margin-top: 23px;
text-align: center;
font-weight: 900;
font-size: 17px;
}
.bolder {
font-weight: 900;
}
.way-wide {
width: 100%;
}
.send-now {
border-radius: 83px;
padding: 13px 39px;
background: #b10000;
border-color: #b10000;
}
a.messageCeterFeedbackComplete {
border-radius: 34px;
cursor: pointer;
}
.complete-option-article {
text-align: center;
display: block;
width: 100%;
margin: 25px 0 0 0;
}
.article-complete-btn {
width: 100%;
float: unset;
display: inline-block;
padding: 6px;
border-radius: 0px;
}
.btn-primary {
overflow: hidden;
}
.myGrad:hover {
overflow: hidden;
}
.myGrad {
-webkit-appearance: none;
background: -webkit-gradient(to right, #a2ccb6 0%, #fceeb5 50%, #ee786e 100%);
background: linear-gradient(to right, #b70000 0%, #ff0000 50%, #a90d00 100%);
background-size: 900%;
border: none;
cursor: pointer;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
outline: none;
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 50px;
}
.myGrad:hover {
animation-name: gradient;
-webkit-animation-name: gradient;
animation-duration: 3s;
-webkit-animation-duration: s;
animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-fill-mode: 5s infinite;
-webkit-animation-fill-mode: 5s infinite;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
100% {
background-position: 100%;
}
}
.article-yes-no-btn {
padding: 23px 5px 40vh 26px !important;
}
.padleftright {
font-weight: 900;
border-bottom: 3px solid #bcc0c7;
font-size: 26px;
color: #bcc0c7;
margin-bottom: 0px;
height: 65px;
text-align: center;
position: relative;
top: 0px;
margin-top: 34px;
display: block;
}
.no-padleftright {
padding-left: 0px !important;
padding-right: 0px !important;
}
.opacity-display {
opacity: 0 !important;
transform: scale(0.9);
height: 0px !important;
}
.client-no-feedback {
font-size: 0.67em;
cursor: pointer;
font-weight: bold;
}
#message-subtitle-text:hover {
cursor: pointer;
}
[data-tooltip],
.tooltip {
position: relative;
cursor: pointer;
}
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
position: absolute;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
-webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-moz-transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
-moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
transition:
opacity 0.2s ease-in-out,
visibility 0.2s ease-in-out,
transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
pointer-events: none;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.tooltip:before,
[data-tooltip]:before {
z-index: 1001;
border: 8px solid transparent;
background: transparent;
content: "";
}
.tooltip:after,
[data-tooltip]:after {
z-index: 1000;
padding: 14px;
min-width: 166px;
background-color: #000;
background-color: hsl(0deg 0% 100%);
color: #202c40;
content: attr(data-tooltip);
font-size: 14px;
line-height: 1.2;
border-radius: 9px;
text-align: center;
backdrop-filter: blur(28px);
-webkit-backdrop-filter: blur(28px);
box-shadow: 0px 4px 18px #00000045;
}
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
bottom: 100%;
left: 50%;
}
[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
margin-left: -6px;
margin-bottom: -16px;
border-top-color: #fff;
border-bottom-color: hsl(0deg 0% 100% / 0%);
}
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
margin-left: -80px;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
-webkit-transform: translateY(-12px);
-moz-transform: translateY(-12px);
transform: translateY(-12px);
}
.tooltip-left:before,
.tooltip-left:after {
right: 100%;
bottom: 50%;
left: auto;
}
.tooltip-left:before {
margin-left: 0px;
margin-right: -13px;
margin-bottom: 0;
border-top-color: transparent;
border-left-color: #fff;
border-bottom-color: hsl(0deg 0% 100%);
}
.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
-webkit-transform: translateX(-12px);
-moz-transform: translateX(-12px);
transform: translateX(-12px);
}
.tooltip-bottom:before,
.tooltip-bottom:after {
top: 100%;
bottom: auto;
left: 50%;
}
.tooltip-bottom:before {
margin-top: -12px;
margin-bottom: 0;
border-top-color: transparent;
border-bottom-color: #fff;
border-bottom-color: hsl(0deg 0% 100%);
}
.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
-webkit-transform: translateY(12px);
-moz-transform: translateY(12px);
transform: translateY(12px);
}
.tooltip-right:before,
.tooltip-right:after {
bottom: 50%;
left: 100%;
}
.tooltip-right:before {
margin-bottom: 0;
margin-left: -12px;
border-top-color: transparent;
border-right-color: #fff;
border-right-color: hsl(0deg 0% 100% / 90%);
}
.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
-webkit-transform: translateX(12px);
-moz-transform: translateX(12px);
transform: translateX(12px);
}
.tooltip-left:before,
.tooltip-right:before {
top: 7px;
}
.tooltip-left:after,
.tooltip-right:after {
margin-left: 0;
margin-bottom: -16px;
}
.tooltip-bottom:before {
margin-top: -14px;
}
.col-intercom-img {
margin: auto 0;
width: auto;
}
.col-intercom-titles {
width: 87%;
}
#full-screen-modal .accordion .card-header.support-li-header {
margin: 0px !important;
}
.col-intercom-img img.support-category-header-image {
display: block !important;
width: 47px !important;
height: 47px !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
border-radius: 50%;
border: 0px solid rgba(0, 0, 0, 0.2);
padding: 2px !important;
top: 7px;
position: relative;
background: #eee;
}
.fas.category-back-arrow {
font-size: 21px;
display: none;
color: #bcc0c7;
padding-right: 2px;
}
.project-order-counts {
position: absolute;
top: 0px;
padding: 2px 3px;
border-radius: 10px;
font-size: 11px;
line-height: 1;
background: #ffffff;
color: #bcc0c7;
font-weight: bold;
float: right;
box-shadow: 0px 0px 0px;
}
.intercom-main {
margin-bottom: 30vh;
}
.support-nest-2:first-child .article-container .paper__article-preview {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom: 1px solid #d3d9de;
}
#article-container {
min-height: 50vh;
display: flex;
flex-flow: row nowrap;
align-items: stretch;
min-width: 100vw;
}
#article-container-left,
#article-container-right {}
#article-container-left {
flex: 1 0 30vw;
}
#article-container-right {
flex: 1 0 60vw;
background-color: lightgray;
display: flex;
flex-flow: column nowrap;
align-items: stretch;
justify-content: center;
border-left: thin solid slategrey;
}
#article-container-right input,
#article-content {
padding: 5px;
border-radius: 3px;
background-color: lightgray;
margin-left: 5%;
margin-right: 5%;
margin-bottom: 1%;
margin-top: 1%;
border: thin solid slategrey;
}
#article-container-right #article-content {
min-height: 30%;
}
#article-container-right #article-container-bottom {
display: flex;
flex-flow: row nowrap;
margin-left: 5%;
}
#article-container-right #article-container-bottom #article-questions {
flex: 1 1 80%;
margin-left: 0;
margin-right: 0;
}
#article-container-right #article-container-bottom #support-article-save {
color: mediumseagreen;
border-radius: 25px;
flex: 1 1 8%;
margin-left: 2%;
margin-right: 2%;
}
#app.standalone .featherlight {
background: slateGrey;
overflow-y: auto;
}
#app.standalone .featherlight-content {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
max-height: none;
border-bottom: none;
overflow: visible;
}
.support-li {
cursor: pointer;
list-style: none;
text-align: left;
}
.support-li .g__space {
margin-top: 0;
text-align: left;
}
.support-li .c__body {
text-align: left;
}
.support-li button,
.category-container button {
text-align: left;
}
.category-container .article__preview .t__h1,
.category-container .article__preview .paper__preview {
margin-left: 100px;
}
.category-container .article__preview .t__h1 .c__primary {
color: #3a3c4c;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.category-container .article__preview .paper__preview {
color: #565867;
}
.category-container .article__preview .paper__preview {
font-weight: 400;
font-size: 16px;
line-height: 1;
}
.topic-container .support-li button .c__body {
font-weight: 400;
font-size: 14px;
line-height: 1.4;
}
.article-container .article__preview .paper__preview {
font-weight: 400;
font-size: 16px;
line-height: 1.4;
}
.support-category-toggleable,
.support-topic-toggleable {
display: none;
}
.paper__article-preview {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.category-container .paper__article-preview,
.topic-container .paper__article-preview {
border: none;
}
.article-container .paper__article-preview {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: 1px solid #d0d6db;
}
.support-nest-2:last-child .article-container .paper__article-preview {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: 1px solid #d4dadf;
}
.topic-container .paper__article-preview {
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.topic-container .paper__article-preview .section__headline {
padding-left: 0;
}
.article-container .paper__preview {
color: #565867;
}
.article-container .paper__preview,
.article-container .t__h3 {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.category-support-ul,
.topic-container .section__headline {
padding-left: 0;
}
.support-selected {
margin-bottom: 20px;
}
.article-arrow-right {
font-size: 12px;
color: #b1b1b1;
padding-left: 4px;
visibility: hidden;
}
.article-arrow-right:hover,
.paper:hover .article-arrow-right {
visibility: visible
}
.back-bar {
width: 100%;
background: #ffffffcc;
height: 100px;
position: fixed;
bottom: 0px;
left: 0;
text-align: center;
box-shadow: 0 1px 6px 4px rgba(0, 0, 0, 0.2);
border-top: 1px solid #0000004d;
z-index: 9999;
}
.support-messages .ck.ck-editor {
text-align: left;
padding: 12px 16px 8px 23px;
height: 132px;
background: white;
}
.header_report-section,
.header__report-subtitle {
color: inherit;
}
.report-top-section {
width: 100%;
display: flex;
}
.report-like-left {
width: 100%;
font-weight: 600;
}
.report-like-right {
width: 20%;
}
#report-bugs-structure .card-header.support-li-header {
padding: 12px 59px 12px 20px;
height: auto;
}
.report-like-count {
float: left;
padding: 0 10px;
}
.report-like {
float: left;
margin: auto 0px;
background: #70727d;
border-radius: 15px;
border: 1px solid #ffffff;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
*/ color: white !important;
}
.report-like span.report-thumbs-up:hover i {
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}
.report-like span.report-thumbs-down:hover i {
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
div.report-like span i {
padding: 5px 10px;
}
button.btn.btn-default.report_status_update {
border-radius: 15px;
padding: 5px 10px;
font-size: 10px;
text-align: center;
right: 0;
position: fixed;
z-index: 9999;
bottom: 11px;
margin: auto 50%;
left: 30px;
}
.bold {
font-weight: 900;
}
div#accordionReportBugvote {
background: white;
border-radius: 9px;
padding: 23px;
}
div#accordionReportBugcomplete {
background: white;
border-radius: 9px;
padding: 23px;
}
.report-like-count :first-child {
color: red;
}
#report-bugs-structure .card-header.support-li-header {
padding: 17px 27px;
font-weight: 500;
}
div.report-like span i:hover {
border: 1px solid;
border-radius: 25px 0px 0px 25px;
transform: scale(1.1);
}
div.report-like span i:active {
transform: scale(1);
}
i.fas.fa-thumbs-down {
color: white;
}
i.fas.fa-thumbs-up {
color: white;
}
i.fas.fa-thumbs-down:hover {
border: 1px solid;
border-radius: 0px 25px 25px 0px;
transform: scale(1.1);
}
i.fas.fa-thumbs-down:active {
transform: scale(1);
}
span#article_resolved {
cursor: pointer;
}
.paper-content .media {
display: flex;
align-items: flex-start;
border: 3px solid #dedbdb;
border-radius: 8px;
}
.paper-content .media:hover {
box-shadow: 0px 5px 13px #b1b1b1;
}
#helpful-section {
margin-top: -10px;
border-radius: 0px 0px 7px 7px;
border-top: 1px solid #dedbdb;
padding: 62px 0px 16px 0px;
}
.intercom-title-sections {
font-weight: 900;
font-size: 25px;
top: 14px;
position: relative;
color: #bcc0c7;
}
.fall--2s {
animation: yourAnimation .2s forwards 0s linear;
}
.fall--3s {
animation: yourAnimation .3s forwards 0s linear;
}
.fall--4s {
animation: yourAnimation .4s forwards 0s linear;
}
.fall--5s {
animation: yourAnimation .5s forwards 0s linear;
}
.fall--7s {
animation: yourAnimation .7s forwards 0s linear;
}
.fall--8s {
animation: yourAnimation .8s forwards 0s linear;
}
.fall--9s {
animation: yourAnimation .9s forwards 0s linear;
}
.fall-1s {
animation: yourAnimation 1s forwards 0s linear;
}
.fall-1-5s {
animation: yourAnimation 1.5s forwards 0s linear;
border: 1px solid #dedbdb;
margin-top: 6px;
}
.fall-2s {
animation: yourAnimation 2s forwards 0s linear;
}
.fall-2-5s {
animation: yourAnimation 2.5s forwards 0s linear;
}
.fall-3s {
animation: yourAnimation 3s forwards 0s linear;
}
.fall-3-5s {
animation: yourAnimation 3.5s forwards 0s linear;
}
.fall-4s {
animation: yourAnimation 4s forwards 0s linear;
}
.fall-4-5s {
animation: yourAnimation 4.5s forwards 0s linear;
}
.fall-5s {
animation: yourAnimation 5s forwards 0s linear;
}
.fall-6s {
animation: yourAnimation 6s forwards 0s linear;
}
.fall-7s {
animation: yourAnimation 7s forwards 0s linear;
}
.fall-8s {
animation: yourAnimation 8s forwards 0s linear;
}
.footer-btn {
border-radius: 24px;
border: 1px solid #cecece;
padding: 5px 18px;
color: gray;
}
.footer-btn:hover {
border: 1px solid #616161;
color: #616161;
}
.swal2-actions button.swal2-confirm {
order: 2;
}
.swal2-actions button.swal2-cancel {
order: 1;
}
.paper-content p {
font-size: 1rem !important;
font-weight: 400 !important;
}
.spinner {
margin: 7px 5px 0 0;
width: 30px;
text-align: center;
float: left;
clear: none;
}
.spinner > div, .spinner > span {
width: 10px;
height: 10px;
border-radius: 100%;
display: inline-block;
-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
background: rgba(0, 0, 0, 1);
}
.spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.spinner .bounce2 {
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0)
}
40% {
-webkit-transform: scale(1.0)
}
}
@keyframes sk-bouncedelay {
0%,
80%,
100% {
-webkit-transform: scale(0);
transform: scale(0);
}
40% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
.responding-message-overlay {
display: none;
padding: 14px 25px 0px 25px;
}
.responding-message-overlay-home,
.responding-message-overlay-admin,
.responding-message-overlay-chat {
font-size: 14px;
position: absolute;
bottom: 100%;
right: 100%;
width: 350%;
}
.responding-message-overlay-collapse {
position: relative;
top: -25px;
}
.article-border-cover {
padding: 15px 0px 0px 17px;
border: 1px solid #d2d2d2;
border-radius: 6px;
margin-bottom: 22px;
background: #f9f9f9;
}
.paper__large a {
color: #cc0000;
}
#reg-title-slider-1 {
background-image: url(/core/templates/assets/images/Redstone-2.jpg);
background-size: cover;
background-position: center;
background: #bb0000;
}
#reg-title-slider-2 {
background-image: url(/core/templates/assets/images/Redstone-2.jpg);
background-size: cover;
background-position: center;
}
#reg-title-slider-4 {
background-image: url(/core/templates/assets/images/Redstone-3.jpg);
background-size: cover;
background-position: center;
}
.report-voting-header {
display: flex;
flex-wrap: wrap;
}
.no-pad.category-container.col-md-12 {
transition-property: order;
transition-duration: 1s;
transition-timing-function: linear;
transition-delay: 1s;
}
.vote-added {
background: #f3f5f7;
transition: 1s;
animation-duration: 1s;
}
.featherlight .featherlight-close-icon {
line-height: 38px;
width: 39px;
font-size: 24px;
}
.have-an-idea {
display: none;
}
.hide-this {
display: none !important;
}
.show-this {
display: block !important;
}
.blockquote::before,
.blockquote::after {
content: "\0022";
font-size: 2em;
font-weight: bold;
color: green;
vertical-align: -.3em;
}
blockquote {
margin: 0 0 1rem;
padding-left: 40px;
border-left: 4px solid rgb(209, 209, 209);
font-style: italic;
font-weight: bolder;
}
!p .code {
background: gray;
color: green;
}
p:has(code) {
color: red;
}
p ~ code {
color: red;
}
p ~ .code {
color: red;
}
p > .code {
color: red;
}
.report_status_update[data-action="delete"] {
left: -30px !important;
background: #f5365c;
border-color: #f5365c;
}
.support-topic-text-container {
padding: 10px 29px;
transition: .4s;
}
.support-topic-text-container i {
padding: 10px;
margin: 0;
font-size: 12px;
}
.support-topic-text-container:hover {
transition: .4s;
background: #f3f5f7;
}
a.show-purple {
background: purple !important;
}
.subtitle-terms.error.login-input-user,
.subtitle-terms.error.login-input-password {
animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
.login-message.error-message {
animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
@keyframes shake {
10%,
90% {
transform: translate3d(-1px, 0, 0);
}
20%,
80% {
transform: translate3d(2px, 0, 0);
}
30%,
50%,
70% {
transform: translate3d(-4px, 0, 0);
}
40%,
60% {
transform: translate3d(4px, 0, 0);
}
}
ul.top-search-autocomplete:hover {
display: block !important;
}
ul.top-search-autocomplete.article-search-position {
top: 50%;
}
ul.top-search-autocomplete {
position: absolute;
padding: 19px 0px 0px 0px;
background: white;
width: 100%;
max-height: 265px;
overflow-y: auto;
z-index: 9;
color: #3f4040b0;
top: 60%;
border-radius: 0px 0px 26px 26px;
box-shadow: 0px 2px 10px #0000004a;
-webkit-transition: background .4s, -webkit-box-shadow .2s;
transition: background .4s, -webkit-box-shadow .2s;
-o-transition: background .4s, box-shadow .2s;
transition: background .4s, box-shadow .2s;
transition: background .4s, box-shadow .2s, -webkit-box-shadow .2s;
}
ul.top-search-autocomplete li {
background: #fff;
padding: 5px 10px 5px 20px;
cursor: pointer;
border-radius: 51px;
margin: 7px 12px;
text-transform: capitalize;
}
ul.top-search-autocomplete li:hover {
background: #bcc0c770;
color: #0e0909;
}
.support-center-search-section {
position: relative;
}
.support-center-search-section form {
position: relative;
z-index: 99;
}
button.swal2-confirm[disabled="disabled"] {
background: #aaa !important;
}
button#support-article-delete {
margin-top: 20px;
margin-right: 20px;
border-radius: 1000px;
padding: 17px 56px;
z-index: 9999;
bottom: 18px;
color: white;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
vertical-align: middle;
-webkit-user-select: none;
}
.alert.company-top-notification:after {
content: '1';
max-width: 50px;
height: :50px;
background: red;
position: absolute;
border-radius: 100px;
padding: 0px 7px;
top: -11px;
left: -11px;
color: rgba(255, 255, 255, 0.07);
box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.31);
border: 2px solid white;
color: white;
font-weight:900;
}
.alert.company-top-notification.first.fade.show {
background: red;
}
#main-support-quickcard-results .quickcard-show-all {
display: none;
}
ul.top-search-autocomplete.overHide:hover,
ul.top-search-autocomplete.overHide li:hover {
display: none !important;
}
* {
box-sizing: border-box;
}
.rating-container {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: 0 20px;
}
.rating {
display: flex;
width: 100%;
justify-content: center;
overflow: hidden;
flex-direction: row-reverse;
height: 150px;
position: relative;
}
.rating-0 {
filter: grayscale(100%);
}
.rating > input {
display: none;
}
.rating > label {
cursor: pointer;
width: 40px;
height: 40px;
margin-top: auto;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: center;
background-size: 76%;
transition: .3s;
}
.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23fcd93a' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}
.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23d8b11e' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}
.emoji-wrapper {
width: 100%;
text-align: center;
height: 100px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
}
.emoji-wrapper:before,
.emoji-wrapper:after {
content: "";
height: 15px;
width: 100%;
position: absolute;
left: 0;
z-index: 1;
}
.emoji-wrapper:before {
top: 0;
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 0) 100%);
}
.emoji-wrapper:after {
bottom: 0;
background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 35%, rgba(255, 255, 255, 0) 100%);
}
.emoji {
display: flex;
flex-direction: column;
align-items: center;
transition: .3s;
}
.emoji > svg {
margin: 15px 0;
width: 70px;
height: 70px;
flex-shrink: 0;
}
#rating-1:checked ~ .emoji-wrapper > .emoji {
transform: translateY(-100px);
}
#rating-2:checked ~ .emoji-wrapper > .emoji {
transform: translateY(-200px);
}
#rating-3:checked ~ .emoji-wrapper > .emoji {
transform: translateY(-500px);
}
#rating-4:checked ~ .emoji-wrapper > .emoji {
transform: translateY(-300px);
}
#rating-5:checked ~ .emoji-wrapper > .emoji {
transform: translateY(-400px);
}
.rating-feedback {
max-width: 360px;
background-color: #fff;
width: 100%;
padding: 30px;
border-radius: 8px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
}
.bord-it {
border-right: 1px solid black;
}
.big-stat {
font-size: 57px;
text-align: center;
}
.stat-title {
font-size: 15px;
}
.stat-boxes:hover {
transform: scale(1.03);
transition: .2s;
box-shadow: 0px 3px 6px #00000026;
}
.col-md-3.bg-company-color p {
margin: auto;
font-size: 20px !important;
font-weight: bold !important;
}
.above-label {
display: inline-block;
margin-bottom: .5rem;
position: relative;
font-size: 11px;
background: white;
top: 15px;
left: 14px;
padding: 0px 4px;
font-weight: 600;
color: #3a3c4c;
}
.stat-boxes {
background: #ffffff;
text-align: center;
padding: 15px 0px 1px 0px;
color: #6b6b7b;
border-radius: 4px;
margin-bottom: 25px;
font-weight: 900;
transition: .3s;
border: 1px solid #d2d2d2;
}
.line-sepr {
margin: 10px 34px 105px 22px;
}
.white {
color: white !important;
}
.idea-board-popular-title {
font-size: 27px;
text-align: center;
padding: 0;
}
.popular-ideas-trigger-button {
text-align: center;
}
.popular-ideas-trigger-button button {
background: #a20001;
border-radius: 105px;
padding: 15px 35px;
color: white;
}
.article-click-trigger {
cursor: pointer;
}
.artilce-team-view {
color: #cc0000;
cursor: pointer;
}
a.artilce-profile-view {
color: #6b6b7b;
font-weight: bold;
background: #f3f5f7;
font-size: 11px;
padding: 5px 10px;
border-radius: 4px;
cursor: pointer;
transition: .3s;
margin-top: 4px;
}
a.artilce-profile-view:hover {
background: #dee2e6;
transition: .3s;
}
.toptitle {
font-size: 1.9rem;
margin: 26px 0px;
font-weight: 900;
color: #081f3f;
}
.info-space {
padding-left: 5px;
font-size: 13px;
color: #adb5bd;
}
.meter {
height: 10px;
position: relative;
background: #f3efe6;
overflow: hidden;
border-radius: 55px;
}
.meter span {
display: block;
height: 100%;
}
.progress {
background: #d40000;
-webkit-animation: progressBar 2s ease-in-out;
-webkit-animation-fill-mode: both;
-moz-animation: progressBar 2s ease-in-out;
-moz-animation-fill-mode: both;
}
@-webkit-keyframes progressBar {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@-moz-keyframes progressBar {
0% {
width: 0;
}
100% {
width: 100%;
}
}
button#have-an-idea-btn {
font-size: 17px;
font-weight: 800;
padding: 20px 63px;
}
button#create-report-submit {
padding: 16px 61px;
}
.anonymous-bar {
position: fixed;
bottom: -25px;
z-index: 999999;
background: #ffffff;
width: 100%;
right: 0px;
padding: 30px 8px 41px !important;
box-shadow: 0px 6px 15px #00000078;
}
.myGrad2 {
background: linear-gradient(to right, #2196F3 0%, #51bbea 50%, #4daaf4 100%);
}
.trigger-new-article-page {
cursor: pointer;
}
#main-support-new-article-list .section__bg {
padding: 0px 5% 5%;
}
#section-monthly-artice-content .support-li {
position: relative;
}
.col.bord-it:hover {
background: #e9edf1;
border-radius: 8px;
border: 0px;
}
.col.bord-it.no-border {
border: 0px;
}
.trigger-team-category {
cursor: pointer;
}
ul.top-search-autocomplete li.ui-autocomplete-row {
position: relative;
}
ul.top-search-autocomplete li.ui-autocomplete-row:hover i {
visibility: visible;
position: absolute;
right: 12px;
top: 3px;
font-size: 30;
color: #fff;
}
h1 .support-category-header-image {
max-width: 61px;
max-height: 61px;
margin: 0px 10px 0px 0px;
float: left;
top: -9px;
position: relative;
left: 0px;
}
.top-idea-board-notification {
background: rgba(255, 255, 255, 0);
padding: 22px 0;
text-align: center;
top: 25px;
cursor: pointer;
}
span.top-right-contact-no {
position: absolute;
right: 20;
}
.top-right-contact-no a:hover {
color: #fff;
}
img.support-category-header-image {
background: white;
border: none;
border-radius: 50px;
cursor: grab;
}
button.dropdown-toggle.selected-box:after,
.input-group.input-group-merge.selected-box:after {
content: "\f00c";
position: absolute;
height: 30px;
width: 30px;
right: 3px;
font-size: 20px;
color: #4fd69c;
top: 10px;
font-weight: bolder;
border: 0px;
font-family: FontAwesome;
}
.collapse-expand-container {
display: flex;
justify-content: center;
}
.cat-topic-collapse-expand {
margin-bottom: 20px;
}
.stat-boxes.comunities-color {
cursor: pointer;
}
.article-click-trigger:hover {
text-decoration: underline;
}
.bottom-notification-new-article-list {
text-align: center;
padding: 5% 0 1% 0px;
}
.ckeditor-wrapper,
#suppertCenter-component .ckeditor-wrapper,
#proof-component .ckeditor-wrapper,
#marketPlace-component .ckeditor-wrapper,
#websiteManager-component .ckeditor-wrapper {
position: fixed;
bottom: 96px;
width: 467px;
padding-bottom: 15px;
background: white;
box-shadow: 2px -7px 10px -2px #00000014;
z-index: 9999;
border-radius: 0px 0px 12px 12px;
}
.ckeditor-wrapper .article-yes-no-btn {
padding: 23px 5px 20px 26px !important
}
.support-messages .accordion .collapse.in {
padding-bottom: 310px;
background: radial-gradient(1000px 400px at 100% 0%, rgba(239,68,68,.14), transparent 60%), radial-gradient(1000px 400px at 0% 100%, rgba(220,38,38,.10), transparent 60%);
height: 100%;
overflow-y: scroll;
max-height: 453px;
}
.support-messages .support-li-header {
max-width: 467px;
left: 0;
position: sticky;
}
.support-messages.smsg-intercom .support-li-header.category-header-active.article-header-fix {
right: 0;
}
.support-messages.smsg-intercom .feedback-lists .support-li-header.category-header-active {
width: 512px;
}
.support-messages.smsg-intercom .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
min-height: 35px;
}
@media (max-width: 1000px) {
#suppertCenter-component .ckeditor-wrapper {
width: 100%;
}
.support-messages .support-li-header {
width: 100%;
}
#suppertCenter-component .support-messages.smsg-intercom .support-li-header.category-header-active,
#proof-component .support-messages .support-li-header.category-header-active,
#marketPlace-component .support-messages .support-li-header.category-header-active,
#websiteManager-component .support-messages .support-li-header.category-header-active {
left: 0;
width: 100%;
}
.hide-mobile {
display: none;
}
}
.image-cropping-container {
margin: 0 auto;
float: left;
display: block;
padding: 0;
}
.default-height {
height: 300px;
}
#uploadProfileimageModal {
z-index: 9999999 !important;
}
.relative-position {
position: relative;
}
a.rotate-button {
position: absolute;
right: 0;
bottom: 25;
}
a.rotate-button.rotate-first {
right: 115px;
}
a.rotate-button.rotate-second {
right: 80px;
}
.circle-bg.current-feedback {
background: #de262a;
}
.circle-bg {
background: #a60b0f;
color: #fff;
padding: 7px 10px !important;
border-radius: 150px;
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.03);
display: flex;
cursor: pointer;
transition: .2s;
}
.circle-bg.star-rating {
background: #5b4f4f;
}
.circle-bg.helpful-articles {
background: #928c8c;
}
.col-md-12.circle-bg {
overflow: hidden;
}
.col-md-12.circle-bg:after {
content: '';
position: absolute;
padding: 0 25px;
background: url(https://redcoredesign.s3.us-east-2.amazonaws.com/core/uploads/886483177download.svg);
background-repeat: no-repeat;
right: -2;
top: 2px;
background-position: center;
height: 100%;
background-size: cover;
}
.circle-bg .review-list-count {
font-size: 30px;
text-align: center;
}
.circle-bg .review-text {
margin: auto;
}
.circle-bg:hover {
opacity: .9;
transform: scale(1.02);
transition: .2s;
box-shadow: 0px 6px 18px #0000004a;
}
.subtitle-terms.error {
color: #ffffff;
background: #c20000;
position: relative;
display: flex;
width: 100%;
border-radius: 0px 0px 4px 4px;
padding: 0px 6px;
line-height: 27px;
position: relative;
top: -2px;
}
.signup-loader {
visibility: hidden;
width: 20px;
}
span.timer-hours {
color: #db4844;
font-weight: bold;
}
span.timer-minutes {
color: #f07c22;
font-weight: bold;
}
span.timer-seconds {
color: #abcd58;
font-weight: bold;
}
a.add-btn.article_response_time {
border-color: transparent;
}
.avatar-lg {
box-shadow: 0px 0px 2px #00000094;
}
.redstone-menu {
padding: 8px;
top: 5px;
position: relative;
font-size: 1.4em;
}
.new-account-btn {
background: #b7000000;
width: 100%;
border: 1px solid white;
padding: 8px;
border-radius: 74px;
color: white;
}
.circle-bg:hover {
opacity: .9;
}
.support-messages-header {
background: rgb(245, 245, 247);
text-align: center;
position: sticky;
z-index: 9999;
}
.category-container.category-header-active {
position: relative;
z-index: 9999;
overflow-y: scroll;
width: 100vw;
max-width: 467px;
}
.support-messages-home-header {
background: rgb(245, 245, 247);
padding: 10px 13px;
text-align: center;
margin-top: 1px;
height: 45px;
position: sticky;
}
.intercom-header-left {
display: inline-block;
float: left;
cursor: pointer;
padding: 0px 6px;
border-radius: 3px;
top: 0px;
position: relative;
}
.intercom-header-right {
display: inline-block;
float: right;
font-size: 24px;
top: 1px;
position: relative;
cursor: pointer;
height: 25px;
padding: 0px 7px;
margin: -2px;
vertical-align: middle;
text-align: center;
border-radius: 2px;
line-height: 20px;
}
.intercom-header-right:hover {
background: #d8d8d8
}
@media only screen and (max-width: 1000px) {
.category-container .support-messages-header {
display: block;
top: 0;
position: sticky;
right: 0px;
left: 0px;
z-index: 1;
}
.support-center-search-section form {
margin-top: 38px;
}
}
@media only screen and (min-width: 1001px) {
.sidenav-toggler-inner:hover {
background: #e4e4e4;
}
.intercom-header-left:hover {
background: #d8d8d8;
}
}
#intercom-home-btn.hide-intercom,
.intercom-filtered-items {
display: none;
}
.nav-pills .nav-item {
margin-bottom: 0px;
}
.set-invisible {
visibility: hidden;
pointer-events: none;
}
.red-article-pagination.row {}
.container-fluid.main-max-w.supprtCenter-Section {
margin-top: -6.5rem !important;
}
#feedback-form {
display: none;
}
.support-messages.smsg-intercom .row {
display: flex !important;
justify-content: space-between;
}
#main-support-content > section {
padding-top: 0px;
}
#main-report-bag-content > section {
margin-top: 8%;
}
.IdeaBoardHeadingHeaderMain {
color: #fff;
}
.feedback-admin-response .pure-u .feedback-comment-name:after {
content: 'REDCORE PRO';
font-size: 8px;
font-weight: 900;
background: #cb0302;
color: white;
width: 100%;
padding: 4px 6px;
border-radius: 46px;
margin: 5px 4px;
position: relative;
top: -2px;
}
.section__bg .paper {
background: white !important;
}
.thread-divider:before {
right: 1.5%;
}
.thread-divider:after {
left: 1.5%;
}
.thread-divider:before,
.thread-divider:after {
border-top: 2px solid #03a9f45c;
content: '';
display: table-cell;
position: relative;
top: .7em;
margin: 56px;
width: 45%;
}
.quick-link-edit-tag,
.quick-category-edit-tag,
.proof-card-options,
.project-edit-tag {
border-radius: 46px;
right: 5px;
float: right;
position: absolute;
bottom: 5px;
box-shadow: none;
z-index: 3;
border-color: #edeeef;
background-color: #edeeef;
}
.card-header {
margin-bottom: 0;
padding: 5px 0px 12px 35px;
border-bottom: 1px solid rgba(0, 0, 0, .05);
background-color: #fff;
right: 0px;
}
span.close-x {
padding: 0px;
top: 0px;
position: relative;
cursor: pointer;
}
.thread-divider:before {
right: 1.5%;
}
.thread-divider:after {
left: 1.5%;
}
.thread-divider:before,
.thread-divider:after {
border-top: 2px solid #03a9f45c;
content: '';
display: table-cell;
position: relative;
top: .7em;
margin: 56px;
width: 45%;
}
.alert.alert-danger.not-available-notification,
.alert.alert-danger.not-awailable-notification {
margin: 18px 23px -5px 23px;
background: #cc0033;
padding: 10px 16px;
border: none;
width: auto;
}
.toptitle {
font-family: AvantgardeLT-Bold;
}
.mt-60 {
margin-top: 60px;
}
.completer {
position: sticky;
top: 0;
background: #f2f2f5;
padding: 0px;
border-bottom: 1px solid #ccc;
z-index: 9999;
width: 100vw;
max-width: 467px;
}
@font-face {
font-family: "AvantGardeLT-Bold";
font-display: swap;
src: url("/core/templates/assets/fonts/AvantGardeLT-Bold.eot");
src: url("/core/templates/assets/fonts/AvantGardeLT-Bold.eot?#iefix") format("embedded-opentype"),
url("/core/templates/assets/fonts/AvantGardeLT-Bold.otf") format("opentype"),
url("/core/templates/assets/fonts/AvantGardeLT-Bold.svg") format("svg"),
url("/core/templates/assets/fonts/AvantGardeLT-Bold.ttf") format("truetype"),
url("/core/templates/assets/fonts/AvantGardeLT-Bold.woff") format("woff"),
url("/core/templates/assets/fonts/AvantGardeLT-Bold.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap");
@property --rotation {
syntax: '<angle>';
inherits: false;
initial-value: 0deg;
}
.gemini {
--border-size: 4px;
--gradient: conic-gradient(
from var(--rotation) at 52% 49% in oklab,
oklch(0.63 0.2 251.22) 27%,
oklch(0.67 0.21 25.81) 33%,
oklch(0.9 0.19 93.93) 41%,
oklch(0.79 0.25 150.49) 49%,
oklch(0.63 0.2 251.22) 65%,
oklch(0.72 0.21 150.89) 93%,
oklch(0.63 0.2 251.22)
);
position: relative;
padding: 0;
border: 4px solid lightgray;
border-radius: 4rem;
background: none;
animation: redcoreGeminiRotate 5s infinite linear;
}
.gemini::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
display: block;
width: 100%;
height: 100%;
background: var(--gradient);
transform: translate(-50%, -50%);
filter: blur(15px);
animation: redcoreGeminiRotate 5s infinite linear;
}
.gemini .inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 1fr 250px 1fr;
align-items: center;
gap: 1rem;
padding: 1rem 0.5rem;
border-radius: inherit;
background: #ffffff;
background: light-dark(white, #1a1c1e);
color: #222;
color: light-dark(#222, hsl(210, 8%, 66%));
font-family: system-ui;
}
.gemini .border {
position: absolute;
inset: calc(var(--border-size) * -1);
overflow: hidden;
border-radius: inherit;
mask: linear-gradient(white);
-webkit-mask: linear-gradient(white);
}
.gemini .border::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
width: 100%;
height: 100%;
background: var(--gradient);
transform: translate(-50%, -50%);
filter: blur(5px);
}
.gemini button,
.gemini input {
background: none;
border: none;
color: #222;
color: light-dark(#222, hsl(210, 8%, 66%));
}
.gemini input {
font-family: system-ui;
font-size: 1rem;
font-weight: 300;
}
.gemini input:focus {
outline: none;
}
.gemini input:not(:placeholder-shown) {
color: #000;
color: light-dark(black, white);
}
@keyframes redcoreGeminiRotate {
to {
--rotation: 360deg;
}
}
.swal2-container .admin-file-upload-action-row .admin-upload-btn-refresh {
background: #d9d9d9 !important;
border-color: #c9c9c9 !important;
color: #3a3a3a !important;
}
.swal2-container .admin-file-upload-action-row .admin-upload-btn-pk {
background: #bfe8ff !important;
border-color: #9fdcfb !important;
color: #0f4f78 !important;
}
.swal2-container .admin-file-upload-action-row .admin-upload-btn-tk {
background: #ffb04a !important;
border-color: #f29c2a !important;
color: #5b2f00 !important;
}
.swal2-container .admin-file-upload-action-row .admin-upload-btn-reminder {
background: #c8a4ff !important;
border-color: #b28cf3 !important;
color: #2b1457 !important;
}
.swal2-container .admin-file-upload-action-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
margin-bottom: 14px;
}
.swal2-container .admin-file-upload-action-row .btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 38px;
border-radius: 999px;
padding: 7px 16px !important;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.01em;
}
.swal2-container .admin-file-upload-action-row .proof-visible-to-pk.is-hidden-state,
.swal2-container .admin-file-upload-action-row .proof-visible-to-tk.is-hidden-state {
background: #fff !important;
}
.swal2-container .share-link-main-container #proof_admin_note {
min-height: 140px;
resize: vertical;
}
.swal2-container .share-link-main-container .admin-task-options-row {
display: flex;
justify-content: flex-end;
gap: 10px;
margin-top: 10px;
}
.swal2-container .share-link-main-container .admin-task-options-row .admin-task-option {
display: inline-flex;
align-items: center;
margin: 0;
padding: 4px 10px;
border: 1px solid #d9d9d9;
border-radius: 999px;
background: #f7f7f7;
font-size: 12px;
line-height: 1.2;
}
.swal2-container .share-link-main-container .admin-task-options-row .admin-task-option input {
margin-left: 8px;
}
.swal2-container .d-flex.col.admin-file-list {
display: grid !important;
grid-template-columns: 96px minmax(0, 1fr);
align-items: center;
gap: 10px;
padding: 12px 14px !important;
padding-right: 14px !important;
overflow: visible;
min-height: 118px;
border-radius: 12px;
width: 100%;
box-sizing: border-box;
}
.dashboard-side-sticky-box .company-list-container {
overflow: auto;
background: #333333;
display: flex;
flex-direction: column;
color: white;
text-align: left;
}
.swal2-container .col.admin-file-list .admin-file-main-column {
min-width: 0;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
}
.swal2-container .col.admin-file-list .admin-file-name-meta {
min-width: 0;
justify-self: center;
width: 100%;
margin-left: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.swal2-container .col.admin-file-list .admin-file-list-title-row {
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
justify-content: center;
width: 100%;
}
.swal2-container .col.admin-file-list .admin-file-list-title-badge-row {
display: flex;
align-items: center;
justify-content: center;
margin-top: 4px;
width: 100%;
}
.swal2-container .col.admin-file-list .admin-file-title-name {
display: block !important;
width: auto;
max-width: 100%;
position: static !important;
left: auto !important;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-right: 0;
justify-content: initial !important;
font-weight: 800;
color: #111827;
cursor: pointer;
background: transparent !important;
border: 0 !important;
padding: 0 !important;
min-height: 0 !important;
box-shadow: none !important;
text-align: center;
appearance: none;
}
.swal2-container .col.admin-file-list .admin-file-actions-group {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 8px;
width: 100%;
margin-left: 0;
}
.swal2-container .col.admin-file-list button.btn {
position: static !important;
right: auto !important;
left: auto !important;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
min-height: 34px;
margin: 0 !important;
border-radius: 10px;
padding: 6px 10px !important;
white-space: nowrap;
line-height: 1;
background: #ffffff !important;
border-color: rgba(15, 23, 42, 0.08) !important;
color: #111827 !important;
justify-self: auto;
}
.swal2-container .col.admin-file-list button.btn.file-edit,
.swal2-container .col.admin-file-list button.btn.file-donwload,
.swal2-container .col.admin-file-list button.btn.file-remove {
font-size: 12px;
font-weight: 700;
}
.swal2-container .col.admin-file-list button.btn.file-edit {
order: 10;
}
.swal2-container .col.admin-file-list button.btn.file-donwload {
order: 20;
}
.swal2-container .col.admin-file-list button.btn.file-remove {
order: 30;
}
.swal2-container .col.admin-file-list button.btn.project-file-donwload {
width: 42px;
min-width: 42px;
padding: 6px !important;
order: 50;
}
.swal2-container .col.admin-file-list button.btn.project-file-donwload[data-check="yes"] {
background: #10b981 !important;
border-color: #059669 !important;
color: #ffffff !important;
box-shadow: 0 8px 18px rgba(16, 185, 129, 0.28);
}
.swal2-container .col.admin-file-list button.btn.project-file-donwload[data-check="yes"] i {
color: #ffffff !important;
}
.swal2-container .col.admin-file-list .admin-file-btn-label {
display: inline-block;
}
.swal2-container .col.admin-file-list .btn-group.data-tooltip.ready-to-print-with-text {
position: static !important;
right: auto !important;
display: flex;
min-width: 165px;
justify-self: auto;
margin-left: auto;
order: 40;
}
.swal2-container .col.admin-file-list .btn-group.data-tooltip.ready-to-print-with-text button {
position: static !important;
min-height: 34px;
padding: 6px 10px !important;
display: inline-flex;
align-items: center;
gap: 6px;
background: #ffffff !important;
border-color: rgba(15, 23, 42, 0.08) !important;
color: #111827 !important;
}
.swal2-container .col.admin-file-list .btn-group.data-tooltip.ready-to-print-with-text .dropdown-menu {
right: 0;
left: auto;
}
.swal2-container .admin-file-preview-tile {
position: relative;
width: 96px;
height: 96px;
min-width: 96px;
border-radius: 12px;
overflow: visible;
background: linear-gradient(180deg, #f8fafc 0%, #e2e8f0 100%);
border: 1px solid rgba(15, 23, 42, 0.08);
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
display: flex;
align-items: center;
justify-content: center;
}
.swal2-container .admin-file-preview-tile img {
width: calc(100% - 16px);
height: calc(100% - 16px);
object-fit: contain;
border-radius: 10px;
margin: 8px;
background: #fff;
}
.swal2-container .admin-file-preview-canvas,
.swal2-container .admin-file-thumb-image {
width: calc(100% - 16px);
height: calc(100% - 16px);
border-radius: 10px;
object-fit: contain;
display: block;
margin: 8px;
background: #fff;
}
.swal2-container .admin-file-preview-type {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 10px;
text-align: center;
font-size: 15px;
font-weight: 900;
letter-spacing: 0.08em;
color: #334155;
}
.swal2-container .admin-file-preview-tile.is-image .admin-file-preview-type {
display: none;
}
.swal2-container .admin-file-preview-tile.is-pdf-render .admin-file-preview-canvas,
.swal2-container .admin-file-preview-tile.is-thumb-source .admin-file-thumb-image {
display: none;
}
.swal2-container .admin-file-preview-tile.pdf-preview-ready .admin-file-preview-type,
.swal2-container .admin-file-preview-tile.thumb-preview-ready .admin-file-preview-type {
display: none;
}
.swal2-container .admin-file-preview-tile.pdf-preview-ready .admin-file-preview-canvas,
.swal2-container .admin-file-preview-tile.thumb-preview-ready .admin-file-thumb-image {
display: block;
}
.swal2-container .admin-file-preview-tile.image-load-failed .admin-file-preview-type {
display: flex;
}
.swal2-container .admin-file-preview-tile.image-load-failed .admin-file-preview-hover,
.swal2-container .admin-file-preview-tile.image-load-failed img,
.swal2-container .admin-file-preview-tile.image-load-failed .admin-file-preview-canvas {
display: none;
}
.swal2-container .admin-file-preview-hover {
position: absolute;
left: calc(100% + 12px);
top: 50%;
transform: translateY(-50%) scale(0.96);
width: 220px;
height: 220px;
padding: 6px;
border-radius: 16px;
background: rgba(255, 255, 255, 0.98);
border: 1px solid rgba(15, 23, 42, 0.08);
box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
opacity: 0;
pointer-events: none;
transition: opacity 160ms ease, transform 160ms ease;
z-index: 15;
}
.swal2-container .admin-file-preview-hover img {
width: 100%;
height: 100%;
object-fit: contain;
background: #fff;
border-radius: 12px;
}
.swal2-container .admin-file-preview-tile:hover .admin-file-preview-hover {
opacity: 1;
transform: translateY(-50%) scale(1);
}
.swal2-container .admin-file-type-badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 4px 8px;
border-radius: 999px;
background: #e2e8f0;
color: #475569;
font-size: 10px;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
white-space: nowrap;
}
@media screen and (max-width: 960px) {
.swal2-container .d-flex.col.admin-file-list {
grid-template-columns: 72px minmax(0, 1fr) auto auto;
grid-template-areas:
"preview title title title"
"download project delete delete"
"status status status status";
gap: 8px;
align-items: stretch;
}
.swal2-container .col.admin-file-list .admin-file-preview-tile {
grid-area: preview;
width: 72px;
height: 72px;
min-width: 72px;
}
.swal2-container .col.admin-file-list .admin-file-name-meta {
grid-area: title;
}
.swal2-container .col.admin-file-list button.btn.file-donwload {
grid-area: download;
}
.swal2-container .col.admin-file-list button.btn.project-file-donwload {
grid-area: project;
width: auto;
min-width: 0;
}
.swal2-container .col.admin-file-list button.btn.file-remove {
grid-area: delete;
}
.swal2-container .col.admin-file-list .btn-group.data-tooltip.ready-to-print-with-text {
grid-area: status;
min-width: 0;
justify-self: stretch;
}
.swal2-container .col.admin-file-list .btn-group.data-tooltip.ready-to-print-with-text button {
width: 100%;
justify-content: center;
}
.swal2-container .col.admin-file-list .admin-file-actions-group {
display: contents;
}
.swal2-container .admin-file-preview-hover {
display: none;
}
}
.ace_content {
overflow: auto !important;
}
.hide {
display: none !important;
}
.display_none {
display: none;
}
h1, .h1 {
font-size: 2.1rem;
}
.m-0 {
margin: 0px;
}
.main-max-w {
max-width: 1400px;
}
.search-pad {
padding: 0px 22px 0px 22px;
border-right: 1px solid #d4d4d4;
border-top: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
}
p {
font-weight: 400;
}
.grady-a {
background: red;
}
.grady-a {
background: linear-gradient(87deg, #5e72e4 0, #825ee4 100%) !important;
}
.grady-b {
background: linear-gradient(87deg, #11cdef 0, #1171ef 100%) !important;
}
.grady-c {
background: linear-gradient(87deg, #f5365c 0, #f56036 100%) !important;
}
.grady-d {
background: linear-gradient(87deg, #2dcece 0, #038a84 100%) !important;
}
.sub-title-pad p {
min-width: 500px;
color: #3a8ed8;
font-size: 13px;
}
.title-count-notification {
height: 38px;
padding: 4px 10px 4px 10px;
font-size: 15px;
font-weight: 900;
color: white;
border-radius: 48px;
border: 108px;
width: 100px;
position: relative;
top: -2px;
margin-right: 5px;
background: #70d6a8;
font-family: AvantgardeLT-Bold;
}
.red-notice {
background-color: #f11e1e;
}
button.btn.btn-primary.create_new_project_action, button.btn.btn-primary.create-qr-code, button.btn.btn-primary.create-qr-link-tree {
border-radius: 1000px;
padding: 17px 40px;
background: #d62734;
border: 3px solid #cf0a23;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
color: white;
}
div#site-top-notification {
background: linear-gradient(87deg, #ce313c 0, #d82431 100%) !important;
}
.btn-launch-pad-tag-search {
background: #ffffff;
color: #1965f1;
border-radius: 20px;
margin: -12px -12px 3px -2px;
font-size: 11px;
top: 18px;
padding: 8px 16px;
}
.redcore-sites-list .btn-launch-pad-tag-search {
background: #ffffff;
color: #2361a0;
border-radius: 27px;
margin: -8px -10px 5px -1px;
font-size: 11px;
top: 14px;
margin-right: .5rem;
}
.btn-launch-pad-tag-search.site_down {
background: rgba(212, 1, 0, 0.4);
}
.project-details-container label {
display: block;
margin-bottom: 5px;
font-weight: bold;
font-size: 16px;
font-weight: 400;
background: transparent !important;
}
@media screen and (min-width: 960px) {
.email-content {
height: 120vh;
}
.comment-refresh {
position: sticky;
}
.notification_viewed_update:hover {
background: #d0d0d0;
border-radius: 100px;
cursor: pointer;
}
.btn-group.proof-card-tag.view-mobile-only {
display: none !important;
}
}
@media screen and (max-width: 960px) {
.quoteCenter-top-container fieldset legend {
float: none;
}
.btn-group.proof-tools.hide-mob .badge-pill {
display: none;
}
.btn-group.proof-card-tag.view-desktop-only {
display: none !important;
}
span.wit-marg {
width: 36.7% !important;
}
.in_production_dev.yes-admin-mode {
right: 0px;
top: 10px !important;
padding: 0px;
}
}
.image-zoom-popup {
cursor: pointer;
}
.site-banner-site-status {
margin-left: 50px;
}
span.site-banner-site-status {
float: right;
background: #ffffff;
margin: 14px;
padding: 4px 11px;
border-radius: 5px;
color: #517599;
font-weight: 900;
border: 3px solid;
}
span.site-banner-site-status.site_down {
background: red;
}
.navbar-search-light .input-group {
display: none;
}
.btn-launch-pad-tag-search.search-hide {
display: none;
}
.manager-sites-available-button.btn-launch-pad-tag-search.search-filter {
background-color: #c20000;
color: white;
}
.tag-container {
float: left;
margin: 0px;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
white-space: nowrap;
padding: 0px 3px 0px 15px;
overflow-x: scroll;
width: 100%;
height: 48px;
-ms-touch-action: auto;
touch-action: auto;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.owl-item .card {
box-shadow: 0px 0px 0px black;
}
.avatar-xl {
width: 73px;
height: 73px;
}
.avatar {
border: 3px solid #ffffff;
}
.proof-information-container .rendered-form textarea.form-control {
min-height: 225px !important;
}
.card-line-separator {
padding: 19px 0px 6px 0px;
margin-left: 16px !important;
}
.card-spacer {
padding: 6px 0px 7px 10px;
text-overflow: ellipsis;
white-space: nowrap;
}
.trans-white {
background: #ffffff14;
color: white;
}
#user-pad {
padding: 8px;
}
.project-card-title {
top: 3px;
height: 32px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 98%;
position: absolute;
font-size: 1.1rem;
}
.project-card-title-2 {
top: 3px;
height: 32px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 70%;
font-size: 1.2rem;
}
.launch-padding {
padding: 8px 12px 10px 16px !important;
}
.sub-title-pad {
padding: 0px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
font-weight: 400;
color: #3e90d9 !important;
}
.sub-title-pad-dd {
padding: 9px 0px 9px 4px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap !important;
max-width: 100%;
font-weight: 900;
color: #0088f5 !important;
height: 43px;
top: -6px;
position: relative;
left: -7px;
font-size: 14px !important;
font-weight: 900;
}
.text-white {
color: white !important;
}
.main-content {
margin-left: 250px;
padding-bottom: 100px;
padding-top: 77px;
}
.in-production {
background-color: #989898;
color: #ffffff;
}
.shipped {
color: #ffffff;
border: 2px solid white;
}
.received {
background: #7bd6ad !important;
color: #ffffff;
border: 2px solid white;
}
.new_project, .client_uploads {
background: #989898;
color: #ffffff;
border: 2px solid white;
}
.due_date_sort, .awaiting_approval {
background-color: #e75352;
color: #ffffff;
border: 2px solid white;
}
.due_date_sort {
background-color: #e75352;
color: #ffffff;
border: 2px solid white;
}
.in_production {
background: #ffd556;
color: #302525;
border: 2px solid white;
}
.production_hold {
background-color: #cc0000;
color: #ffffff;
border: 2px solid white;
}
.awaiting_response {
background-color: #8967c6;
color: #ffffff;
border: 2px solid white;
}
.reorder {
background: #43c77e;
color: #ffffff;
cursor: pointer !important;
padding: 6px 6px 6px 11px;
font-size: 9px;
text-transform: uppercase;
margin-right: -3px !important;
border-radius: 40px 0px 0px 40px;
}
.feedback {
background: #ebedf1;
color: #5f5f5f;
cursor: pointer !important;
padding: 6px 9px 6px 6px;
font-size: 9px;
text-transform: uppercase;
border-radius: 0px 40px 40px 0px;
border: 1px solid #ababac;
}
.card-options-btn {
background: #ebebeb;
padding: 18px;
border-radius: 46px;
padding: 7px;
background: #edeeef;
}
#main-support-content .card-options-btn {
position: relative;
right: 5px;
}
#marketPlace-component .btn-padding-update {
}
.btn-desc {
line-height: 9px;
padding: 7px 0px;
border-radius: 0px;
margin-left: 6px;
font-size: 13px;
}
.proof-corner-options {
background: #ebebeb;
padding: 18px;
}
.proof-corner-options:hover {
background: #fbfbfb;
;
}
.avatar-xxl {
width: 112px;
height: 112px;
}
.marketplace-image {
font-size: 1rem;
display: inline-flex;
color: #fff;
border-radius: .375rem;
align-items: center;
justify-content: center;
width: 107px;
height: 107px;
position: relative;
background-color: #f3f4f6;
float: right;
right: 0px;
border-radius: 13px;
border: 5px solid white;
}
.marketplace-image-window {
overflow: visible;
max-width: 305px;
position: relative;
display: inline-flex;
right: 6px;
border-radius: 12px;
}
.btn-red {
background: #ffffff;
color: white;
}
.btn-marketplace-order-now {
padding: 11px 19px 10px 19px;
border-radius: 29px;
font-size: 13px;
border: 2px solid #1965f1;
}
.project-new-lable-tag {
position: relative;
background: #F44336;
padding: 2px 6px 2px 6px;
border-radius: 15px;
color: #ffffff;
font-size: 9px;
font-weight: bold;
margin: 0px 7px 0px 0px;
border: 0px solid #d8d8d8;
top: -2px;
width: 46px;
height: 14px;
}
.project-sub-status-info {
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
padding-bottom: -1px;
}
.fade:not(.show) {
display: none;
}
.addphoto {
background: red;
}
.redcore-hr {
margin: -7px 0px 12px 0px;
border-top: 1px solid #ffffffa6;
}
.search-pad-bottom {
padding-bottom: 10px;
}
.vh100 {
position: relative;
height: 100vh;
}
button.btn.btn-primary.my-6 {
width: 100%;
border-radius: 123px;
padding: 14px;
margin: 50px 0px 5px !important;
}
.log-logo-bg {
width: 204px;
padding-bottom: 4px;
padding-top: 34px;
background: #0000002e;
padding: 19px 24px 22px 28px;
border-radius: 0px 0px 9px 9px;
cursor: pointer;
}
.proof-list-title h4 {
color: #000000 !important;
cursor: pointer;
font-size: 2.4em !important;
letter-spacing: -0.5px;
padding: 4px;
}
.proof-list-card .btn-group.proof-card-tag {
bottom: 10px !important;
top: auto;
}
.proof-list-card .card-body {
padding: 24px 28px !important;
max-height: 200px;
}
.expire-title {
font-size: 9px;
}
.proof-card-options {
position: absolute;
right: -3px;
bottom: -8px !important;
top: auto;
background: transparent;
border-color: transparent;
}
.main-proof-option {
position: fixed;
background: #e2e2e2b0;
right: 20px;
padding: 3px;
border-radius: 52px;
top: 23px;
}
.proof-card-options.btn-group.proof-card-tag {
right: 12px !important;
}
.btn-group.proof-card-tag {
display: inherit !important;
top: 21px;
position: absolute;
right: 17px;
padding: 4px 8px;
box-shadow: 0px 0px;
}
.place-search-field {
padding: 12px;
margin-top: 19px;
}
.image-preview-container {
position: relative;
overflow: hidden;
right: -8px;
}
.card .image-preview-container img.project-thumbnail {
border-radius: 0;
position: absolute;
}
.card .image-preview-container img.proof_image_1_1 {
position: absolute;
width: auto;
height: 73px;
border-radius: 0px !important;
overflow: hidden;
}
.card .image-preview-container img.proof_image_2_1 {
right: 50%;
width: 100%;
height: 100%;
border-right: 1px solid white;
}
.card .image-preview-container img.proof_image_2_2 {
left: 50%;
width: 100%;
height: 100%;
}
.card .image-preview-container img.proof_image_3_1 {
height: 100%;
width: 100%;
bottom: 50%;
border-bottom: 1px solid white;
}
.card .image-preview-container img.proof_image_3_2 {
height: 50%;
width: 50%;
top: 50%;
right: 50%;
border-right: 1px solid white;
}
.card .image-preview-container img.proof_image_3_3 {
height: 50%;
width: 50%;
top: 50%;
left: 50%;
}
.card .image-preview-container img.proof_image_4_1 {
right: 50%;
bottom: 50%;
height: 50%;
width: auto;
border-right: 1px solid white;
}
.card .image-preview-container img.proof_image_4_2 {
left: 50%;
bottom: 50%;
height: 50%;
width: 50%;
}
.card .image-preview-container img.proof_image_4_3 {
top: 50%;
right: 50%;
height: 50%;
width: 50%;
border-right: 1px solid white;
}
.card .image-preview-container img.proof_image_4_4 {
top: 50%;
left: 50%;
height: 50%;
width: 50%;
}
.proof-image-container-wrapper {
width: 100%;
}
.empty-proof-image-container-wrapper {
height: 70vh;
}
.empty-proof-image-container-wrapper .proof-image-upload {
width: 100%;
height: 90%;
background: #ffffff;
display: flex;
flex-flow: row wrap;
justify-content: center;
align-content: space-around;
padding: 5rem 1rem;
cursor: pointer;
transition: all .15s ease;
text-align: center;
color: #8898aa;
border: 1px dashed #dee2e6;
border-radius: .375rem;
background-color: #fff;
order: -1;
}
.avatar.rounded-circle.image-preview-container img {
border-radius: unset;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 100%;
}
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
float: none;
display: inline-block;
margin-left: 0;
}
.bootstrap-select > select {
position: absolute !important;
bottom: 0;
left: 50%;
display: block !important;
width: 0.5px !important;
height: 100% !important;
padding: 0 !important;
opacity: 0 !important;
border: none;
}
.dropdown-menu {
position: absolute;
top: 100%;
z-index: 1000;
display: none;
float: left;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.empty-proof-image-container-wrapper .proof-image-upload .upload-text, .empty-proof-image-container-wrapper .proof-image-upload label {
flex: 1 0 100%;
text-align: center;
font-size: 24pt;
color: #dedede;
font-weight: bold;
line-height: normal;
width: 341px;
}
.empty-proof-image-container-wrapper .proof-image-upload .upload-text {
line-height: normal;
max-width: 771px;
}
.empty-proof-image-container-wrapper .proof-image-upload label {
line-height: 50px;
margin: 0;
}
.empty-proof-image-container-wrapper .proof-image-upload #redcore-create-image {
flex: 1 0 auto;
width: 50px;
height: 50px;
margin: 0;
}
.empty-proof-image-container-wrapper .proof-image-upload .scratch-check-wrapper {
display: flex;
flex-flow: row nowrap;
align-content: center;
}
.btn-desc:hover, .project-card:hover .btn-desc {
visibility: visible;
}
.btn-marketplace-order-now:hover, .project-card:hover .btn-marketplace-order-now {
background-color: #1965f1;
border-color: #1965f1;
box-shadow: 0 2px 2px 0 rgba(96, 103, 115, 0), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
color: #fff;
}
.btn-desc {
visibility: hidden;
}
.btn.btn.btn-desc:focus, .btn.btn.btn-desc:hover {
box-shadow: unset !important;
}
.btn.btn.btn-desc {
background: transparent !important;
}
.carousel-inner .col-lg-4 {
float: left;
}
#MarketPlaceFrequentCarousel_Mobile {
display: none;
}
h5.text-white {
color: #cecece !important;
}
.form-title {
padding: 0px 0px 11px 0px;
}
#user-pad {
padding: 8px;
}
.card-stats .card-content {
text-align: right;
padding-top: 10px;
}
.form-edit-container.form_list {
right: 0px;
position: absolute;
top: -2px;
padding: 7px;
}
.indiv_question {
border-bottom: 1px solid #0000002b;
padding: 29px 0px;
}
.bg-icon {
float: right;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
color: #d02e3a;
font-weight: 900;
}
.navbar-light .navbar-nav .active > .nav-link:after {
border: 8px solid #9ca1a9;
content: '';
transform: rotate(45deg);
right: -9px;
position: absolute;
z-index: 9999;
}
input.dark-mode-switch:after {
content: 'Dark';
padding: 1px 5px;
}
.launch-pad:after {
position: absolute;
top: 0px;
right: 10%;
}
span.badge.badge-pill.feedback.btn:before {
content: 'Leave ';
}
@media (min-width: 992px) {
.navbar-search {
display: none;
}
.hide-mob {
display: block;
}
.bottom-fixed.new-task-creation {
left: 131px;
}
.card-profile .nav-wrapper {
padding: 1rem 1.6em;
width: 100%;
}
.left-below:after {
content: ' on the Right.';
}
.quote-center-costs {
padding: 16px;
position: fixed;
bottom: -5px;
width: 100%;
background: #ffffff87;
z-index: 1060;
right: 2px;
text-align: center;
box-shadow: 0px 3px 20px #00000080;
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
}
.btn-launch-pad-tag-search:hover {
background: #ffffff;
color: #236fbc;
}
.reply:hover {
background: #9fa1a7;
}
}
.image-preview-container {
border-radius: 10px !important;
overflow: hidden;
top: -21px;
}
.image-preview-container img.project-thumbnail {
border-radius: 1000px !important;
}
.no-padding {
padding: 0px !important;
}
.project-details-container {
background: #eee;
padding: 0px 10%;
text-align: left;
float: left;
width: 100%;
}
.radio-group {
display: inline-flex;
}
.fb-radio {
display: inherit;
padding-right: 8px;
border: 1px solid #cbcdd0;
padding: 9px 16px 4px 14px;
margin-right: 4px;
cursor: pointer;
border-radius: 39px;
background: white;
color: #939fad;
font-size: 16px;
}
.row.btn.btn-danger.col-lg-12.mx-0 {
background: #d23434;
margin: 4px;
left: 5px;
border-radius: 0px;
}
.project-details-container .project-title {
color: #545454;
text-align: left;
font-size: 30px;
text-transform: capitalize;
font-weight: 800;
}
.project-details-container .project-description {
min-height: 100px;
}
.swal2-modal .swal2-close {
top: -30px !important;
right: -20px !important;
background: #ccc;
color: #333;
border-radius: 50px;
border: 1px solid #ccc;
font-weight: bold;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
div.swal2-modal {
overflow: visible;
}
.swal2-modal.swal2-show.launch-pad-details {
width: 100%;
padding: 0px !important;
}
.swal2-modal {
background-color: #fff;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
border-radius: 5px;
box-sizing: border-box;
text-align: center;
margin: auto;
overflow-x: hidden;
overflow-y: auto;
display: none;
position: relative;
}
.swal2-modal:focus {
outline: none;
}
.swal2-modal.swal2-loading {
overflow-y: hidden;
}
.swal2-modal h2 {
color: #595959;
font-size: 30px;
text-align: center;
font-weight: 600;
text-transform: none;
position: relative;
margin: 0;
padding: 0;
line-height: 60px;
display: block;
font-family: 'AvantGardeLT-Bold';
letter-spacing: -.5px;
}
.fonter {
font-family: 'AvantGardeLT-Bold';
}
.swal2-modal .swal2-spacer {
height: 10px;
color: transparent;
margin-bottom: 0px;
border: 0;
}
.swal2-modal .swal2-styled {
border: 0;
border-radius: 3px;
box-shadow: none;
color: #fff;
cursor: pointer;
font-size: 17px;
font-weight: 500;
margin: 0 5px;
padding: 10px 32px;
}
.swal2-modal .swal2-styled:not(.swal2-loading)[disabled] {
opacity: .4;
cursor: no-drop;
}
.swal2-modal .swal2-styled.swal2-loading {
box-sizing: border-box;
border: 4px solid transparent;
border-color: transparent;
width: 40px;
height: 40px;
padding: 0;
margin: -2px 30px;
vertical-align: top;
background-color: transparent !important;
color: transparent;
cursor: default;
border-radius: 100%;
-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
animation: rotate-loading 1.5s linear 0s infinite normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.swal2-modal:not(.swal2-styled).swal2-loading::after {
display: none !important;
content: '';
margin-left: 5px;
vertical-align: -1px;
height: 6px;
width: 6px;
border: 3px solid #999999;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
animation: rotate-loading 1.5s linear 0s infinite normal;
}
.swal2-modal .swal2-image {
margin: 20px auto;
max-width: 100%;
}
.swal2-modal .swal2-close {
font-size: 31px;
line-height: 35px;
font-family: serif;
position: absolute;
cursor: pointer;
color: #cccccc;
-webkit-transition: color .1s ease;
transition: color .1s ease;
z-index: 999;
}
.swal2-modal .swal2-close:hover {
color: #d55;
}
.swal2-modal > .swal2-input, .swal2-modal > .swal2-file, .swal2-modal > .swal2-textarea, .swal2-modal > .swal2-select, .swal2-modal > .swal2-radio, .swal2-modal > .swal2-checkbox {
display: none;
}
.swal2-modal .swal2-content {
font-size: 20px;
text-align: center;
font-weight: 600;
position: relative;
float: none;
margin: 0;
line-height: normal;
color: #545454;
}
.swal2-container.swal2-shown {
background-color: rgba(0, 0, 0, .4);
z-index: 9999;
}
.swal2-modal .swal2-input, .swal2-modal .swal2-file, .swal2-modal .swal2-textarea, .swal2-modal .swal2-select, .swal2-modal .swal2-radio, .swal2-modal .swal2-checkbox {
margin: 20px auto;
}
#proof-view {
height: 100%;
}
.swal2-modal .swal2-input, .swal2-modal .swal2-file, .swal2-modal .swal2-textarea {
width: 100%;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d9d9d9;
font-size: 18px;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06);
-webkit-transition: box-shadow .3s;
transition: box-shadow .3s;
}
.swal2-modal .swal2-input.swal2-inputerror, .swal2-modal .swal2-file.swal2-inputerror, .swal2-modal .swal2-textarea.swal2-inputerror {
border-color: #f06e57;
}
.swal2-modal .swal2-input:focus, .swal2-modal .swal2-file:focus, .swal2-modal .swal2-textarea:focus {
outline: none;
box-shadow: 0 0 3px #c4e6f5;
border: 1px solid #b4dbed;
}
.swal2-modal .swal2-input:focus::-webkit-input-placeholder, .swal2-modal .swal2-file:focus::-webkit-input-placeholder, .swal2-modal .swal2-textarea:focus::-webkit-input-placeholder {
-webkit-transition: opacity .3s .03s ease;
transition: opacity .3s .03s ease;
opacity: .8;
}
.swal2-modal .swal2-input:focus::-moz-placeholder, .swal2-modal .swal2-file:focus::-moz-placeholder, .swal2-modal .swal2-textarea:focus::-moz-placeholder {
-webkit-transition: opacity .3s .03s ease;
transition: opacity .3s .03s ease;
opacity: .8;
}
.swal2-modal .swal2-input:focus:-ms-input-placeholder, .swal2-modal .swal2-file:focus:-ms-input-placeholder, .swal2-modal .swal2-textarea:focus:-ms-input-placeholder {
-webkit-transition: opacity .3s .03s ease;
transition: opacity .3s .03s ease;
opacity: .8;
}
.swal2-modal .swal2-input:focus::placeholder, .swal2-modal .swal2-file:focus::placeholder, .swal2-modal .swal2-textarea:focus::placeholder {
-webkit-transition: opacity .3s .03s ease;
transition: opacity .3s .03s ease;
opacity: .8;
}
.swal2-modal .swal2-input::-webkit-input-placeholder, .swal2-modal .swal2-file::-webkit-input-placeholder, .swal2-modal .swal2-textarea::-webkit-input-placeholder {
color: #e6e6e6;
}
.swal2-modal .swal2-input::-moz-placeholder, .swal2-modal .swal2-file::-moz-placeholder, .swal2-modal .swal2-textarea::-moz-placeholder {
color: #e6e6e6;
}
.swal2-modal .swal2-input:-ms-input-placeholder, .swal2-modal .swal2-file:-ms-input-placeholder, .swal2-modal .swal2-textarea:-ms-input-placeholder {
color: #e6e6e6;
}
.swal2-modal .swal2-input::placeholder, .swal2-modal .swal2-file::placeholder, .swal2-modal .swal2-textarea::placeholder {
color: #e6e6e6;
}
.swal2-modal .swal2-range input {
float: left;
width: 80%;
}
.swal2-modal .swal2-range output {
float: right;
width: 20%;
font-size: 20px;
font-weight: 600;
text-align: center;
}
.swal2-modal .swal2-range input, .swal2-modal .swal2-range output {
height: 43px;
line-height: 43px;
vertical-align: middle;
margin: 20px auto;
padding: 0;
}
.swal2-modal .swal2-input {
height: 43px;
padding: 0 12px;
}
.swal2-modal .swal2-input[type='number'] {
max-width: 150px;
}
.swal2-modal .swal2-file {
font-size: 20px;
}
.swal2-modal .swal2-textarea {
height: 108px;
padding: 12px;
}
.swal2-modal .swal2-select {
color: #545454;
font-size: inherit;
padding: 5px 10px;
min-width: 40%;
max-width: 100%;
}
.swal2-modal .swal2-radio {
border: 0;
}
.swal2-modal .swal2-radio label:not(:first-child) {
margin-left: 20px;
}
.swal2-modal .swal2-radio input, .swal2-modal .swal2-radio span {
vertical-align: middle;
}
.swal2-modal .swal2-radio input {
margin: 0 3px 0 0;
}
.swal2-modal .swal2-checkbox {
color: #545454;
}
.swal2-modal .swal2-checkbox input, .swal2-modal .swal2-checkbox span {
vertical-align: middle;
}
.swal2-modal .swal2-validationerror {
background-color: #f0f0f0;
margin: 0 -20px;
overflow: hidden;
padding: 10px;
color: gray;
font-size: 16px;
font-weight: 300;
display: none;
}
.swal2-modal .swal2-validationerror::before {
content: '!';
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: #fff;
line-height: 24px;
text-align: center;
margin-right: 10px;
}
.swal2-modal button {
margin: 8px 5px;
}
@supports (-ms-accelerator: true) {
.swal2-range input {
width: 100% !important;
}
.swal2-range output {
display: none;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.swal2-range input {
width: 100% !important;
}
.swal2-range output {
display: none;
}
}
@media (min-width: 60em) {
.proof-image-container-wrapper {
padding: 0px 13px 80px 26px;
width: 100%;
}
.proof-image-container {
width: 100%;
}
.instructions {
padding: 0px;
margin: -2px 34px -3px 20px;
text-align: center;
width: 100%;
background-color: #66666D;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
letter-spacing: 1px;
z-index: 0;
}
.project-image {
border-radius: 11px;
transition: 1s;
}
.dpp {
width: 100%;
top: 0px;
}
.round {
border-top-right-radius: 11px;
border-top-left-radius: 11px;
width: 100%;
}
.left {
float: left;
padding-left: 7px;
margin-bottom: 9px;
margin-top: -7px;
}
#inst {
margin-right: 38px;
}
}
.swal2-icon {
width: 80px;
height: 80px;
border: 4px solid transparent;
border-radius: 50%;
margin: 20px auto 30px;
padding: 0;
position: relative;
box-sizing: content-box;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.swal2-icon.swal2-error {
border-color: #f27474;
}
.swal2-icon.swal2-error .x-mark {
position: relative;
display: block;
}
.swal2-icon.swal2-error .line {
position: absolute;
height: 5px;
width: 47px;
background-color: #f27474;
display: block;
top: 37px;
border-radius: 2px;
}
.swal2-icon.swal2-error .line.left {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 17px;
}
.swal2-icon.swal2-error .line.right {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 16px;
}
.swal2-icon.swal2-warning {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #f8bb86;
border-color: #facea8;
line-height: 80px;
text-align: center;
}
.swal2-popup .swal2-icon.swal2-warning {
display: none !important;
}
.swal2-popup .swal2-icon.swal2-warning + .swal2-title,
.swal2-popup .swal2-icon.swal2-warning ~ .swal2-title {
margin-top: 0;
}
.swal2-icon.swal2-info {
font-family: 'Open Sans', sans-serif;
color: #3fc3ee;
border-color: #9de0f6;
font-size: 60px;
line-height: 80px;
text-align: center;
}
.swal2-icon.swal2-question {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #87adbd;
border-color: #c9dae1;
font-size: 60px;
line-height: 80px;
text-align: center;
}
.swal2-icon.swal2-success {
border-color: #a5dc86;
}
.swal2-icon.swal2-success::before, .swal2-icon.swal2-success::after {
content: '';
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
background: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.swal2-icon.swal2-success::before {
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px;
}
.swal2-icon.swal2-success::after {
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 60px;
transform-origin: 0 60px;
}
.swal2-icon.swal2-success .placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
border-radius: 50%;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2;
}
.swal2-icon.swal2-success .fix {
width: 7px;
height: 90px;
background-color: #fff;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.swal2-icon.swal2-success .line {
height: 5px;
background-color: #a5dc86;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2;
}
.swal2-icon.swal2-success .line.tip {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.swal2-icon.swal2-success .line.long {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.swal2-progresssteps {
font-weight: 600;
margin: 0 0 20px;
padding: 0;
}
.swal2-progresssteps li {
display: inline-block;
position: relative;
}
.swal2-progresssteps .swal2-progresscircle {
background: #3085d6;
border-radius: 2em;
color: #fff;
height: 2em;
line-height: 2em;
text-align: center;
width: 2em;
z-index: 20;
}
.swal2-progresssteps .swal2-progresscircle:first-child {
margin-left: 0;
}
.swal2-progresssteps .swal2-progresscircle:last-child {
margin-right: 0;
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
background: #3085d6;
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle {
background: #add8e6;
}
.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
background: #add8e6;
}
.swal2-progresssteps .swal2-progressline {
background: #3085d6;
height: .4em;
margin: 0 -1px;
z-index: 10;
}
[class^='swal2'] {
-webkit-tap-highlight-color: transparent;
}
@-webkit-keyframes showSweetAlert {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
45% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
80% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes showSweetAlert {
0% {
-webkit-transform: scale(0.7);
transform: scale(0.7);
}
45% {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
80% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes hideSweetAlert {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
}
@keyframes hideSweetAlert {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
}
.swal2-show.swal2-noanimation {
-webkit-animation: none;
animation: none;
}
.swal2-hide {
-webkit-animation: hideSweetAlert 0.15s forwards;
animation: hideSweetAlert 0.15s forwards;
}
.swal2-hide.swal2-noanimation {
-webkit-animation: none;
animation: none;
}
@-webkit-keyframes animate-success-tip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@keyframes animate-success-tip {
0% {
width: 0;
left: 1px;
top: 19px;
}
54% {
width: 0;
left: 1px;
top: 19px;
}
70% {
width: 50px;
left: -8px;
top: 37px;
}
84% {
width: 17px;
left: 21px;
top: 48px;
}
100% {
width: 25px;
left: 14px;
top: 45px;
}
}
@-webkit-keyframes animate-success-long {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@keyframes animate-success-long {
0% {
width: 0;
right: 46px;
top: 54px;
}
65% {
width: 0;
right: 46px;
top: 54px;
}
84% {
width: 55px;
right: 0;
top: 35px;
}
100% {
width: 47px;
right: 8px;
top: 38px;
}
}
@-webkit-keyframes rotatePlaceholder {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
5% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
12% {
-webkit-transform: rotate(-405deg);
transform: rotate(-405deg);
}
100% {
-webkit-transform: rotate(-405deg);
transform: rotate(-405deg);
}
}
@keyframes rotatePlaceholder {
0% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
5% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
12% {
-webkit-transform: rotate(-405deg);
transform: rotate(-405deg);
}
100% {
-webkit-transform: rotate(-405deg);
transform: rotate(-405deg);
}
}
.animate-success-tip {
-webkit-animation: animate-success-tip 0.75s;
animation: animate-success-tip 0.75s;
}
.animate-success-long {
-webkit-animation: animate-success-long 0.75s;
animation: animate-success-long 0.75s;
}
.swal2-success.animate::after {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in;
}
@-webkit-keyframes animate-error-icon {
0% {
-webkit-transform: rotateX(100deg);
transform: rotateX(100deg);
opacity: 0;
}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
@keyframes animate-error-icon {
0% {
-webkit-transform: rotateX(100deg);
transform: rotateX(100deg);
opacity: 0;
}
100% {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
}
.animate-error-icon {
-webkit-animation: animate-error-icon 0.5s;
animation: animate-error-icon 0.5s;
}
@-webkit-keyframes animate-x-mark {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
-webkit-transform: scale(1.15);
transform: scale(1.15);
margin-top: -6px;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
@keyframes animate-x-mark {
0% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
margin-top: 26px;
opacity: 0;
}
80% {
-webkit-transform: scale(1.15);
transform: scale(1.15);
margin-top: -6px;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
margin-top: 0;
opacity: 1;
}
}
.animate-x-mark {
-webkit-animation: animate-x-mark 0.5s;
animation: animate-x-mark 0.5s;
}
@-webkit-keyframes pulse-warning {
0% {
border-color: #f8d486;
}
100% {
border-color: #f8bb86;
}
}
@keyframes pulse-warning {
0% {
border-color: #f8d486;
}
100% {
border-color: #f8bb86;
}
}
.pulse-warning {
-webkit-animation: pulse-warning 0.75s infinite alternate;
animation: pulse-warning 0.75s infinite alternate;
}
@-webkit-keyframes pulse-working {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes pulse-working {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.pulse-working {
-webkit-animation: pulse-working 1s infinite alternate;
animation: pulse-working 1s infinite alternate;
}
@-webkit-keyframes rotate-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate-loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.project-cost-section.col-lg-12, .project-other-tags.col-lg-12 {
padding: 10px 0 !important;
}
.carousel-control-next, .carousel-control-prev {
position: absolute;
top: 40%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 25px;
height: 25px;
color: #fff;
text-align: center;
opacity: .5;
}
.carousel-control-prev-icon {
background: rgba(0, 0, 0, 0) url("/core/templates/assets/img/arrows-32-32-2.png") no-repeat scroll left top;
}
.carousel-control-next-icon {
background: rgba(0, 0, 0, 0) url("/core/templates/assets/img/arrows-32-32-2.png") no-repeat scroll right top;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
border: 0;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
display: inline-block;
width: 30px;
height: 27px;
}
.carousel-control-next, .carousel-control-prev {
color: #fff;
text-align: center;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
.col-lg-12.no-padding.main-slider-container {
display: flex;
}
.col-lg-12.no-padding.main-slider-container .col-lg-6 {
flex: 1;
}
.project-inner-title {
padding: 10px 0;
float: left;
}
#marketPlace-component .image-preview-container {
top: 30px !important;
}
.colorDefinition, #proofApprovedCountUp {
background: #de0201;
border: none;
color: #FFFFFF;
border-color: #4a90e2;
padding: 9px 19px !important;
border-radius: 45px !important;
bottom: 6px;
width: auto;
position: relative;
bottom: 0px;
}
#proofApprovedCountUp {
position: fixed;
}
div#proofApprovedCountUp:before {
content: 'Must be approved within ';
}
#frequentlyOrdered #MarketPlaceFrequentCarousel .carousel-control-next, #frequentlyOrdered #MarketPlaceFrequentCarousel .carousel-control-prev {
background: #000;
height: 50px;
width: 50px;
top: 50px;
border-radius: 50px;
}
.hide-tag-search-result, .status-group .proof-grid-column.proof-ready-to-print.hide-tag-search-result {
display: none !important;
}
.btn.btn-white-color.btn-primary {
background-color: #ffffff !important;
color: #737885 !important;
}
.project-order-counts {
position: absolute;
top: 0px;
right: 0px;
padding: 5px 10px;
border-radius: 10px;
font-size: 10px;
line-height: 1;
background: #edeeef;
color: #4292da;
font-weight: bold;
color: gray;
z-index: 3 !important;
}
#marketPlaceListSectionMainContainer .cardy.card:hover .project-order-counts {
display: none;
}
.rendered-form .form-group {
text-align: left;
}
.proof-launch-pad-form-values .row .lable-form {
background: #999;
padding: 5px 10px;
margin: 10px 0;
box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
color: #fff;
}
div.proof-launch-pad-form-values {
margin: 0px 0px 20px 0px !important;
}
.proof-launch-pad-form-values .row {
margin: 0px !important;
}
.proof-details-inner-container .form-control {
background-image: none;
border-radius: 5px;
}
.proof-details-inner-container input[type="checkbox"] {
float: left;
margin-right: 10px;
}
.project-card .material-subitems {
position: absolute;
right: 0;
width: 40%;
z-index: 999;
margin: 15px 0;
display: none;
}
.project-card .material-subitems .inner-subitem-list span {
width: 100%;
display: block;
text-align: center;
font-weight: bold;
color: #fff;
background: #989898;
font-size: 75%;
margin-top: 5px;
cursor: pointer;
}
.project-card .material-subitems .inner-subitem-list {
display: inline-block;
position: relative;
width: 100%;
padding: 12px 0 !important;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
border-radius: 6px;
color: rgba(0, 0, 0, 0.87);
background: #fff;
min-height: 119px !important;
}
.project-card .material-subitems .inner-subitem-list span:hover {
background: #0ee466;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px #0ee466;
border: 1px solid #0ee466;
}
.project-card .material-icons.project-actions {
cursor: pointer;
}
.project-card .material-icons.project-actions.active-icon + .material-subitems {
display: block;
}
.proofHideMainContainer .form-check {
text-align: left;
padding: 10px 0;
}
.proofHideMainContainer {
margin: auto 10%;
}
.show_hide_proof_only, .proof-section-refresh, .add-new-votes {
font-size: 9px;
float: right;
margin-right: 2%;
cursor: pointer;
border-radius: 50px;
}
.form-group.form-control-tag-sec .bootstrap-tagsinput {
background-image: none;
width: 100% !important;
border: 1px solid #e2e2e2;
font-family: inherit;
}
.timingfield .timingfield_hours, .timingfield .timingfield_minutes, .timingfield .timingfield_seconds {
display: inline-block;
width: 40% !important;
padding: 5px;
}
.timingfield .timingfield_seconds {
display: none !important;
}
.timingfield {
width: auto !important;
display: flex;
}
.timingfield .form-control, .timingfield .input-group-addon {
padding: 0px !important;
}
button.swal2-close:hover {
background: #e4e4e4;
}
.swal2-modal .swal2-close {
top: 7px !important;
right: 2px !important;
background: #eeeeee;
border-radius: 54px;
color: #757373;
border: 0px solid gray;
font-weight: bold;
box-shadow: none;
cursor: pointer;
}
div.swal2-modal {
overflow: visible;
}
.profile-image.col-lg-4 img {
width: 100%;
border-radius: 50%;
}
.row.profile-image-container {
display: flex;
}
.profile-image.col-lg-8 {
margin: auto 0;
}
.profile-name h1 {
text-align: justify;
padding: 0;
margin: 0;
font-size: 40px;
font-weight: bold;
color: #fff;
}
.sub-title {
text-align: justify;
color: #fff;
}
.project-sub-section.col-lg-4 {
color: #fff;
font-weight: bold;
}
.profile-content-main {
min-height: 250px;
background: #fff;
position: relative;
margin-top: 25%;
box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07) !important;
border-radius: 5px;
width: 90%;
margin: 25% auto auto auto;
}
.profile-top-section {
margin: 30% 1% 4% 1%
}
#frequentlyOrdered #MarketPlaceFrequentCarousel .carousel-control-prev .material-icons, #frequentlyOrdered #MarketPlaceFrequentCarousel .carousel-control-next .material-icons {
color: #333;
font-size: 25px;
font-weight: 100;
}
#frequentlyOrdered #MarketPlaceFrequentCarousel .carousel-control-next, #frequentlyOrdered #MarketPlaceFrequentCarousel .carousel-control-prev {
background: transparent !important;
}
#frequentlyOrdered #MarketPlaceFrequentCarousel .carousel-control-prev {
left: -20px !important;
}
#frequentlyOrdered #MarketPlaceFrequentCarousel .carousel-control-next {
right: -35px !important;
}
.bottom-fixed.new-task-creation {
position: fixed;
width: 99%;
text-align: center;
padding: 7px 18px 26px;
bottom: -93px;
right: 0px;
}
.blue-btn {
color: #fff;
border-color: #2370be;
background-color: #2370be;
box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
border-radius: 65px !important;
}
.avatar-web {
border-radius: 50px;
margin-right: 7px;
}
.bottom-fixed.new-task-creation button.btn.btn-primary.create_new_project_action {
position: relative;
top: -88px;
width: 300px !important;
min-width: 115px !important;
max-width: 208px !important;
padding: 13px 17px !important;
font-size: 15px;
}
.section-profile-cover.col-lg-12 {
height: 500px;
background: linear-gradient(90deg, #051626 40%, #051626 40%, #0F2646 94%);
position: absolute;
top: 64px;
left: 0;
background-image: url(../../assets/img/theme/profile-cover.jpg);
background-size: cover;
}
.measure-field-label {
min-width: 50px;
}
.measure_field_width, .measure_field_height {
width: 80px;
}
#searchTagsProofs {
width: 100%;
}
#searchTagsProofs .btn-launch-pad-tag-search,
#searchTagsProofs .btn-launch-pad-tag-search span {
color: #fff !important;
}
#sortable1, #projectFormSelectForSelectType-sortable {
list-style-type: none;
margin: 0;
float: left;
background: transparent;
padding: 5px;
width: 100%;
}
#sortable1 li, #projectFormSelectForSelectType-sortable li {
margin: 10px 10px 0 10px;
padding: 5px;
font-size: 12px;
width: 90%;
}
#sortable1 li:last-child, #projectFormSelectForSelectType-sortable li:last-child {
margin-bottom: 10px;
}
.account-info.profile {
float: left;
width: 100%;
margin: 20px auto;
}
.account-info.profile h3 {
text-align: left;
margin: 0 0 0 25px;
}
.account-info.profile label {
text-align: left;
float: left;
}
.account-info.profile .form-control, .account-info.profile .form-group .form-control {
border: 1px solid #D2D2D2;
}
.shipping-address.profile {
float: left;
width: 100%;
text-align: left;
}
.shipping-address.profile h2 {
font-weight: bold;
margin: 0 0 0 25px;
font-size: 30px;
}
.project-card .material-subitems .inner-subitem-list .proof-status-update-main button, .project-card .material-subitems .inner-subitem-list .proof-status-update-main li a {
padding: 5px 10px;
}
.project-card .material-subitems .inner-subitem-list .proof-status-update-main button span {
color: #fff;
}
.project-card .material-subitems .inner-subitem-list .proof-status-update-main span {
background: transparent;
color: #000;
border-color: transparent;
}
.project-card .material-subitems .inner-subitem-list .proof-status-update-main li a:hover {
color: #fff;
}
.project-card .material-subitems .inner-subitem-list .proof-status-update-main span:hover {
background: transparent;
color: #fff;
box-shadow: none;
}
.company-popup input, .company-popup textarea {
border: 1px solid #D2D2D2 !important;
background-image: unset !important;
}
.forgot_password.btn.btn-rose.btn-simple.btn-wd.btn-lg {
display: inline-block;
}
.bootstrap-select.show > .dropdown-menu > .dropdown-menu {
display: block;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden {
display: none;
}
#formBuilderPopup, #formTitle {
padding: 0px !important;
margin: 20px 0 !important;
}
#formTitle input {
background: rgba(0, 0, 0, 0.12);
}
.form-wrap.form-builder .frmb {
box-shadow: 0 14px 26px -12px rgba(76, 175, 80, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(76, 175, 80, 0.2);
}
#formBuilderPopup .btn.btn-default.get-data, .hide-btn, #formBuilderEditPopup .btn.btn-default.get-data {
display: none !important;
}
#formBuilderViewPopup.show-confirm-btn .btn.btn-default.get-data {
display: block !important;
}
.view_shipping {
background: #cccccc;
color: white;
font-weight: 900;
border: none;
margin-left: 1px;
padding: 0px 14px;
height: 23px;
}
.col-dv-row, .col-dv-column-flex {
display: flex;
}
.col-dv-column-flex .marketPlaceFileUpload {
width: 100%;
}
.col-dv-column-flex .marketPlaceFileUpload p {
text-align: center;
margin: auto;
color: rgba(153, 153, 153, 0.42);
}
.margin-top-marketPlace {
margin-top: 20px;
}
.form-group fieldset .bootstrap-tagsinput.input {
font-size: 14px;
font-family: Maven Pro;
font-weight: 400;
}
.pip.img-bg-thumb .imageThumb, .pip.img-mockup-thumb .imageThumb {
max-height: 101%;
cursor: pointer;
position: absolute;
max-width: none;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
border-radius: 8px;
border: 0px solid white;
}
.pip.img-bg-thumb, .pip.img-mockup-thumb {
display: inline-block;
margin: 12px 0px;
width: 132px;
height: 132px;
overflow: hidden;
position: relative;
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
background: linear-gradient(135deg, #3a8ffe 0%, #9658fe 100%);
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-size: cover;
background-position: center;
border-radius: 17px;
}
.remove.img-bg-thumb, .remove.img-bg-thumb-edit, .remove.img-mockup-thumb, .remove.img-mockup-thumb-edit {
display: block;
color: white;
text-align: center;
cursor: pointer;
position: absolute;
right: 4px;
top: 3px;
padding: 2px 7px !important;
border-radius: 500px;
box-shadow: 0px 2px 5px #00000052;
}
.previewUploadImagesLabel, .previewIdeaBoardUploadImagesLabel {
padding: 25px 0;
height: 174px;
border: 1px dashed rgba(153, 153, 153, 0.58);
width: 100%;
border-radius: 13px;
}
.previewUploadImagesLabel:hover, .previewIdeaBoardUploadImagesLabel:hover {
background: #e8e8e8;
}
.ni-image {
width: 100%;
padding: 16px;
font-size: 40px;
}
.previewUploadImages {
display: block;
width: 100%;
}
.bootstrap-tagsinput input {
font-family: Maven Pro;
font-size: 14px;
}
#marketPlace-component .btn-padding-update {
}
#marketPlace-component {
border-radius: 107px;
}
#marketPlace-component .project-sub-status-info {
white-space: nowrap;
max-height: 40px;
min-height: 38px;
}
.errorField + .error-message, .error-message-shirt {
color: #bb2124;
font-size: 12px;
line-height: 1.42857143;
text-align: left;
padding: 11px 14px;
margin-top: 20px;
}
.user-project-details .error-message, .error-message-shirt {
margin: 8px 3px 15px;
background: #bf0d00;
color: white !important;
border-radius: 4px;
padding: 11px 16px;
}
b {
font-weight: bold;
}
.project-details-container b.project-inner-title {
width: 100%;
}
.margin-left-15 {
margin-left: 15px;
}
.bootstrap-select.open > .dropdown-menu, .bootstrap-select.open .dropdown-menu.inner {
display: block;
}
.bootstrap-select .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
background-clip: padding-box;
}
#search-proof-select-user-container .bootstrap-select .dropdown-menu, #select_new_users_bulk_action_container .bootstrap-select .dropdown-menu {
box-shadow: none !important;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
position: static;
border: 0;
padding: 0;
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu {
min-width: 100%;
z-index: 2000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu li {
position: relative;
}
li {
text-align: match-parent;
}
.nav-pills li {
display: inline-flex;
text-align: match-parent;
flex: 1 50%;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
position: static;
border: 0;
padding: 0;
margin: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
.bootstrap-select.btn-group .dropdown-menu {
min-width: 100%;
z-index: 2000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu li > a.opt {
position: relative;
padding-left: 35px;
}
.bootstrap-select.btn-group .dropdown-menu li > a {
cursor: pointer;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
padding-left: 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
margin-right: 34px;
}
.bs-donebutton .btn-group button {
width: 100%;
}
select.bs-select-hidden, select.selectpicker {
display: none !important;
}
.bootstrap-select {
width: 220px;
}
.bootstrap-select > .dropdown-toggle {
width: 100%;
padding-right: 0px;
z-index: 1;
}
.bootstrap-select > select {
position: absolute !important;
bottom: 0;
left: 50%;
display: block !important;
width: 0.5px !important;
height: 100% !important;
padding: 0 !important;
opacity: 0 !important;
border: none;
}
.bootstrap-select > select.mobile-device {
top: 0;
left: 0;
display: block !important;
width: 100% !important;
z-index: 2;
}
.has-error .bootstrap-select .dropdown-toggle, .error .bootstrap-select .dropdown-toggle {
border-color: #b94a48;
}
.bootstrap-select.fit-width {
width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
width: 100%;
}
.bootstrap-select.form-control {
margin-bottom: 0;
padding: 0;
border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
z-index: auto;
}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
float: none;
display: inline-block;
margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right, .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, .row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
float: right;
}
.form-inline .bootstrap-select.btn-group, .form-horizontal .bootstrap-select.btn-group, .form-group .bootstrap-select.btn-group {
margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control, .form-group-sm .bootstrap-select.btn-group.form-control {
padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a:hover, .bootstrap-select.btn-group .dropdown-menu li.disabled a:focus {
box-shadow: none;
}
.bootstrap-select.btn-group.disabled, .bootstrap-select.btn-group > .disabled {
cursor: not-allowed;
}
.bootstrap-select.btn-group.disabled:focus, .bootstrap-select.btn-group > .disabled:focus {
outline: none !important;
}
.bootstrap-select.btn-group.bs-container {
position: absolute;
height: 0 !important;
padding: 0 !important;
}
.bootstrap-select.btn-group.bs-container .dropdown-menu {
z-index: 1060;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
display: inline-block;
overflow: hidden;
width: 78%;
text-align: left;
text-overflow: ellipsis;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
position: absolute;
top: 50%;
right: 16px;
margin-top: -2px;
vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
border-radius: 4px;
padding: 0;
max-width: 403px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 100000;
max-height: 34vh !important;
overflow: auto;
}
.FormFieldInput-Icon.is-loaded {
pointer-events: none;
align-items: center;
position: absolute;
right: 0;
top: 0;
height: 100%;
padding-right: 12px;
z-index: 3;
width: 41px;
}
.form-group-2 {
margin-bottom: .2rem;
}
.payment_invoice_submit {
margin-top: 32px;
}
.already-paid-notification {
display: block;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
position: static;
float: none;
border: 0;
padding: 5px 0;
margin: 0;
-webkit-box-shadow: none;
box-shadow: none;
-ms-overflow-style: auto;
max-height: 24vh !important;
overflow: auto;
}
.bootstrap-select.btn-group .dropdown-menu li {
position: relative;
width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0;
}
.bootstrap-select.btn-group .dropdown-menu li a:focus, .bootstrap-select.btn-group .dropdown-menu li a:hover {
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
position: relative;
padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
position: absolute;
bottom: 5px;
width: 96%;
margin: 0 2%;
min-height: 26px;
padding: 3px 5px;
background: #f5f5f5;
border: 1px solid #e3e3e3;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
pointer-events: none;
opacity: 0.9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
padding: 3px;
background: #f5f5f5;
margin: 0 5px;
white-space: nowrap;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
position: static;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
position: static;
top: auto;
margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
position: absolute;
display: inline-block;
right: 15px;
font-size: 21px;
width: 28px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
content: '';
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid rgba(204, 204, 204, 0.2);
position: absolute;
bottom: -4px;
left: 9px;
display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
position: absolute;
bottom: -4px;
left: 10px;
display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
bottom: auto;
top: -3px;
border-top: 7px solid rgba(204, 204, 204, 0.2);
border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
bottom: auto;
top: -3px;
border-top: 6px solid white;
border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
right: 12px;
left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
right: 13px;
left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, .bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
display: block;
}
.bs-actionsbox, .bs-donebutton {
padding: 4px 8px;
}
.bs-searchbox {
padding: 10px 9px;
}
.bs-actionsbox {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
width: 50%;
}
.bs-donebutton {
float: left;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bs-donebutton .btn-group button {
width: 100%;
}
.bs-searchbox + .bs-actionsbox {
padding: 0 8px 4px;
}
.bs-searchbox .form-control {
margin-bottom: 0;
width: 100%;
float: none;
}
.select-with-transition {
border: 0 !important;
background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2);
background-size: 0 2px, 100% 1px;
background-repeat: no-repeat;
background-position: center bottom, center calc(100% - 1px);
background-color: transparent !important;
transition: background 0s ease-out !important;
float: none !important;
box-shadow: none !important;
border-radius: 0 !important;
color: #3C4858 !important;
height: 34px;
padding-left: 0 !important;
padding-bottom: 5px !important;
}
.select-with-transition .caret, .select-with-transition .ripple-container {
display: none;
}
.btn-group.bootstrap-select.show-tick.open .select-with-transition {
outline: none !important;
background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#D2D2D2, #D2D2D2) !important;
background-size: 100% 2px, 100% 1px !important;
box-shadow: none;
transition-duration: 0.3s !important;
}
.form-group fieldset {
margin: 0 2px;
}
.form-group fieldset legend {
margin-bottom: 0px;
font-size: 14px;
color: silver;
width: auto;
padding: 2px 10px;
}
.form-group fieldset input.form-control {
background-image: none !important;
margin: 0px;
}
.pull-left {
float: left;
}
.pull-right {
float: right;
}
.timingfield .timingfield_hours, .timingfield .timingfield_minutes, .timingfield .timingfield_seconds {
display: inline-block;
width: 100% !important;
padding: 5px;
}
.timingfield .timingfield_seconds {
display: none !important;
}
.timingfield {
width: auto !important;
display: flex;
}
.timingfield .form-control, .timingfield .input-group-addon {
}
.caret, .bootstrap-tagsinput .tag, .bootstrap-tagsinput [data-role="remove"] {
-webkit-transition: all 150ms ease-in;
-moz-transition: all 150ms ease-in;
-o-transition: all 150ms ease-in;
-ms-transition: all 150ms ease-in;
transition: all 150ms ease-in;
}
.bootstrap-tagsinput {
display: inline-block;
padding: 9px 13px;
line-height: 22px;
background: #172c4c12;
border-radius: 25px;
-webkit-appearance: none;
-webkit-border-horizontal-spacing: 62px;
font-family: inherit;
text-align: left;
}
.bootstrap-tagsinput input {
border: none;
box-shadow: none;
outline: none;
background-color: transparent;
margin: 0;
width: 74px;
max-width: inherit;
}
.bootstrap-tagsinput input:focus {
border: none;
box-shadow: none;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
color: #777;
opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder, .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
color: #777;
}
.bootstrap-tagsinput .tag {
cursor: inherit !important;
margin: 5px 5px 5px 0;
position: relative;
padding: 5px 13px 5px;
border-radius: 12px;
color: #ffffff;
font-weight: 500;
font-size: 9px;
text-transform: CAPITALIZE;
display: inline-block;
line-height: 1.5em;
border: 0px solid #adadad;
background-color: #1fc07b !important;
}
.bootstrap-tagsinput .tag.tag-primary {
background-color: #9c27b0;
color: #FFFFFF;
}
.bootstrap-tagsinput .tag.tag-info {
background-color: #00bcd4;
color: #FFFFFF;
}
.bootstrap-tagsinput .tag.tag-success {
background-color: #4caf50;
color: #FFFFFF;
}
.bootstrap-tagsinput .tag.tag-warning {
background-color: #ff9800;
color: #FFFFFF;
}
.bootstrap-tagsinput .tag.tag-danger {
background-color: #f44336;
color: #FFFFFF;
}
.bootstrap-tagsinput .tag.tag-rose {
background-color: #e91e63;
color: #FFFFFF;
}
.bootstrap-tagsinput .tag:hover {
padding-right: 18px;
}
.bootstrap-tagsinput .tag:hover [data-role="remove"] {
opacity: 1;
padding-right: 6px;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
cursor: pointer;
position: absolute;
top: 15px;
right: -5px;
opacity: 0;
color: white;
font-size: 3px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
content: "x";
padding: 2px 2px;
top: -3px;
position: relative;
left: -2px;
color: #000309;
}
.timeline {
list-style: none;
padding: 20px 0 20px;
position: relative;
margin-top: 30px;
}
.timeline:before {
top: 50px;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #E5E5E5;
left: 50%;
margin-left: -1px;
}
.timeline h6 {
color: #333333;
font-weight: 400;
margin: 10px 0px 0px;
}
.timeline.timeline-simple {
margin-top: 30px;
padding: 0 0 20px;
}
.timeline.timeline-simple:before {
left: 5%;
background-color: #E5E5E5;
}
.timeline.timeline-simple > li > .timeline-panel {
width: 86%;
}
.timeline.timeline-simple > li > .timeline-badge {
left: 5%;
}
.timeline > li {
margin-bottom: 20px;
position: relative;
}
.timeline > li:before, .timeline > li:after {
content: " ";
display: table;
}
.timeline > li:after {
clear: both;
}
.timeline > li > .timeline-panel {
width: 45%;
float: left;
padding: 20px;
margin-bottom: 20px;
position: relative;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
border-radius: 6px;
color: rgba(0, 0, 0, 0.87);
background: #fff;
}
.timeline > li > .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #e4e4e4;
border-right: 0 solid #e4e4e4;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline > li > .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #FFFFFF;
border-right: 0 solid #FFFFFF;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline > li > .timeline-badge {
color: #FFFFFF;
width: 50px;
height: 50px;
line-height: 51px;
font-size: 1.4em;
text-align: center;
position: absolute;
top: 16px;
left: 50%;
margin-left: -24px;
z-index: 100;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
}
.timeline > li > .timeline-badge.primary {
background-color: #9c27b0;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}
.timeline > li > .timeline-badge.success {
background-color: #4caf50;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}
.timeline > li > .timeline-badge.warning {
background-color: #ff9800;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}
.timeline > li > .timeline-badge.info {
background-color: #00bcd4;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}
.timeline > li > .timeline-badge.danger {
background-color: #f44336;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4);
}
.timeline > li > .timeline-badge [class^="ti-"], .timeline > li > .timeline-badge [class*=" ti-"], .timeline > li > .timeline-badge [class="material-icons"] {
line-height: inherit;
}
.timeline > li.timeline-inverted > .timeline-panel {
float: right;
background-color: #FFFFFF;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
.timeline-heading {
margin-bottom: 15px;
}
.timeline-title {
margin-top: 0;
color: inherit;
}
.timeline-body hr {
margin-top: 10px;
margin-bottom: 5px;
}
.timeline-body .btn {
margin-bottom: 0;
}
.timeline-body > p, .timeline-body > ul {
margin-bottom: 0;
}
.timeline-body > p + p {
margin-top: 5px;
}
.dropdown-toggle .ripple-container {
display: none;
}
.btn.btn-success, .btn.btn-info {
margin-bottom: 10px;
}
.timingfield .input-group-addon {
margin: -4px 5px;
position: absolute;
top: -24px;
color: #8e8e8e;
font-size: 9px;
}
.timingfield input.form-control {
text-align: center;
}
.tgl {
display: none;
}
.tgl-skewed + .tgl-btn {
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .2s ease;
transition: all .2s ease;
font-family: sans-serif;
background: #bb2124;
border-radius: 3px;
padding: 2px 0 0 7px;
height: 36px;
float: right;
width: 100%;
text-align: center;
font-family: ProximaNovaSoft-Bold;
font-size: 15px;
}
.tgl-btn {
min-width: 94px !important
}
.tgl-skewed + .tgl-btn::before {
content: attr(data-tg-off);
left: 0
}
.tgl + .tgl-btn::before {
display: none
}
.tgl + .tgl-btn::after, .tgl + .tgl-btn::before {
content: "";
display: block;
height: 100%;
position: relative;
width: 100%
}
.tgl-skewed + .tgl-btn::after {
content: attr(data-tg-on);
left: 100%
}
.tgl-skewed + .tgl-btn::after, .tgl-skewed + .tgl-btn::before {
color: #fff;
display: inline-block;
font-weight: 300;
line-height: 2em;
position: absolute;
text-align: center;
text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
transition: all 0.2s ease 0s;
width: 100%;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.tgl + .tgl-btn::after {
left: 0;
}
.tgl + .tgl-btn::after, .tgl + .tgl-btn::before {
content: "";
display: block;
height: 100%;
position: relative;
width: 100%;
}
.tgl + .tgl-btn {
-moz-user-select: none;
cursor: pointer;
display: block;
height: 2em;
outline: 0 none;
position: relative;
width: 4em;
}
.tgl {
display: none;
}
.tgl-skewed:checked + .tgl-btn::before {
left: -100%;
}
.tgl-skewed + .tgl-btn::before {
content: attr(data-tg-off);
left: 0;
}
.tgl-skewed + .tgl-btn {
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .2s ease;
transition: all .2s ease;
font-family: sans-serif;
background: #ab0d12;
border-radius: 3px;
padding: 2px 0 0 7px;
height: 36px;
float: right;
width: 100%;
text-align: center;
font-family: ProximaNovaSoft-Bold;
font-size: 15px;
}
.tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
display: inline-block;
-webkit-transition: all .2s ease;
transition: all .2s ease;
width: 100%;
text-align: center;
position: absolute;
line-height: 2em;
font-weight: 700;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, .4);
}
.tgl-skewed + .tgl-btn:after {
left: 100%;
content: attr(data-tg-on);
}
.tgl-skewed + .tgl-btn:before {
left: 0;
content: attr(data-tg-off);
}
.tgl-skewed + .tgl-btn:active {
background: #888;
}
.tgl-skewed + .tgl-btn:active:before {
left: -10%;
}
.tgl-skewed:checked + .tgl-btn {
background: #36b345;
}
.tgl-skewed:checked + .tgl-btn:before {
left: -100%;
}
.tgl-skewed:checked + .tgl-btn:after {
left: 0;
}
.tgl-skewed:checked + .tgl-btn:active:after {
left: 10%;
}
.proof-card-tag .proof-subItems-width {
width: 320px;
padding: 25px 0;
}
.subitems-paddings {
padding: 0 0 10px 0;
}
.timingfield_next.btn.btn-default.btn-xs.btn-block, .timingfield_prev.btn.btn-default.btn-xs.btn-block {
padding: 0px 0 !important;
margin: 0;
margin-right: 0px !important;
}
.timingfield_next.btn.btn-default.btn-xs.btn-block i {
margin: 0px;
}
#full-screen-modal {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9999;
display: none;
}
#full-screen-modal .card {
height: 100%;
background: #ebebeb;
margin: 0;
overflow: scroll;
}
#full-screen-modal .card-header {
padding: 0 20px;
margin-top: 0;
margin-bottom: 0;
background: rgba(0, 0, 0, .3);
border-radius: 10px;
position: absolute;
opacity: .2;
transition: 500ms;
}
.close-modal-button {
cursor: default;
cursor: w-resize;
}
#close-modal-button {
padding: 5px 6px;
top: 21px;
position: absolute;
z-index: 99999;
}
#full-screen-modal .proof-info-dropdown {
position: absolute;
left: 0;
top: 100%;
background: white;
border: thin solid #d4d4d4;
color: black;
font-weight: bold;
border-radius: 3px;
display: flex;
flex-flow: column nowrap;
padding: 5px 10px;
}
#full-screen-modal .proof-info-dropdown span {
padding: 5px 10px;
flex: 0 1 auto;
}
#full-screen-modal .card img {
width: auto;
height: auto;
}
#full-screen-modal .card-content {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
padding-top: 25px;
}
#full-screen-modal #proof_image {
display: inline-block;
position: relative;
}
#full-screen-modal #proof_image canvas {
display: block;
clear: both;
position: relative;
box-shadow: 0px 0px 5px black;
margin: 5px;
}
#full-screen-modal #image_overlay {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: none;
}
.proof_pdf_svg_text_layer, .proof_pdf_svg_text_layer * {
-webkit-font-smoothing: revert;
-moz-osx-font-smoothing: revert;
-webkit-tap-highlight-color: revert;
-webkit-box-sizing: revert;
-moz-box-sizing: revert;
box-sizing: revert;
text-align: left;
font-weight: initial;
line-height: initial;
}
.unselectable {
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.project-image.unselectable {
width: 100%;
height: auto;
}
.proof_pdf_image_layer {
display: block;
position: relative;
}
.proof_pdf_image_layer canvas {
display: block;
}
#proof_image_text_container {
display: block;
position: absolute;
right: 100%;
}
.proof_image_pdf_text_autohide {
box-shadow: 0px 0px 5px black;
margin-right: 5px;
position: absolute;
right: 100%;
top: 0;
padding: 5px;
background: white;
line-height: normal;
display: flex;
flex-flow: row nowrap;
white-space: nowrap;
text-align: right;
}
.proof_pdf_svg_container {
background: white;
}
#full-screen-modal .card-content .proof-comments-container {
flex: 0 1 400px;
background: white;
box-shadow: 0 0 5px black;
border-radius: 10px;
margin: 5px;
position: relative;
display: flex;
flex-flow: row nowrap;
}
#full-screen-modal .card-content .proof-image-container-wrapper {
width: 100%;
}
#full-screen-modal .card-content .proof-image-container {
background: white;
border-radius: 10px;
margin: 5px;
box-shadow: 0 0 5px black;
position: relative;
}
#full-screen-modal .card-content .proof-image-container .proof_image_container {
flex: 1 0 auto;
}
.proof_comments_container {
display: flex;
flex-flow: column nowrap;
flex: 1 0 auto;
}
.proof_comments {
flex: 1 0 auto;
}
.add_comment_form {
flex: 0 1 auto;
padding: 5px;
}
#full-screen-modal .proof-view-container .card-content .proof-comments-container .proof_comments_container .add_comment_form .add_comment_textarea {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-bottom: 0;
border-top: thin solid #3c4858;
border-left: thin solid #3c4858;
border-right: thin solid #3c4858;
border-bottom: none;
}
.add_inline_edit {
}
.proof-image-price {
padding: 10px 20px;
background: #4caf50;
position: absolute;
right: 0;
top: 0;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
opacity: .2;
color: white;
}
.proof-image-price:hover {
opacity: 1;
font-weight: bolder;
}
#proof-view .proof-approval {
position: fixed;
display: flex;
flex-flow: row nowrap;
padding: 10px 20px 10px;
justify-content: center;
left: 0;
right: 0;
bottom: 0;
background: white;
box-shadow: 0 0 5px #3c4858;
}
#proof-view .proof-approval .proof_initials {
text-align: center;
}
#proof-view .proof-approval .proof_initials, #proof-view .proof-approval .approve-proof-button, .set-avaiting-approve-proof-button {
flex: 0 1 auto;
max-width: 50%;
margin: 0 10px;
}
#comment-area {
width: 100%;
}
.reply {
color: #ffffff;
text-decoration: none;
font-style: normal;
font-weight: bold;
bottom: 15px;
margin-left: 1px;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
background: #c1c3c7;
width: 59px;
border-radius: 22px;
padding: 1px 11px;
}
.redcore-btn {
background: #d6090b !important;
color: white;
padding: 3px 11px;
margin: 0px 5px;
}
.comment_icon {
float: right;
color: #888888;
font-size: 12px;
padding: 7px 6px 6px;
background: #ffffff00;
font-weight: 500;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.title-details {
font-weight: 500;
color: #056ae5;
font-size: 12px;
top: -1px;
position: relative;
}
#designed-by {
position: fixed;
font-size: 11px;
bottom: -12px;
left: 10px;
z-index: 9999;
}
.approver-roll {
color: #32c46a;
}
.comment-box-container {
padding: 0px 27px 30px 29px;
position: relative;
}
.comment-box {
}
.comment {
padding-top: 10px;
}
.comment-name {
position: relative;
left: 52px;
font-size: 1.2em;
top: 6px;
width: 200px;
overflow: hidden;
}
.comment-container {
padding: 6px 1em;
border-left: 3px solid transparent;
background-color: #fff;
position: relative;
-webkit-transition: opacity 2s ease-in;
-moz-transition: opacity 2s ease-in;
-o-transition: opacity 2s ease-in;
-ms-transition: opacity 2s ease-in;
transition: opacity 2s ease-in;
}
.comment-complete-container, .proof-information-container {
}
input#prove_initials {
height: 45px;
padding: 7px;
border-radius: 6px 0px 0px 6px;
border: 1px solid #80808063;
width: 133px;
text-align: center;
position: relative;
top: 10px;
}
button#approve-proof-button {
font-family: Ubuntu, "AvantGardeLT-Bold", sans-serif;
height: 45px;
min-width: 133px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 0;
color: #f2f4f7;
text-align: center;
-moz-transition: all 0.1s ease;
background: #37c570;
border-radius: 0px 6px 6px 0px;
padding: 2px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, .25) !important;
-moz-box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
letter-spacing: -.5px;
}
.maven {
font-family: Maven Pro;
}
.avatar2 {
float: left;
margin: 18px 0px 0px 19px;
position: absolute;
}
#image {
border-radius: 4px;
}
.business-name {
margin-top: 38%;
position: absolute;
margin-left: 27px;
color: white;
letter-spacing: 2px;
font-family: Maven Pro;
}
.p-text {
*letter-spacing: normal;
*word-spacing: -.43em;
text-rendering: optimizespeed;
font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
display: -webkit-flex;
-webkit-flex-flow: row wrap;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
-ms-align-content: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start;
font-size: 14px;
}
.pure-menu-list {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
right: 0px;
}
.marg {
margin-right: 29px;
margin-left: 78px;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #f4f4f6;
opacity: 1;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
font-family: inherit;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
line-height: 34px;
}
input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm {
line-height: 30px;
}
input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg {
line-height: 46px;
}
}
#r-round {
border-radius: 0px 20px 20px 0px !important;
}
#l-round {
border-radius: 20px 0px 0px 20px !important;
}
.zoom {
background-color: #f4f4f6 !important;
color: #3c4859 !important;
border: 1px solid white !important;
position: relative;
padding: 0px 17px !important;
margin: 0px !important;
display: inline-block;
touch-action: manipulation;
cursor: pointer;
user-select: none;
background-image: none;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-size: 17px !important;
}
.top-icon {
width: 50px;
margin: -50px 4px 7px 11px;
float: right !important;
z-index: 99999 !important;
padding-top: 6px;
position: relative;
}
#add-new {
width: 100%;
background: #797979;
margin-top: 22px;
padding: 8px;
border-radius: 5px;
z-index: 999;
padding: 1rem 1rem;
cursor: pointer;
transition: all .15s ease;
text-align: center;
color: #8898aa;
border: 1px dashed #afafaf;
border-radius: .375rem;
background-color: #f4f4f6;
order: -1;
}
.back {
position: relative;
font-size: 21px !important;
}
.proof-title-container {
position: relative;
padding: 19px 21px 0px 22px;
font-weight: 900;
font-size: 18px;
height: 61px;
width: 100%;
}
img.pro_view_u_img {
max-width: 59px;
border-radius: 500px;
height: 37px;
width: 37px;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(2, 2, 2, 0.12);
position: relative;
}
.pro_view_top_users {
text-align: left;
}
.pro_view_users_list {
padding: 0px;
list-style: none;
margin: 0px;
}
ul.pro_view_users_list li {
display: inline-block;
margin-right: 10px;
position: relative;
}
.admin_complete_project {
right: 0px;
top: 0px;
display: inline-block;
}
#cust-web-button {
background: none;
}
.admin_pro_comment_actions {
right: 13px;
top: 14px;
display: inline-block;
position: absolute;
font-size: 14px;
font-weight: 400;
color: gray;
margin: 6px;
}
span.user_hover_name_pro_view {
background: #495054;
color: white;
display: none;
padding: 3px;
border-radius: 4px;
font-weight: 400;
position: absolute;
bottom: -34px;
left: 50%;
transform: translateX(-50%);
width: auto;
text-align: center;
width: 125px;
font-size: 15px;
}
img.pro_view_u_img {
max-width: 59px;
border-radius: 500px;
height: 37px;
width: 37px;
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.14), 0 3px 5px -2px rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(2, 2, 2, 0.12);
position: relative;
}
ul.pro_view_users_list li {
display: inline-block;
margin-right: 7px;
position: relative;
}
ul.pro_view_users_list li .pro_online {
position: absolute;
top: 0px;
right: -2px;
}
.close_con_pro {
position: fixed;
top: 10px;
left: calc(50% + 286px);
color: #fff;
}
@media only screen and (max-width: 768px) {
.popup-login .card-body, div[for="code-number"] {
padding: 0px !important;
}
input[autocomplete="one-time-code"], input[autocomplete="one-time-code"]:focus {
--otp-ls: 1.6ch !important;
}
#marketPlaceProjectImageSlider {
width: 100% !important;
}
.comment-box-container {
background: #ffffff;
}
.wheel-spin-img {
display: none;
}
.bottom-fixed.new-task-creation button.btn.btn-primary.create_new_project_action {
border-radius: 1000px;
width: 300px !important;
min-width: 115px !important;
max-width: 208px !important;
padding: 13px 17px !important;
font-size: 15px;
}
.placeholder_site h1 {
margin: 0px;
font-size: 19px !important;
padding: 17px 0px 0px 0px !important;
text-align: center !important;
}
.add_btn_cont {
margin: auto;
top: 14px;
position: relative;
}
.sub-title-pad-dd {
padding: 13px 0px 19px 0px !important;
white-space: pre-wrap !important;
}
.close_con_pro {
position: fixed;
top: 10px;
left: calc(50% + 163px);
color: #000;
z-index: 9999999;
}
.container-2.lineup.launch-img {
border-radius: 7px !important;
}
.proof-grid-switch.proof-load-all-proofs-grid-button {
display: none;
}
.proof-image-toolbox {
display: none;
}
.bottom-fixed.new-task-creation {
position: fixed;
width: 100%;
text-align: center;
padding: 9px 20px 16px;
background: #fffffffa;
box-shadow: -14px 14px 35px #3c4858;
left: 0px;
}
.marketplace-image {
border-radius: .6rem;
width: 108px;
height: 108px;
}
.card-line-separator {
border-left: 0px solid #e6e6e6;
padding: 21px 0px 15px 3px;
margin-left: 6px !important;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
display: none;
}
.form-title-slider-height {
display: none;
}
}
s ul.pro_view_users_list li:first-child span.user_hover_name_pro_view {
transform: none;
left: -16px;
}
img.pro_view_u_img:hover span.user_hover_name_pro_view {
display: block;
}
span.user_hover_name_pro_view {
background: #495054;
color: white;
display: none;
padding: 3px;
border-radius: 4px;
font-weight: 400;
}
ul.pro_view_users_list li:hover > span.user_hover_name_pro_view {
display: inline-block;
}
.user_pro_comment_actions {
right: 0px;
top: 0px;
display: inline-block;
position: absolute;
font-size: 14px;
font-weight: 400;
color: gray;
margin: 6px;
}
.admin_completed_project {
display: inline-block;
font-size: 11px;
font-weight: 400;
color: gray;
position: absolute;
right: 27px;
}
div#project_files {
display: block;
width: 100%;
min-height: 49px;
border: dashed 2px #c4cdd1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 14px;
text-align: center;
line-height: 1.65;
color: #737373;
-moz-transition: opacity 2s linear, border-color 0.6s linear;
-o-transition: opacity 2s linear, border-color 0.6s linear;
-webkit-transition: opacity 2s linear, border-color 0.6s linear;
transition: opacity 2s linear, border-color 0.6s linear;
opacity: 1 !important;
-webkit-transform: translate3d(0, 0, 0);
vertical-align: middle;
margin: auto;
padding: 26px;
}
.dz-image {
width: 78px;
height: 78px;
border: 1px solid #c4cdd2;
border-radius: 7px;
}
.dz-image img {
max-width: 77px;
max-height: 77px;
}
.dz-success-mark {
display: none;
}
.dz-error-mark {
position: relative;
right: -21px;
bottom: 132px;
float: right;
}
.dz-details {
position: relative;
top: -62px;
left: 92px;
text-align: left;
}
.dz-preview.dz-processing.dz-image-preview.dz-success {
padding: 11px 0px;
border-top: 1px solid #efefef;
max-height: 103px;
}
.dz-error-mark svg {
max-width: 40px;
}
.pro_view_message_inputs div {
text-align: left;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
z-index: 9999999999999
}
.ui-autocomplete {
background: white;
}
.pro_view_message_inputs div:first-child {
margin: 10px 0px;
font-size: 16px;
font-weight: 400;
}
.pro_message_input {
}
.feild-row {
padding: 7px;
}
.okay {
padding: 6px;
}
.option-box {
display: flex;
width: 100%;
margin-top: 15px;
}
.upload-options {
padding: 21px;
background: #f4f4f6;
border-radius: 4px;
text-align: center;
width: 100%;
flex: 1;
}
.measure-output {
background: #44ce6b;
padding: 10px;
position: relative;
font-weight: 900;
color: white;
text-align: center;
border-radius: 0px 0px 8px 8px;
}
.field-title {
margin: 0px;
}
.hlabel {
float: left;
position: absolute;
left: 37px;
top: 220px;
color: #555555;
}
.wlabel {
float: left;
position: absolute;
left: 37px;
top: 152px;
color: #555555;
}
.width-height {
width: 100%;
background: #f4f4f6;
padding: 0px 6px 18px 68px;
border-radius: 6px;
margin: auto;
}
.zoomer {
margin: 0px !important;
width: 54px;
height: 26px;
border-radius: 0px;
display: none !important;
}
#proof_approve_tos_arrow.ctmDisplayOption {
display: block !important
}
.ctmDisplayOption {
display: block !important
}
.expand {
margin-right: 0px !important;
}
.shrinkevenmore {
transform: scale(.3) !important;
transition: .5s;
}
.shrinkmore {
transition: .5s;
}
.hardwidth {
width: 375px !important;
}
.shrink {
padding: 0px 200px 73px 200px !important;
}
.da-zoom-right {
right: 27px !important;
}
#proof_approve_tos {
width: 309px;
height: 122px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: -235px;
display: none;
background: #fff;
border-radius: 10px;
z-index: 99999;
padding: 17px;
box-sizing: border-box;
padding: 16px 13px 13px 19px;
text-align: left;
box-shadow: 4px 8px 28px rgb(0 0 0 / 40%);
z-index: 9999;
font-family: Larsseit-Bold, sans-serif !important;
}
#proof_approve_tos_arrow {
width: 24px;
height: 24px;
transform: rotate(45deg);
display: none;
left: 49%;
top: -127px;
position: absolute;
background: #fff;
z-index: 99999;
border-radius: 4px;
}
.message_center_neede {
position: relative;
border-radius: 4px;
border: 1px solid black;
padding: 0px 30px 30px 6px;
}
i.material-icons.upload_new_images {
position: absolute;
bottom: 5px;
right: 5px;
font-size: 25px;
}
.upoloadedCommentImage img {
width: 100% !important;
height: auto;
padding-top: 12px;
}
.project-sub-status-info {
font-size: 12px !important;
}
li.project_list_tab {
left: 0;
border-bottom-left-radius: 7px;
padding: 10px;
border-top-left-radius: 7px;
text-align: center;
width: 50%;
height: 44px;
border: 0 solid #c5c5c5;
font-family: Open Sans;
border-right: 0;
background: #e7e9ea;
display: inline-block;
}
li.waiting_list_tab {
left: 0;
border-bottom-left-radius: 7px;
padding: 10px;
border-top-left-radius: 7px;
text-align: center;
width: 50%;
height: 44px;
border: 0 solid #c5c5c5;
font-family: Open Sans;
border-right: 0;
background: #e7e9ea;
display: inline-block;
}
ul.project_list_tab_center {
list-style: none;
padding: 0px;
}
ul.project_list_tab_center li:first-child {
border-radius: 10px 0px 0px 10px;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;
}
ul.project_list_tab_center li:last-child {
border-radius: 0px 10px 10px 0px;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
}
.funnel, .administrator {
}
.proof-tooltip-move-along {
position: absolute;
padding: 4px 8px 1px 7px;
z-index: 99;
pointer-events: none;
-webkit-transition: .25s opacity;
transition: .25s opacity;
font-size: 12px;
line-height: 1.8;
color: #555;
background: #fff;
box-shadow: 0 7px 21px 0 rgba(0, 0, 0, .1);
border-radius: 3px;
min-width: 118px;
}
.da-zoom {
position: absolute;
right: 30px;
z-index: 9999;
top: 16px;
}
#proof-title + .da-zoom {
right: 3% !important;
}
body {
background-color: #eeeeef;
background: #ffffff;
background-color: rgb(255 255 255);
}
#lefty {
position: absolute;
right: 24px;
}
.lefty {
text-align: left !important;
font-size: 25px !important;
color: #b2b2b2 !important;
margin-top: 45px !important;
margin-left: -3px !important;
}
#fixed-pay-bar {
background: green;
position: absolute;
width: 100%;
justify-content: center;
text-align: center;
margin-right: 408px;
}
.proof-defualt-fields button.dropdown-toggle.btn.btn-primary.btn-round.bs-placeholder {
background: #ffffff !important;
border: 1px solid #bec0c3 !important;
color: #cfcfcf !important;
border-radius: 5px;
padding: 12px 19px;
font-family: inherit;
font-weight: 300;
letter-spacing: 0;
border-radius: 5px;
letter-spacing: 0;
margin: 0px;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
color: #8a949c;
font-size: 15px;
font-weight: 400;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
line-height: 1.42857143;
letter-spacing: 0px;
}
.onlineUser {
background: rgb(116, 208, 10) none repeat scroll 0% 0%;
padding: 3px;
border-radius: 15px;
width: 13px;
height: 13px;
float: right;
position: absolute;
bottom: 16px;
margin-left: 26px;
border: 2px solid #f3f3f3;
}
#user-list {
margin: 0;
margin-top: 30px !important;
list-style: none;
display: inline-block;
z-index: 10000;
}
.user-list {
display: inline-block;
width: 37px;
height: 32px;
margin-right: -12px;
cursor: pointer;
border-radius: 3px;
left: -19px;
}
.gray-box {
background: #f4f4f6;
padding: 10px 19px 13px 20px;
border-radius: 4px;
border: 1px solid #dadada;
position: relative;
margin-bottom: 34px;
display: table;
width: 100%;
}
.gray-box .copy-details {
margin-bottom: 2px;
}
.form-group .fb-required {
color: #c10000;
font-size: 24px;
position: relative;
top: 8px;
margin: 1px 4px;
}
.comment-container label.fb-select-label span, .comment-container label.fb-text-label span {
background: transparent !important;
}
p.copy-details.data-type-url {
color: #009688;
}
div#main {
}
#sepr {
width: 100%;
background-color: #f4f4f6;
}
.xs-hidden {
display: none;
}
#sep {
height: 50px;
width: 100%;
}
#comment-area .nav {
padding: 9px;
border-bottom: 0px solid #ffffff;
background: #e8e8e8cf;
border-radius: 60px;
margin: 27px 4px 4px 22px;
width: 77%;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
background-color: #ffffff !important;
color: #3c4859 !important;
font-weight: 700 !important;
}
li.details-required a.proof-comments-button, li.details-required.active a.proof-comments-button.active {
background-color: #d6090b !important;
color: #fff !important;
font-weight: 700 !important;
}
.proof-comments-button.btn-completed-comment {
width: 100%;
background: #ffffff;
color: #3c3d64;
font-weight: bold;
border-radius: 0px;
font-size: 13px;
border-bottom: 1px solid #dedede;
position: relative;
transition: all .15s ease;
letter-spacing: .025em;
text-transform: none;
will-change: transform;
cursor: pointer;
line-height: 1.5;
display: inline-block;
cursor: pointer;
padding: .625rem 1.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;
text-align: center;
vertical-align: middle;
white-space: nowrap;
border: 1px solid transparent;
border-bottom: 1px solid #d4d4d4;
padding-bottom: 17px;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
flex: 1 100%;
border: 1px solid #d8d5d5;
margin: 4px;
border-radius: 4px;
}
.section-dark .nav-pills > li > a, .section-image .nav-pills > li > a {
color: #999999;
}
.section-dark .nav-pills > li > a:hover, .section-dark .nav-pills > li > a:focus, .section-image .nav-pills > li > a:hover, .section-image .nav-pills > li > a:focus {
background-color: #EEEEEE;
}
.nav-pills > li > a {
line-height: 24px;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
min-width: 100px;
text-align: center;
color: #555555;
transition: all .3s;
letter-spacing: .5px;
}
.nav-pills > li > a:hover {
background-color: rgba(200, 200, 200, 0.25);
}
.nav-pills > li i {
display: block;
font-size: 30px;
padding: 15px 0;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
background-color: #9c27b0;
color: #FFFFFF;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(156, 39, 176, 0.4);
}
.nav-pills:not(.nav-pills-icons) > li > a {
border-radius: 30px;
flex: 1 100%;
}
.nav-pills.nav-stacked > li + li {
margin: 10px 0;
}
.nav-pills.nav-pills-info > li.active > a, .nav-pills.nav-pills-info > li.active > a:focus, .nav-pills.nav-pills-info > li.active > a:hover {
background-color: #00bcd4;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4);
}
.nav-pills.nav-pills-success > li.active > a, .nav-pills.nav-pills-success > li.active > a:focus, .nav-pills.nav-pills-success > li.active > a:hover {
background-color: #4caf50;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4);
}
.nav-pills.nav-pills-warning > li.active > a, .nav-pills.nav-pills-warning > li.active > a:focus, .nav-pills.nav-pills-warning > li.active > a:hover {
background-color: #ff9800;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}
.nav-pills.nav-pills-danger > li.active > a, .nav-pills.nav-pills-danger > li.active > a:focus, .nav-pills.nav-pills-danger > li.active > a:hover {
background-color: #f44336;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4);
}
.nav-pills.nav-pills-rose > li.active > a, .nav-pills.nav-pills-rose > li.active > a:focus, .nav-pills.nav-pills-rose > li.active > a:hover {
background-color: #e91e63;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(233, 30, 99, 0.4);
}
.tab-space {
padding: 20px 0;
}
.redcore-btn-blue {
border-radius: 1000px;
padding: 14px 45px;
background: #0755d9 !important;
border: 6px solid white;
animation: glowing 1400ms infinite;
}
.modal-content {
box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
border-radius: 6px;
border: none;
margin: 50% auto;
width: 500px
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
width: 100 v;
padding: 0px !important;
height: 100%;
margin: -6px;
background: rgb(6 7 8 / 87%);
backdrop-filter: blur(19px);
-webkit-backdrop-filter: blur(19px);
}
.modal-content .modal-header {
border-bottom: none;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 0;
padding-left: 24px;
}
.modal-content .modal-body {
padding-top: 24px;
padding-right: 24px;
padding-bottom: 16px;
padding-left: 24px;
}
.modal-content .modal-footer {
border-top: none;
}
.modal-content .modal-footer.text-center {
text-align: center;
}
.modal-content .modal-footer button {
margin: 0;
padding-left: 16px;
padding-right: 16px;
width: auto;
}
.modal-content .modal-footer button.pull-left {
padding-left: 5px;
padding-right: 5px;
position: relative;
left: -5px;
}
.modal-content .modal-footer button + button {
margin-bottom: 16px;
}
.modal-content .modal-body + .modal-footer {
padding-top: 0;
}
.modal-backdrop {
background: rgba(0, 0, 0, 0.3);
}
.modal .modal-dialog {
height: 100vh;
max-width: 922px;
}
.modal .modal-header .close {
color: #999999;
}
.modal .modal-header .close:hover, .modal .modal-header .close:focus {
opacity: 1;
}
.modal .modal-header .close i {
font-size: 16px;
}
.modal-notice .instruction {
margin-bottom: 25px;
}
.modal-notice .picture {
max-width: 150px;
}
.modal-notice .modal-content .btn-raised {
margin-bottom: 15px;
}
.modal-small {
width: 300px;
margin: 0 auto;
}
.modal-small .modal-body {
margin-top: 20px;
}
.fab {
position: fixed;
bottom: 16px;
right: 16px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
z-index: 9999 !important;
box-shadow: 0 5px 14px 0px rgba(0, 0, 0, 0.32);
border-radius: 500px;
}
.fab .trigger, .fab .action {
border-radius: 50%;
cursor: pointer;
}
.fab .trigger:active, .fab .action:active {
opacity: 0.7;
}
.fab .trigger {
position: relative;
background: #ffffff;
color: #fff;
height: 58px;
width: 58px;
line-height: 56px;
vertical-align: middle;
font-size: 1.5em;
z-index: 1;
overflow: hidden;
}
.fab .action {
position: absolute;
top: -1px;
margin: auto;
background: #877d6800;
color: #fff0;
width: 92px;
line-height: 45px;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.fab .actions {
opacity: 0;
transition: opacity 0.4s ease;
}
.fab.open .actions {
opacity: 1;
}
.fab.open .actions .action:nth-child(1) {
-webkit-transform: translateY(-48px);
transform: translateY(-48px);
}
.fab.open .actions .action:nth-child(2) {
-webkit-transform: translateY(-96px);
transform: translateY(-96px);
}
.fab.open .actions .action:nth-child(3) {
-webkit-transform: translateY(-144px);
transform: translateY(-144px);
}
.fab.open .actions .action:nth-child(4) {
-webkit-transform: translateY(-192px);
transform: translateY(-192px);
}
.fab.open .tooltip {
opacity: 1;
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
right: 44px;
transition-delay: 0.2s;
background: #d40000;
width: 231px;
text-align: center;
border-radius: 50px;
height: 38px;
padding-top: 10px;
color: white;
cursor: pointer;
box-shadow: 0px 3px 7px #00000038;
}
.fab .tooltip {
position: absolute;
top: 50%;
right: 0;
width: 50vw;
-webkit-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
-webkit-transform-origin: right center 0;
transform-origin: right center 0;
text-align: right;
transition: all 0.4s ease;
opacity: 0;
color: #666;
}
.fab #contact-img {
border-radius: 65px;
padding: 3px;
position: relative;
top: 0px;
width: 100%;
}
@media (min-width: 40em) {
.title {
margin-top: 14px;
color: #333;
font-size: 1.2em;
font-family: Maven Pro;
margin-left: 28px;
padding-top: 1px;
}
.bar2 {
background-color: #f4f4f6;
text-align: center;
padding-top: 23px;
font-family: lato;
z-index: 100;
position: fixed;
width: 415px;
height: 29px;
}
}
@media screen and (max-height: 1050px) {
#proof-gif {
display: none;
}
#proof-gif {
display: none;
}
}
@media only screen and (max-width: 992px) {
.more-right {
text-align: right !important;
float: right;
position: absolute;
right: 0px;
}
#waterbottle-promo {
display: none;
}
#pens-promo {
display: none;
}
.left-below:after {
content: ' below.';
}
button.create_new_project_action.btn.btn-danger.btn.btn-round-radious {
display: none;
}
#comment-area .nav {
margin: 0px 0px 0px 24px;
padding: 10px;
top: 10px;
position: relative;
width: 91%;
z-index: 0;
text-align: center;
margin: 0px auto 13px auto !important;
display: flex;
}
#proof-gif {
display: none !important;
}
.card-body {
padding: 18px 13px 16px 0.2rem !important;
}
.marketplace-image {
width: 78px;
height: 78px;
}
.title-details {
display: none;
}
.proof-image-container {
width: 100%;
}
#fixed-status-bar {
position: fixed;
display: flex;
flex-flow: column nowrap;
align-items: center;
padding: 10px 20px 10px;
justify-content: center;
left: 0;
right: 0;
bottom: 88px;
background: white;
box-shadow: 0 13px 31px #3c4858;
margin: 0px;
width: 100%;
}
.dark-mode #fixed-status-bar {
background: #30333d;
}
.da-zoom {
display: none;
}
}
#r-round {
border-radius: 0px 20px 20px 0px !important;
}
#l-round {
border-radius: 20px 0px 0px 20px !important;
}
.top-icon {
width: 50px;
margin: -50px 4px 7px 11px;
float: right !important;
z-index: 99999 !important;
padding-top: 6px;
position: relative;
}
.back {
position: relative;
font-size: 21px !important;
}
.redcore-morgin-button {
margin-bottom: 20px;
}
.proof-image-toolbox {
position: relative;
display: flex;
flex-flow: row;
float: right;
}
.toolbox {
background: #a5a5a5;
border-radius: 10px;
padding: 5px;
border: thin solid #cd0000;
}
.toolbox.selected {
background: #cd0000;
}
.proof-image-overlay-container {
position: relative;
text-align: center;
width: auto;
height: auto;
padding: 5px 0 !important;
margin: 0 auto;
}
.proof-placeholder-image-notice {
position: absolute;
bottom: 18px;
left: 50%;
transform: translateX(-50%);
z-index: 20;
display: inline-flex;
align-items: center;
justify-content: center;
max-width: calc(100% - 40px);
padding: 8px 14px;
border-radius: 999px;
background: rgba(16, 24, 40, 0.84);
color: #fff;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.01em;
line-height: 1.2;
box-shadow: 0 12px 28px rgba(15, 23, 42, 0.24);
pointer-events: none;
}
.proof-placeholder-image-spinner {
width: 14px;
height: 14px;
margin-right: 8px;
border: 2px solid rgba(255, 255, 255, 0.34);
border-top-color: #fff;
border-radius: 999px;
animation: proof-placeholder-image-spin 0.8s linear infinite;
flex: 0 0 14px;
}
@keyframes proof-placeholder-image-spin {
to {
transform: rotate(360deg);
}
}
.proof-image-overlay {
position: absolute;
width: 100%;
height: 100%;
}
.proof-image-overlay {
position: absolute;
width: 100%;
height: 100%;
}
.comment-box-icon {
background: white;
border-radius: 5px;
box-shadow: 0 14px 42px 0 rgba(0, 0, 0, .2);
min-width: 256px;
max-width: 403px !important;
padding: 0px 10px 17px 10px;
}
.comment-box-icon, .comment-box-icon i {
position: absolute;
color: #cd0000;
}
.comment-box-icon.complete {
position: absolute;
color: lawngreen;
}
.comment-box-icon.complete i {
position: absolute;
color: lawngreen;
display: none;
}
.proof-image-overlay-svg line {
stroke: #cd0000;
}
.proof-image-overlay-svg line.complete {
display: none;
stroke: lawngreen;
}
.comment-floating-container .floating-comment-box, .comment-floating-shape-container .floating-comment-box {
padding: 10px 30px;
margin: 0;
background: none;
box-shadow: 0 14px 42px 0 rgba(0, 0, 0, .2);
}
.comment-floating-container .floating-comment-box:hover {
display: block;
}
.comment-floating-container .floating-comment-box i {
position: static;
color: #737373;
}
.comment-box-icon i {
box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
font-size: 19px;
padding: 2px;
border-radius: 78px;
}
.comment-box-icon i.fa-circle::before {
background: white;
border: 5px solid #fff;
border-radius: 50px;
}
.fa-plus-circle:before {
content: "\f055";
border-radius: 62px;
background: white;
border: 1px solid white;
z-index: 9999;
}
.comment-box-container.comment-floating-container {
padding: 0;
background: transparent;
margin: 0px;
}
.comment-box-container.comment-floating-container .comment-container-floating.floating-comment-box {
background: #fff !important;
}
.comment-box-icon.submitted.comment-box-container {
margin: 0;
}
.comment-box-container.comment-floating-shape-container {
padding: 0;
display: none;
background: white;
margin: 5px;
}
.comment-box-container.comment-floating-shape-container:hover {
display: block;
}
.comment-box-container.comment-floating-container .comment-wrapper {
display: none;
}
.comment-box-container.comment-floating-container:hover .comment-wrapper, .comment-box-container.comment-floating-container .comment-wrapper:hover {
display: block;
}
.cancelcomments {
display: none;
}
.comment-box-container.comment-floating-container i:hover ~ .comment-wrapper, .comment-box-container.comment-floating-container .comment-wrapper:hover, .show-element-hover-block, .comment-box-container.comment-floating-shape-container.show-element-hover-block, .comment-box-container.comment-floating-container .comment-wrapper.show-element-hover-block, .show-element-block, .comment-box-container.comment-floating-shape-container.show-element-block, .comment-box-container.comment-floating-container .comment-wrapper.show-element-block {
display: block;
}
.comment-container .image img {
max-width: 100%;
image-orientation: from-image;
}
.comment-container-fixed.comment-wrapper.show-element-hover-block {
background: #f4f4f68c;
}
.comment-container-fixed.comment-wrapper.show-element-block, .comment-container-fixed.comment-wrapper.show-element-hover-block.show-element-block {
background: #f4f4f6;
border-bottom: 2px solid #dadada;
}
.comment-box-container.comment-floating-shape-container.show-element-block, .comment-box-container.comment-floating-container .comment-wrapper.show-element-block {
border: 2px solid #dadada;
margin: 0;
border-radius: 6px !important;
}
.comment-box-container.complete.comment-floating-shape-container.show-element-block, .comment-box-container.complete.comment-floating-container .comment-wrapper.show-element-block {
border: 3px solid lawngreen;
margin: 0;
}
.comment-floating-container.show-element-block, .comment-floating-shape-container.show-element-block {
}
.floating-comment-box .comment {
padding: 0;
}
.comment-container-fixed .comment_icon {
cursor: pointer;
}
.btn.btn-info .ripple-container.redcore-morgin-button {
display: none;
}
.proof-image-toolbox button.toolbox, #toolbox-border-radius, #toolbox-proof-background-remove {
background: transparent;
border-color: transparent;
font-size: 18px;
color: rgba(0, 0, 0, 0.5);
font-weight: bold;
text-align: justify;
width: 100%;
}
.proof-image-toolbox button.toolbox.selected, #toolbox-border-radius.selected, #toolbox-proof-background-remove.selected {
background: transparent;
color: #cd0000;
}
.toolbox {
background: #a5a5a5;
border-radius: 10px;
padding: 5px;
border: thin solid #cd0000;
}
.toolbox.selected {
background: #cd0000;
}
#searchForms {
margin-top: auto;
}
#searchVendors {
margin-top: auto;
}
#marketPlaceSearchForms {
margin-top: auto;
cursor: initial;
}
#comment-area {
}
.shipping_manager_line_header {
font-weight: 700;
top: 6px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
font-size: 1.2rem;
}
.nav {
border-bottom: 1px solid #e5e5e5;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
background-color: #ffffff !important;
color: #3c4859 !important;
font-weight: 700 !important;
width: 204%;
}
#reply {
color: #006eff;
text-decoration: underline;
font-style: italic;
font-size: 15px;
font-weight: 400;
}
.comment-wrapper .redcore-btn {
background: #d6090b !important;
display: none;
}
#complete {
float: right;
color: #bbbbbb;
font-size: 17px;
padding: 6px 4px 12px;
}
#designed-by {
position: absolute;
font-size: 11px;
bottom: 0px;
left: 6px;
}
#share-btn {
position: absolute;
right: 124px;
top: -6px;
padding: 8px 22px 6px 33px;
}
.approver-roll {
color: #32c46a;
}
.comment-box-container {
padding: 28px 27px 269px 29px;
}
.comment-box {
border: 1px solid #e8eaf0 !important;
border-radius: 6px !important;
color: #5f6267;
cursor: text;
height: auto;
font-size: 13px;
line-height: 23px;
overflow: hidden;
padding: 0px 19px !important;
background: #fff;
max-width: 100%;
min-width: 100%;
min-height: auto;
word-wrap: break-word;
margin-bottom: 9px;
}
.comment {
padding-top: 10px;
}
.comment-container {
padding: 0px;
border-left: 3px solid transparent;
background-color: #fff;
animation: show-navbar-dropdown .25s ease forwards;
pointer-events: auto;
}
input#prove_initials {
height: 45px;
padding: 7px;
border-radius: 6px 0px 0px 6px;
border: 1px solid #80808063;
width: 133px;
position: relative;
top: -6px;
}
button#approve-proof-button {
font-family: Ubuntu, "AvantGardeLT-Bold", sans-serif;
height: 45px;
min-width: 133px;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 0;
color: #f2f4f7;
text-align: center;
-moz-transition: all 0.1s ease;
background: #37c570;
border-radius: 0px 6px 6px 0px;
padding: 2px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, .25) !important;
-moz-box-sizing: border-box !important;
-webkit-box-sizing: border-box !important;
letter-spacing: -.5px;
}
#fixed-status-bar {
position: fixed;
display: flex;
flex-flow: column nowrap;
justify-content: center;
align-items: center;
left: 0;
right: 0;
bottom: -107px;
margin-right: 496px;
z-index: 9999;
}
.maven {
font-family: Maven Pro;
}
.avatar2 {
float: left;
margin: 18px 0px 0px 19px;
position: absolute;
}
#image {
border-radius: 4px;
}
.business-name {
margin-top: 38%;
position: absolute;
margin-left: 27px;
color: white;
letter-spacing: 2px;
font-family: Maven Pro;
}
.p-text {
text-rendering: optimizespeed;
font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
display: -webkit-flex;
-webkit-flex-flow: row wrap;
display: -ms-flexbox;
-ms-flex-flow: row wrap;
-ms-align-content: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start;
font-size: 14px;
}
.pure-menu-list {
list-style: none;
margin: 0;
padding: 0;
overflow: hidden;
right: 0px;
}
.marg {
margin-right: 29px;
margin-left: 78px;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
cursor: not-allowed;
background-color: #f4f4f6;
opacity: 1;
}
textarea.form-control {
height: auto;
padding: 17px !important;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
line-height: 34px;
}
input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm {
line-height: 30px;
}
input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg {
line-height: 46px;
}
}
.da-zoom {
position: absolute;
right: 436px;
z-index: 9999;
top: 16px;
}
#r-round {
border-radius: 0px 20px 20px 0px !important;
}
#l-round {
border-radius: 20px 0px 0px 20px !important;
}
.zoom {
background-color: #f4f4f6 !important;
color: #3c4859 !important;
border: 1px solid white !important;
position: relative;
padding: 0px 17px !important;
margin: 0px !important;
display: inline-block;
touch-action: manipulation;
cursor: pointer;
user-select: none;
background-image: none;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
font-size: 17px !important;
}
.top-icon {
width: 50px;
margin: -50px 4px 7px 11px;
float: right !important;
z-index: 99999 !important;
padding-top: 6px;
position: relative;
}
.back {
font-size: 15px !important;
z-index: 9999;
position: absolute;
border-radius: 5px;
top: 24px;
}
#proof-title {
position: relative;
top: -3px;
left: 31px;
font-weight: 700;
font-size: 19px;
color: black;
}
.proof-title-container {
padding: 19px 21px 0px 17px;
font-weight: 900;
font-size: 18px;
height: 61px;
width: 100%;
}
#logo {
float: left;
width: 161px;
margin: -43px 0 0 14px;
}
.icon {
width: 40px;
height: 40px;
margin: -10px -6px -2px 20px;
display: inline-block;
float: left;
}
.fixed-bar-top {
background-color: rgb(244, 244, 246);
width: 100%;
right: 0;
top: 0;
height: 47px;
}
.post-btn {
margin: -16px 1px 0px 18px;
}
.bar2 {
background-color: #f4f4f6;
height: 50px;
text-align: center;
font-weight: 600;
font-size: 16px;
color: #666;
font-family: Maven Pro;
z-index: 100;
}
.fixed-bar {
background-color: rgb(244, 244, 246);
width: 100%;
right: 0;
top: 0;
height: 50px;
position: fixed;
z-index: 1;
padding-left: 17px;
padding-bottom: 2px;
border-bottom: 1px solid rgb(229, 229, 229);
margin-right: 0px;
}
.fixed-bar2 {
background-color: rgb(244, 244, 246);
width: 100%;
right: 0;
bottom: 0;
height: 86px;
position: fixed;
z-index: 1;
padding-left: 22px;
padding-bottom: 4px;
border-bottom: 1px solid rgb(229, 229, 229);
}
.show-designer {
display: none;
}
.show-comments {
display: block;
}
.color {
background-color: #f4f4f6;
width: 100%;
border-radius: 11px;
}
.divide49 {
height: 49px;
background-color: #fff;
width: 100%;
bottom: 0;
}
.font {
font-size: 14px;
padding: 19px;
}
.ico {
margin-right: 5px;
margin-bottom: 3px;
width: 44px;
}
.approve {
width: 96%;
height: 33px;
letter-spacing: 0px;
font-size: 1.3em;
text-align: center;
color: #fff;
background-color: #09F;
text-decoration: none;
z-index: 100;
padding-top: 9px;
border-radius: 5px;
font-family: Lato;
padding: .5em -1em;
color: #fff;
border: 1px solid #999;
border: 0 rgba(0, 0, 0, 0);
background-color: #09F;
margin: 11px 8px;
display: inline-block;
float: left;
}
.post {
width: 100%;
height: 39px;
letter-spacing: 1px;
font-size: 1em;
color: #fff;
background-color: #09F;
text-decoration: none;
border-bottom-right-radius: 5px;
border-top-right-radius: 0px;
border-bottom-left-radius: 5px;
border-top-left-radius: 0px;
font-family: Maven Pro;
padding: 0.5em 2em;
margin-left: 41px;
color: #fff;
border: 1px solid #999;
border: 0 rgba(0, 0, 0, 0);
background-color: #09F;
margin: -22px 0 0 0px;
}
.input-intial {
width: 85px;
height: 39px;
margin: -7px;
}
.circle-avatar {
width: 16px;
height: 16px;
margin: -7px -7px -9px -3px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-border-radius: 99em;
border-radius: 99em;
border: 2px solid #FFF;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
background-color: #C03;
display: block;
position: relative;
z-index: 0;
}
.text-left {
text-align: left
}
.text-right {
text-align: right
}
.text-center {
text-align: center
}
.text-justify {
text-align: justify
}
.text-nowrap {
white-space: nowrap
}
.text-lowercase {
text-transform: lowercase
}
.text-uppercase {
text-transform: uppercase
}
.text-capitalize {
text-transform: capitalize
}
.trash {
width: 41px;
height: 47px;
margin: -101px 151px -7px -9px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: block;
position: relative;
z-index: 100;
float: right;
}
.complete-task {
width: 17px;
height: 19px;
margin: -36px -29px -7px -9px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
display: block;
position: relative;
z-index: 100;
float: right;
}
.designer-page {
font-size: 1.1em;
margin: 1px;
font-family: Maven Pro;
padding-right: 41px;
padding: 19px;
padding-left: 39px;
background-color: #f4f4f6;
}
#proof-modal {
margin: 0;
padding: 0;
}
.avatar {
}
.email-name, .email-subject {
margin: 0;
}
.designer {
text-transform: uppercase;
color: #393939;
font-family: Maven Pro;
letter-spacing: 1px;
margin: 12px -20px;
}
.email-item-selected {
background: #f4f4f6;
}
.email-item-unread {
border-left: 6px solid #1b98f8;
}
.revision {
border-radius: 17px;
color: #6F6F6F;
padding: 4px;
margin-left: 7px;
}
.description {
font-size: 1.1em;
margin-top: -9px;
font-weight: normal;
margin-left: 0px;
margin-right: 10px;
letter-spacing: 1px;
}
.deadline {
letter-spacing: 1px;
color: #464850;
font-size: 1em;
}
.deadline span {
color: #AD0015;
;
}
.designer-icons {
width: 56px;
height: 40px;
border-radius: 3px;
margin-right: 0.5em;
}
@media (min-width: 60em) {
.title {
margin: 12px;
padding: 1px;
margin-left: 20px;
color: #666;
font-size: 1.5em;
font-family: Lato;
letter-spacing: 1px;
}
.cardy.card:hover {
box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%) !important;
-webkit-box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%) !important;
-webkit-transition: transform .1s ease, -webkit-box-shadow .1s ease;
transition: transform .1s ease, box-shadow .1s ease;
background: rgb(237 238 239 / 81%);
}
#proof-modal {
position: relative;
}
#zindex {
z-index: 99999 !important;
}
#comment-area {
width: 475px;
height: 100%;
background-color: #fff;
position: fixed;
bottom: 0;
overflow: auto;
background: #ffffff;
border-left: 0px solid #e4e4e4;
right: 0;
box-shadow: 13px 0px 34px #00000069;
}
#main {
float: right;
padding: 0;
margin-right: 476px;
overflow: auto;
display: inline-block;
position: static;
}
.proof-title-container.moveTop {
right: 475px;
left: 0;
width: auto;
}
}
#sep {
height: 50px;
width: 100%;
}
#sepr {
width: 100%;
background-color: #fff;
}
.img {
cursor: crosshair;
}
#main {
background-color: #ffffff;
background-color: #eeeeef;
overflow-y: scroll;
width: 100%;
display: inline-block;
height: 100%;
transition: 1s;
}
.xs-hidden {
display: none;
}
@media (min-width: 60em) {
.proof-image-container {
padding: 0px 30px 73px 20px;
width: 100%;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.instructions {
padding: 0px;
margin: -2px 34px -3px 20px;
text-align: center;
width: 100%;
background-color: #66666D;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
letter-spacing: 1px;
z-index: 0;
}
.project-image {
border-radius: 11px;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.dpp {
width: 100%;
top: 0px;
}
.round {
border-top-right-radius: 11px;
border-top-left-radius: 11px;
width: 100%;
}
.left {
float: left;
padding-left: 7px;
margin-bottom: 9px;
margin-top: -7px;
}
#inst {
margin-right: 38px;
}
}
.title {
margin-left: 27px;
color: #333;
font-size: 1.1em;
font-family: Maven Pro;
letter-spacing: 1px;
font-weight: 600;
padding-top: 5px;
}
@media (min-width: 40em) {
.title {
margin-top: 14px;
color: #333;
font-size: 1.2em;
font-family: Maven Pro;
margin-left: 28px;
padding-top: 1px;
}
.bar2 {
background-color: #f4f4f6;
text-align: center;
padding-top: 23px;
font-family: lato;
z-index: 100;
position: fixed;
width: 415px;
height: 29px;
}
}
@media screen and (max-width: 992px) {
.launch-padding .card-spacer {
padding: 0px;
width: 59%;
}
.owl-item .col-lg-12 {
paddding-right: 0px;
paddding-left: 0px;
padding: 0px;
}
.proof-corner-options {
background: #ebebeb;
padding: 12px;
position: absolute;
right: 1px;
top: 7px;
}
.btn-group.proof-card-tag.view-mobile-only {
margin: 0px;
}
.da-zoom {
display: none;
}
span.close_search_field:hover {
color: #3b414f;
}
.proof-title-container {
padding: 19px 21px 0px 22px;
font-weight: 900;
font-size: 15px;
}
}
.proof-image-overlay-container {
margin-bottom: 100px;
}
.proof-view-countdown-container {
font-weight: 900;
}
@media screen and (max-width: 960px) {
#current_clients {
display: inline-block;
width: 100%;
padding-bottom: 100px;
text-align: center;
background: #eeeeef;
}
.proof-image-overlay-container {
margin-bottom: 0px;
}
.comment-move-top, .intercome-move-top {
width: 100%;
}
.btn-group proof-tools {
display: none;
}
.proof-information-container {
padding: 34px 22px !important;
}
.approve-proof-button {
top: -6px !important;
}
.main-proof-option {
right: 8px;
top: 6px !important;
}
.proof-view-countdown-container {
display: block;
}
.proof-image-container-wrapper {
background: white;
}
.proof-image-overlay-container {
padding: 0px;
margin-bottom: 0px;
}
.proof-view-countdown-container {
margin-bottom: 0px !important;
}
.show-only-details-section {
height: auto;
}
.soft-blue {
font-size: 2em;
padding: 12px;
}
#notify_designer_email {
background: #eeeeef;
}
#full-screen-modal .alert.company-top-notification.first.fade.show {
margin-top: 86px;
}
.email-content #redcore-proof-company-notification {
padding: 6px 28px 18px 40px;
min-height: 61px;
}
#full-screen-modal .proof-image-container {
margin-top: 63px;
}
}
@media screen and (min-width: 960px) {
.col-5.row.px-0.col-xs-12.new-project-message-lists:hover {
background: #e8e8e8;
cursor: pointer;
}
div.redcore-status-button-conatiner:nth-child(1) {
padding-right: 10px !important;
}
.swal2-modal .swal2-content {
padding: 15px;
}
.swal2-popup.swal2-modal.swal2-show {
padding: 48px;
min-width: 649px;
}
div.redcore-status-button-conatiner:nth-child(3) {
padding-left: 10px !important;
}
#close-modal-button:hover {
background: white;
}
.lineup-text {
font-size: 36px;
}
.email-content {
height: 100vh;
}
#full-screen-modal .alert.company-top-notification.first.fade.show {
background: red;
padding: 19px;
margin: 0px 15px 20px 23px;
}
.main-proof-option {
position: fixed;
background: #e2e2e2b0;
right: 6px;
padding: 0px;
border-radius: 52px;
top: 7px;
}
#current_clients {
display: inline-block;
margin: 0px 0;
position: fixed;
bottom: 0px;
width: 527px;
background: #4b8fe2;
border-top: 1px solid beige;
box-shadow: 5px -1px 11px #00000024;
padding-top: 0px !important;
text-align: left;
}
.comment-move-top, .intercome-move-top {
width: 527px;
}
.comment_icon_complete:hover {
background: #cecece;
border-radius: 36px;
color: #ffffff;
}
.comment_icon_delete:hover {
background: #cecece;
border-radius: 4px;
color: #ffffff;
}
.comment_icon_edit:hover, .comment_icon.comment_icon_copy:hover, .comment_icon.add_comment_into_pre_comment:hover {
background: #cecece;
border-radius: 4px;
color: #ffffff;
}
.comment_icon_complete:active {
background: gray;
box-shadow: inset 0px 0px 2px black;
border-radius: 4px;
}
.comment_icon_delete:active {
background: gray;
box-shadow: inset 0px 0px 2px black;
border-radius: 4px;
}
.comment_icon_edit:active {
background: gray;
box-shadow: inset 0px 0px 2px black;
border-radius: 4px;
}
.bar2 {
display: block;
}
.fixed-bar2 {
background-color: rgb(244, 244, 246);
width: 394px;
right: 0;
bottom: 0;
height: 78px;
position: fixed;
z-index: 1;
padding-left: 22px;
padding-bottom: 4px;
border-bottom: 1px solid rgb(229, 229, 229);
}
.swal2-modal.swal2-show.form-builder-swal-back {
width: 37% !important;
margin-top: 84px !important;
max-width: 800px;
}
#MarketPlaceFrequentCarousel .click-next {
width: 16px;
height: 16px;
background: #ffffff;
padding: 4px;
content: '';
right: 0px;
position: absolute;
transform: rotate(45deg);
border-right: 3px solid;
border-top: 3px solid;
top: 60px;
border-color: #babdc3;
cursor: pointer;
}
#MarketPlaceFrequentCarousel .click-before {
width: 16px;
height: 16px;
background: #ffffff;
padding: 4px;
content: '';
left: 0px;
position: absolute;
transform: rotate(45deg);
border-left: 2px solid;
border-bottom: 2px solid;
top: 60px;
border-color: #babdc3;
cursor: pointer;
}
.approve {
width: 90%;
height: 33px;
letter-spacing: 0px;
font-size: 1.3em;
text-align: center;
color: #fff;
background-color: #09F;
text-decoration: none;
z-index: 100;
padding-top: 9px;
border-radius: 5px;
font-family: Lato;
padding: .5em -1em;
color: #fff;
border: 1px solid #999;
border: 0 rgba(0, 0, 0, 0);
background-color: #09F;
margin: 8px -7px;
position: absolute;
display: inline-block;
float: left;
right: 26px;
}
.expire-text {
border-radius: 5.25rem;
margin-bottom: 121px;
}
}
.card-login .input-group-addon i.fas {
font-size: 24pt;
max-width: unset;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
flex: 1 100%;
}
.sidebar .nav li > button {
margin: 10px 15px 0;
border-radius: 3px;
color: #3C4858;
padding-left: 10px;
padding-right: 10px;
display: block;
}
.sidebar .nav li > button:hover, .sidebar .nav li > button:focus {
background-color: transparent;
outline: none;
}
.sidebar .nav li:first-child > button {
margin: 0 15px;
}
.sidebar .nav li.active > button, li.active > button i {
color: #FFFFFF;
}
button .material-icons {
vertical-align: middle;
}
.sidebar .logo .photo {
width: 34px;
height: 34px;
overflow: hidden;
float: left;
z-index: 5;
margin-right: 11px;
border-radius: 50%;
margin-left: 23px;
box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.logo .photo img {
width: 100%;
}
.full-page-background {
position: absolute;
z-index: 1;
height: 100%;
width: 100%;
display: block;
top: 0;
left: 0;
background-size: cover;
background-position: center center;
}
.full-page-background:after {
position: absolute;
z-index: 3;
width: 100%;
height: 100%;
content: "";
display: block;
background: #ebebeb;
opacity: .9;
}
.sidebar .sidebar-background:after {
opacity: .85;
}
#main-app .sidebar {
background: white;
}
.dropzone {
box-sizing: border-box;
display: none;
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 99999;
}
.media-nodrag {
-webkit-user-drag: none;
}
.card.selected {
background-color: #4caf50;
}
.proof-card-container .card-content {
display: flex;
flex-flow: row nowrap;
}
.card-image-container {
flex: 0 1 100px;
height: 100px;
border-radius: 100%;
overflow: hidden;
}
.card-menus-container {
flex: 0 1 auto;
}
#full-screen-modal {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 9999;
display: none;
transition: .5s;
}
.card [data-background-color], .card [data-background-color="light"] {
background: #ebebeb;
box-shadow: 0 4px 20px 0px #ebebeb, 0 7px 10px -5px #ebebeb;
color: #172b4d;
font-weight: bold;
}
.card [data-background-color="dark"] {
background: #172b4d;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(23, 43, 77, 0.9);
color: white;
font-weight: bold;
}
#full-screen-modal .card {
height: 100%;
background: #ebebeb;
margin: 0;
overflow: scroll;
}
#full-screen-modal .card-header {
padding: 0 20px;
margin-top: 0;
margin-bottom: 0;
background: rgba(0, 0, 0, .3);
border-radius: 10px;
position: absolute;
opacity: .2;
transition: 500ms;
}
#full-screen-modal .card-header .close-modal-button, #full-screen-modal .card-header .btn, #full-screen-modal .card-header button {
margin-top: 0;
margin-bottom: 0;
}
#full-screen-modal .card-header .close-modal-button {
opacity: 1;
}
#full-screen-modal .card-header:hover {
opacity: 1;
}
#full-screen-modal .proof-info-dropdown {
position: absolute;
left: 0;
top: 100%;
background: white;
border: thin solid #d4d4d4;
color: black;
font-weight: bold;
border-radius: 3px;
display: flex;
flex-flow: column nowrap;
padding: 5px 10px;
}
#full-screen-modal .proof-info-dropdown span {
padding: 5px 10px;
flex: 0 1 auto;
a
}
#full-screen-modal .card img {
width: auto;
height: auto;
}
#full-screen-modal .card-content {
display: flex;
flex-flow: row nowrap;
align-items: stretch;
padding-top: 25px;
}
#full-screen-modal #proof_image {
display: inline-block;
position: relative;
}
#full-screen-modal #proof_image canvas {
display: block;
clear: both;
position: relative;
box-shadow: 0px 0px 5px black;
margin: 5px;
}
#full-screen-modal #image_overlay {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: none;
}
.proof_pdf_svg_text_layer, .proof_pdf_svg_text_layer * {
-webkit-font-smoothing: revert;
-moz-osx-font-smoothing: revert;
-webkit-tap-highlight-color: revert;
-webkit-box-sizing: revert;
-moz-box-sizing: revert;
box-sizing: revert;
text-align: left;
font-weight: initial;
line-height: initial;
}
.unselectable {
user-drag: none;
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.proof_pdf_image_layer {
display: block;
position: relative;
}
.proof_pdf_image_layer canvas {
display: block;
}
#proof_image_text_container {
display: block;
position: absolute;
right: 100%;
}
.proof_image_pdf_text_autohide {
box-shadow: 0px 0px 5px black;
margin-right: 5px;
position: absolute;
right: 100%;
top: 0;
padding: 5px;
background: white;
line-height: normal;
display: flex;
flex-flow: row nowrap;
}
.proof_pdf_svg_container {
background: white;
}
#full-screen-modal .card-content .proof-comments-container {
flex: 0 1 400px;
background: white;
box-shadow: 0 0 5px black;
border-radius: 10px;
margin: 5px;
position: relative;
display: flex;
flex-flow: row nowrap;
}
#full-screen-modal .proof-image-container {
flex: 1 0 auto;
position: relative;
}
#full-screen-modal .card-content .proof-image-container .proof_image_container {
flex: 1 0 auto;
}
.proof_comments_container {
display: flex;
flex-flow: column nowrap;
flex: 1 0 auto;
}
.proof_comments {
flex: 1 0 auto;
}
.add_comment_form {
flex: 0 1 auto;
padding: 5px;
}
#full-screen-modal .proof-view-container .card-content .proof-comments-container .proof_comments_container .add_comment_form .add_comment_textarea {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-bottom: 0;
border-top: thin solid #3c4858;
border-left: thin solid #3c4858;
border-right: thin solid #3c4858;
border-bottom: none;
}
.add_comment_submit {
width: 100%;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border-top-left-radius: 0;
border-top-right-radius: 0;
margin: 0;
background: #3C4858;
}
.add_inline_edit {
}
.add_inline_edit .ck.ck-toolbar.ck-toolbar_floating {
border-top: none;
}
.proof-image-price {
padding: 10px 20px;
background: #4caf50;
position: absolute;
right: 0;
top: 0;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
opacity: .2;
color: white;
}
.proof-image-price:hover {
opacity: 1;
font-weight: bolder;
}
#proof-view .proof-approval {
position: fixed;
display: flex;
flex-flow: row nowrap;
padding: 10px 20px 10px;
justify-content: center;
left: 0;
right: 0;
bottom: 0;
background: white;
box-shadow: 0 0 5px #3c4858;
}
#proof-view .fixed-status-bar .proof_initials {
text-align: center;
}
#proof-view .fixed-status-bar .proof_initials, #proof-view .fixed-status-bar .approve-proof-button, .set-avaiting-approve-proof-button {
flex: 0 1 auto;
max-width: 50%;
margin: 8px 1px;
border-radius: 43px;
}
.bottom-bar {
bottom: 0px;
margin-bottom: 0;
border-width: 1px 0 0;
-webkit-box-shadow: 0px 13px 63px -8px rgba(0, 0, 0, 0.44);
-moz-box-shadow: 0px 13px 63px -8px rgba(0, 0, 0, 0.44);
box-shadow: 0px 6px 48px -21px rgba(0, 0, 0, 0.44);
position: fixed;
right: 0;
left: 0;
padding: 0px 15px;
background: white;
height: 68px;
}
.bottom-project-btn {
background: red;
}
.title-count {
height: 41px;
padding: 2px 7px;
font-size: 15px;
font-weight: 900;
color: white;
border-radius: 30px;
border: 100px;
background-color: #c4c4c4;
width: 40px;
position: relative;
top: -6px;
left: 7px;
}
.bottom-reply-bar {
border-bottom: 2px solid #b7b7b7;
}
#lefty {
position: absolute;
right: 24px;
}
#fixed-pay-bar {
background: green;
position: absolute;
width: 100%;
justify-content: center;
text-align: center;
margin-right: 408px;
}
#date {
position: relative;
float: right;
top: -29px;
}
.onlineUser {
background: rgb(116, 208, 10) none repeat scroll 0% 0%;
padding: 3px;
border-radius: 15px;
width: 13px;
height: 13px;
float: right;
position: absolute;
bottom: 16px;
margin-left: 26px;
border: 2px solid #f3f3f3;
}
#user-list {
margin: 0;
margin-top: 30px !important;
list-style: none;
display: inline-block;
z-index: 10000;
}
.user-list {
display: inline-block;
width: 37px;
height: 32px;
margin-right: -12px;
cursor: pointer;
border-radius: 3px;
left: -19px;
}
li .onlineuser {
display: block !important;
}
.onlineUser {
background: rgb(116, 208, 10) none repeat scroll 0% 0%;
padding: 3px;
border-radius: 15px;
width: 13px;
height: 13px;
float: right;
position: absolute;
bottom: 33px;
margin-left: 31px;
border: 2px solid #f3f3f3;
box-shadow: 2px 4px 2px #0000003b;
}
.proof-subItems-container.show {
display: block;
}
.proof-subItems-container {
display: block;
position: absolute;
z-index: 99;
margin-top: 10px;
display: none;
background: rgba(22, 27, 31, 0.95);
border-top: 0 solid rgba(231, 233, 236, .32);
transition: all 1s ease-out;
border-radius: 54px;
width: 100%;
box-shadow: 0px 1px 13px #828894a3;
padding: 15px 0;
top: 94%;
transition: 1s;
color: white;
animation: show-navbar-dropdown .25s ease forwards;
pointer-events: auto;
}
.proof-subItems-container:before {
content: '';
height: 22px;
width: 22px;
background: #23282a;
top: -2px;
transform: rotate(45deg);
border-radius: 2px;
box-shadow: -5px -2px 7px #00000012;
margin: auto 43%;
border-top: .094rem solid #e7e7ea;
border-left: .094rem solid #d9dadd;
text-align: center;
vertical-align: middle;
content: "";
position: absolute;
bottom: 100%;
}
.text-left-logo-img {
float: left;
}
.comment .btn:not(:disabled):not(.disabled) {
display: none;
}
.default-btn a {
padding: 0 8px;
}
#client_list_option_online {
bottom: 3px;
border-radius: 22px;
margin: 16px;
right: 90px;
list-style: none;
z-index: 0;
bottom: 0px;
}
#client_list_option_online a {
cursor: pointer;
}
.single.single-proofs #client_list_option_online li img {
margin: 1px 9px 11px 0px !important;
border: 2px solid white;
box-shadow: -4px 0px 5px #00000026;
}
#client_list_option_online li img {
width: 38px;
border-radius: 34px;
}
#client_list_option_online a .cc_tooltip {
position: absolute;
top: -53px;
text-align: center;
font-size: 12px;
display: none;
background: #292f33;
color: #fff;
border-radius: 4px;
padding: 9px;
width: 238px;
transform: translateX(-40%);
font-family: inherit;
font-size: 16px;
max-height: 51px;
}
.cc_tooltip:after {
content: '';
width: 15px;
height: 15px;
background: #292f33;
position: absolute;
right: 17px;
top: 31px;
transform: rotate(45deg);
margin: auto 40%;
border-radius: 2px;
}
#client_list_option_online a:hover .cc_tooltip {
display: block;
}
.profile-image.col-lg-4 {
position: relative;
}
.profile-image.col-lg-4:hover #profile-img-upload {
display: block;
}
#profile-img-upload {
position: absolute;
left: 10px;
top: 0;
right: 10px;
bottom: 0;
background: #333;
opacity: 0.7;
border-radius: 50%;
z-index: 9999;
display: none;
cursor: pointer;
}
#profile-img-upload .fas.fa-image {
z-index: 9999;
font-size: 50px;
vertical-align: middle;
margin: 25% 0;
color: #fff;
}
.profile-image.col-lg-4 img {
min-height: 120px;
}
button.dropdown-toggle.btn.btn-primary.btn-round {
background: #1fbf7b !important;
border-radius: 131px;
}
.avatar.rounded-avatar-img {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
border-radius: 99em;
width: 35px;
height: 35px;
}
.hoverover, .material-icons.hoverover {
display: none;
}
.comment-container:hover > .pure-u > .material-icons.hoverover, .comment-container:hover > .hoverover, .comment-wrapper:hover > .pure-u > .material-icons.hoverover, .comment-wrapper:hover > .pure-u i.hoverover, .comment-wrapper:hover > .hoverover {
display: inline-block !important;
}
.hoverover-reply {
visibility: hidden;
}
.hoveroveroff {
visibility: visible;
}
.comment-wrapper:hover .hoveroveroff {
visibility: hidden;
}
.comment-container:hover > .hoverover-reply, .comment-wrapper:hover > .hoverover-reply {
visibility: visible;
}
div.reply.ck.ck-content.ck-editor__editable {
color: #3C4858;
position: relative;
font-weight: normal;
text-decoration: unset;
}
.proof_approve_tooltip {
width: 280px;
height: 155px;
position: absolute;
left: 3px;
right: 0;
margin: 1px auto;
top: -160px;
display: none;
background: #fff;
border-radius: 9px;
z-index: 99999;
box-sizing: border-box;
padding: 14px 21px;
text-align: left;
box-shadow: 5px 5px 25px rgba(0, 0, 0, .4);
z-index: 9999;
font-family: Larsseit-Bold, sans-serif !important;
}
.proof_approve_tooltip_arrow {
width: 24px;
height: 25px;
transform: rotate(45deg);
display: none;
left: 44%;
top: -20px;
position: absolute;
background: #fff;
z-index: 99999;
border-radius: 4px;
}
.approve-proof-button, .set-avaiting-approve-proof-button {
height: 60px;
padding: 14px 0px;
border-radius: 6px;
border: 4px solid #ffffff;
width: 237px;
position: relative;
top: -127px !important;
}
span.comment-full-date.hoverover.comment_icon {
position: absolute;
top: 2px;
font-size: 9px;
right: 25px;
color: black;
}
.btn-group.proof-tools.hide-mob .updates-spinner {
display: none;
}
.place-search-field {
padding: 10px;
border: 2px solid transparent;
border-radius: 5px;
width: 100%;
border-radius: 6px;
height: 50px;
padding: 16px;
border: 2px solid #dc0003;
box-shadow: 0px 4px 12px #0000002e;
margin-bottom: 2px;
}
.hidden-avatar {
width: 16px;
height: 16px;
margin: -7px -7px -9px -3px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-border-radius: 99em;
border-radius: 99em;
border: 2px solid transparent;
box-shadow: none;
background: none;
display: block;
position: relative;
z-index: 0;
}
li.selected.active a {
background: #419bfc;
color: #ffffff !important;
}
.se-pre-con {
position: fixed;
right: 20px;
bottom: 50px;
width: 270px;
height: 80px;
z-index: 9999999;
background: transparent;
}
.fixed-status-bar .badge {
font-size: 91% !important;
font-weight: 700 !important;
}
.fixed-status-bar .badge-pill {
padding: 13px 21px !important;
margin: 0px 0px 0px 2px;
}
.owl-carousel.owl-theme .owl-nav .owl-next {
background: rgba(0, 0, 0, 0) url("/core/templates/assets/img/arrows-32-32-2.png") no-repeat scroll right top !important;
padding: 5px 10px !important;
color: transparent !important;
float: right;
}
.owl-carousel.owl-theme .owl-nav .owl-prev {
background: rgba(0, 0, 0, 0) url("/core/templates/assets/img/arrows-32-32-2.png") no-repeat scroll left top !important;
padding: 5px 10px !important;
color: transparent !important;
float: left;
}
.owl-theme .owl-nav {
margin-top: 10px;
position: absolute;
top: 35%;
left: 0;
right: 0;
}
.owl-theme .owl-dots, .owl-theme .owl-nav, .select_type_dots .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
width: 146px;
background: #ffffff;
margin: auto;
border-radius: 50px;
border: 1px solid #cccccd;
top: 11px;
position: relative;
}
.dark-mode .owl-theme .owl-dots, .owl-theme .owl-nav, .dark-mode .select_type_dots .owl-dots {
border: 1px solid #1f2127;
background: #1f1d2b;
}
#custom_nav_icon .sidenav-toggler-line {
background-color: #fff;
}
#custom_nav_icon {
position: fixed;
top: 65px;
right: 25px;
background: red;
padding: 10px;
z-index: 99999999999999;
color: #fff !important;
cursor: pointer;
}
body.g-sidenav-show.g-sidenav-pinned #custom_nav_icon {
display: block;
}
#custom_nav_icon {
display: none;
}
button.dropdown-toggle.btn.btn-primary.btn-round.bs-placeholder {
background: #ff5a5a !important;
border-color: #ffffff !important;
color: #cfcfcf;
}
#proof_shipping_address {
text-align: justify;
margin: -7px 0px 20px 0;
}
#proof_shipping_address_text {
margin: 15px 0;
display: flex;
}
.bg-gray, .card span.bg-gray {
background-color: #dcdcdc !important;
color: #fff;
font-size: 13px;
padding: 4px 12px;
border-radius: 20px;
font-weight: bold;
top: 0px;
position: relative;
margin: 7px;
display: inline;
}
.row.col-lg-12.no-padding.main-slider-container {
margin-left: 0px;
}
.swal2-popup.swal2-modal.swal2-show.launch-pad-details .swal2-actions {
display: none !important;
}
.swal2-popup.swal2-modal.swal2-show.launch-pad-details {
background: #eee;
}
.swal2-popup.swal2-modal.swal2-show.launch-pad-details:nth-child(2).col-lg-6.col-xs-12 {
padding: 15px 15px 0 0 !important;
}
.swal2-popup.swal2-modal.swal2-show.launch-pad-details .swal2-header {
display: flex;
height: 0px;
}
.swal2-popup .swal2-content {
z-index: 2 !important;
}
.profile-page.header.pb-6 {
min-height: 450px;
background-size: cover;
background-position: center top;
}
.launch-pad .header {
color: #f3f3f3;
padding: 20px 0;
margin-bottom: 7px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
position: relative;
background: #d62632;
}
.card-profile-image img {
height: 104px;
width: 104px;
background: white;
overflow: hidden;
top: 0px;
a
}
.tag-btn {
color: #000309;
border-color: #eeeeee;
background-color: #eeeeee;
border-radius: 21px;
border: 1px solid #adadad;
font-size: 9px;
padding: 2px 12px 3px;
}
.react-pdf__Page__svg svg {
width: 100%;
height: auto;
}
.paym label {
padding: 16px 0px;
font-size: 14px;
}
#payment-option-label {
padding: 12px 12px 12px;
font-family: 'AvantGardeLT-Bold';
color: #798491;
}
#marketPlaceProjectImageSlider .owl-item .item {
margin-right: 10px !important;
margin-left: 10px !important;
}
#redcore-placeholder-container .placeholder_site h1 {
padding: 31px 20px 24px;
}
@media only screen and (max-width: 510px) {
.swal2-modal.swal2-show.launch-pad-details {
width: 100% !important;
}
.proof-count-down-container {
display: none;
}
.tooltip:after, [data-tooltip]:after {
padding: 7px;
margin-left: -66px !important;
min-width: 99px;
font-size: 10px;
}
#marketPlaceProjectImageSlider .item img {
display: block;
width: 100%;
height: 300px
}
}
.card-header {
z-index: 3;
}
#companiesContainer .card-header {
background: #ebedf1;
}
.btn-group.proof-card-tag {
padding: 0px !important;
}
.header {
padding: 76px 0;
}
.navbar-top.border-bottom.navbar-dark {
border-color: rgba(255, 255, 255, .08) !important;
position: fixed;
top: 0px;
z-index: 4;
left: 0px;
width: 100%;
margin-left: 0px;
background: rgb(255 255 255 / 50%) !important;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(21px);
}
#navbar {
display: block;
transition: top 0.3s;
}
.project-label {
border-radius: 12px;
padding: 4px 12px;
text-transform: uppercase;
font-size: 10px;
position: relative;
top: 6px;
left: -2px;
display: inline;
font-size: 75%;
font-weight: 900;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
}
.project-label.awaiting_approval {
background-color: #cc0000;
}
.project-label.awaiting_response {
background-color: #cc0000;
}
.project-label.attention_needed {
background-color: #cc0000;
}
.project-label.pending_review {
background-color: #cecece;
}
.project-label.received {
background-color: #0ee466;
}
.project-label.in_production {
background: #ffc926;
}
.project-label.reorder, .project-label.complete {
background-color: #0ee466;
}
.project-label.shipped {
background-color: #989898;
}
.project-label.leave-feedback {
background-color: #989898;
}
.progress-card {
padding-right: 104px;
}
.project-progress {
height: 21px;
border-radius: 10px;
box-shadow: none;
background: #a4a4ad;
overflow: hidden;
width: auto;
}
.production-progress-bar {
float: left;
height: 100%;
background-color: #2196F3;
box-shadow: inset 0 -1px 0 rgb(191, 191, 191);
transition: width .6s ease;
border-radius: 44px 0px 0px 44px;
padding: 2px 12px;
text-transform: uppercase;
display: inline;
font-size: 11px;
color: #ffffff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
font-weight: 600;
}
.shipped-progress-bar {
float: left;
height: 100%;
background-color: #3bb96d;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
transition: width .6s ease;
border-radius: 38px 0px 0px 38px;
padding: 6px 12px;
text-transform: uppercase;
display: inline;
font-size: 75%;
font-weight: 900;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
}
.start-card {
display: block;
min-height: 116px;
border: dashed 2px #c4cdd1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 14px;
text-align: center;
color: #737373;
-moz-transition: opacity 2s linear, border-color 0.6s linear;
-o-transition: opacity 2s linear, border-color 0.6s linear;
-webkit-transition: opacity 2s linear, border-color 0.6s linear;
transition: opacity 2s linear, border-color 0.6s linear;
-webkit-transform: translate3d(0, 0, 0);
padding: 21px;
background: #eee !important;
margin: 14px 0px !important;
}
.top-bar {
background: #cd0000;
width: 100%;
height: 36px;
padding: 3px;
}
.pure-u .avatar {
border-radius: 100px;
width: 44px;
height: 44px;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
top: -7px;
position: relative;
}
.dropzone-formbuilder {
position: inherit;
}
.dropzone-formbuilder.dropzone.dz-started .dz-message {
display: block;
}
.dropzone-formbuilder .list-group {
display: flex;
flex-direction: column;
margin-bottom: 0;
padding-left: 0;
}
.dropzone-formbuilder.dropzone .dz-preview {
width: 100%;
}
.template-preview-formBuilder {
display: none;
}
.dropzone-formbuilder.dropzone .dz-preview.dz-processing.dz-image-preview.dz-success {
border-top: 0px solid #efefef;
margin: 0px;
}
.dropzone-formbuilder.dropzone .dropdown-ellipses.dropdown-toggle {
padding: 10px;
}
.overflowYhidden {
overflow-y: hidden;
}
.in-production-order-lists.btn.btn-sm.btn-neutral.adminmode {
display: inline-block !important;
}
.sort_production_by_tag.btn.btn-sm.btn-neutral.adminmode {
display: inline-block !important;
margin-right: 10px;
}
.view-all-vote-section.btn.btn-sm.btn-neutral.adminmode {
display: inline-block !important;
}
.show_hide_proof_only.btn.btn-sm.btn-neutral.adminmode, .proof-section-refresh.btn.btn-sm.btn-neutral.adminmode {
display: block !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
width: 14.2857142%;
background: #ffffff;
border: 0px solid #ddd;
color: #666;
font-size: 12px;
text-align: right;
vertical-align: middle;
padding: 0;
border-collapse: collapse;
cursor: pointer;
height: 25px;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled, .xdsoft_datetimepicker .xdsoft_time_box > div > div.xdsoft_disabled {
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
cursor: default;
}
.xdsoft_datetimepicker {
padding: 19px;
border-radius: 9px;
animation: show-navbar-dropdown .25s ease forwards;
pointer-events: auto;
}
.comment-box-container .btn:not(:disabled):not(.disabled) {
cursor: pointer;
float: left;
padding: 15px 23px 16px 30px;
min-height: 48px;
min-width: 87px;
}
.proofSavebtn {
border-left: 3px solid transparent;
background-color: #fff;
animation: show-navbar-dropdown .25s ease forwards;
pointer-events: auto;
}
.inner-subitem-list btn {
width: 100% !important;
padding: .625rem 0 !important;
}
input#scheduled_end_date {
margin-top: 27px;
}
input#scheduled_start_date {
margin-top: 4px;
}
button#add_wildcard_holder_btn {
display: none;
}
.remodal {
border-radius: 12px !important;
}
.remodal-cancel {
color: #fff;
background: #b42027 !important;
border-bottom-left-radius: 30px;
border-top-left-radius: 31px;
}
.remodal-confirm:hover, .remodal-confirm:focus {
background: #66676d !important;
}
.remodal-confirm {
color: #fff;
background: #3d4150 !important;
border-top-right-radius: 31px;
border-bottom-right-radius: 31px;
}
.colrr {
background: #bb2225 !important;
}
.round-left {
background: #b9b9b9 !important;
}
.round-none {
padding: 2px 9px;
}
.round-right {
padding: 2px 9px;
background: #f9f9f9 !important;
color: #49b886;
}
span.overview_status_past_due {
font-weight: 700;
color: #db050b;
}
.placeholder_row_drag {
cursor: move;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
border-top: 1px solid #f0f1f3;
font-size: 15px;
padding: 7px 0px 7px 3px;
font-weight: 600;
}
.placeholder_header {
background: #edeeef;
padding: 12px 1px 12px;
border-top-right-radius: 6px;
border-top-left-radius: 6px;
font-weight: 600;
color: #636977;
}
.add_btn_cont .add_wildcard {
margin-top: 22px;
cursor: pointer;
color: #ffffff !important;
font-weight: 700;
margin-right: 1px;
background-color: #353b41 !important;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
padding-left: 8px;
}
.add_btn_cont .add_divider {
margin-top: 22px;
cursor: pointer;
color: #ffffff !important;
font-weight: 700;
margin-right: 0px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
}
button.copybtn {
background-repeat: no-repeat;
background-position: center center;
width: 60px;
height: 60px;
}
.placeholder_site {
border-radius: 11px;
padding: 8px 55px 39px;
}
.placeholder_site h1 {
margin: 0px;
padding: 25px 0px 0px 3px;
}
.no_placements {
text-align: center;
}
.no_placements h4 {
width: 100%;
text-align: center;
}
.placeholder_list_drag {
overflow-x: hidden;
overflow-y: auto;
padding: 2px 15px 82px 15px !important;
}
.placeholder_list_drag .row, .placeholder_list .row {
padding: 0px 0px;
}
.placeholder_list .row:nth-of-type(odd), #placeholder-search-results .row:nth-of-type(odd), .placeholder_list_drag .row:nth-of-type(odd) {
background: #ffffff;
border-radius: 7px;
}
.placeholder_list_drag .row:nth-of-type(odd) .scheduled_wildcards_container {
background: #ffffff;
padding: 30px;
width: 90%;
border-radius: 0px;
}
.placeholder_list_drag .row .scheduled_wildcards_container {
background: #f9f9f9;
padding: 30px;
width: 90%;
border-radius: 0px;
}
.placeholder_list_drag .row:nth-of-type(odd) .scheduled_wildcards_container .row:nth-of-type(odd) {
background: #f9f9f9;
}
.placeholder_list_drag .row .scheduled_wildcards_container .row:nth-of-type(odd) {
background: #ffffff;
}
.placeholder_row_drag:active:nth-of-type(odd) {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
background-image: url('/core/templates/assets/img/drag.png');
background-position: right center;
background-repeat: no-repeat;
background-color: #f9f9f9;
}
.placeholder_row_drag:hover:nth-of-type(odd) {
background-image: url('/core/templates/assets/img/drag.png');
background-position: right center;
background-repeat: no-repeat;
background-color: #f9f9f9;
}
.placeholder_row_drag:active {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
background-image: url('/core/templates/assets/img/drag.png');
background-position: right center;
background-repeat: no-repeat;
}
.placeholder_row_drag:hover {
background-image: url('/core/templates/assets/img/drag.png');
background-position: right center;
background-repeat: no-repeat;
}
#wildcard_holder_copy, #edit_wildcard_holder_copy {
position: absolute;
left: -9999px;
top: 0;
}
.copy_container button {
position: absolute;
right: 0px;
top: 0px;
outline: none;
}
.copy_container {
position: relative;
padding-bottom: 7px;
}
div#history {
padding: 24px;
border: 1px solid #bec0c3;
border-radius: 5px;
margin-top: 27px;
}
.datedropper {
z-index: 9999999 !important;
}
#scheduled_start_date, #scheduled_end_date {
width: 100%;
text-align: center;
}
.date_label_vcenter {
position: relative;
text-align: left;
}
.date_label_vcenter label {
position: absolute;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
font-weight: bolder;
}
.wf-card-content {
padding: 22px 34px 27px 31px;
}
@media only screen and (max-width: 62.0625em) {
.add_btn_cont .add_wildcard {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
.card {
border: 1px solid #edeeef;
}
.dark-mode .card {
border: 1px solid #1f1d2b;
}
.owl-item .card .card-spacer {
padding: 0px;
width: 59%;
}
.placeholder_site h1 {
margin: 0px;
font-size: 20px;
padding: 12px 0px;
}
.add_btn_cont {
height: 50px;
}
.add_btn_cont .add_wildcard {
transform: none;
top: 0;
right: 0px;
}
.placeholder_site {
padding: 20px;
}
.add_btn_cont .add_wildcard {
position: absolute;
top: 10%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
color: #ffffff !important;
font-weight: 700;
width: 100%;
}
.add_divider {
display: none;
}
.delete_wildcard {
}
h1 {
font-size: 1.625rem !important;
}
}
.placeholder-divider .placeholder-information {
color: white;
}
.placeholder-divider {
color: white;
background: #b8bcc3 !important;
border-radius: 101px;
font-weight: 700;
font-size: 17px;
line-height: 29px;
margin: 14px -12px;
padding: 13px 0px !important;
font-family: 'AvantGardeLT-Bold';
}
.heart_icon {
color: #fff !important;
font-size: 18px;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
text-align: center;
cursor: pointer;
position: absolute;
-webkit-text-stroke: 2px #b5b5b5;
}
.heart_icon.favouriteProduct {
color: #ff5353 !important;
-webkit-text-stroke: 2px #ff5353;
}
.custom-heart-icon:hover, .project-card:hover .custom-heart-icon {
transform: translateY(0px);
visibility: visible;
transition: .6s;
opacity: 1;
}
.custom-heart-icon {
float: right;
transform: translateY(-24px);
visibility: hidden;
opacity: 0;
width: 2px;
height: 4px;
}
.redcore-charts {
padding: 42px;
}
.form-group div.dropzone.dropzone-formbuilder.non-svg {
display: inline !important;
}
.dz-preview h4.mb-1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 97%;
position: absolute !important;
}
li a.ctm-padding-right {
padding: 0 20px 0 0;
}
.scroll-wrapper > #scrollHeight.scroll-content {
overflow: auto !important;
}
nav.sidenav.navbar .scroll-wrapper {
overflow-y: scroll !important;
}
.left-side-section {
height: 100%;
position: relative;
text-align: center;
overflow: hidden;
}
.right-side-section {
background: #ffffff;
height: 100vh;
position: relative;
padding: 2%;
}
.left-side-section .align-items-center {
display: table-cell;
position: relative;
vertical-align: middle;
z-index: 2;
}
.left-side-section[id^="reg-title-slider-"] .align-items-center {
align-items: center;
display: flex;
flex-direction: column;
height: 100vh;
justify-content: center;
text-align: center;
}
#redcore-marketplace-search-results, .redcore-search-list, .redcore-search-results-list, .left-side-section {
display: none;
}
.left-side-section.active {
display: table;
width: 100%;
height: 100%;
}
.country-container button.btn.dropdown-toggle.btn-default.selected-box {
transition: box-shadow .15s ease;
border: 0;
box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
font-size: 1rem;
line-height: 1.5;
display: block;
width: 100%;
height: calc(2.75rem + 2px);
padding: .625rem .75rem;
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
color: #383a3e;
border-radius: .25rem;
background-color: #fff;
background-clip: padding-box;
padding: 10px;
font-size: .875rem;
transition: all .15s ease-in-out;
margin-bottom: 1.5rem;
font-weight: 400;
}
.state-container button.btn.dropdown-toggle.btn-default.selected-box {
transition: box-shadow .15s ease;
border: 0;
box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
font-size: 1rem;
line-height: 1.5;
display: block;
width: 100%;
height: calc(2.75rem + 2px);
padding: .625rem .75rem;
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
color: #383a3e;
border-radius: .25rem;
background-color: #fff;
background-clip: padding-box;
padding: 10px;
font-size: .875rem;
transition: all .15s ease-in-out;
margin-top: -8px;
font-weight: 400;
}
.left-side-section .align-items-center img {
width: 225px;
}
#reg-title-slider-3 .align-items-center > img.img:first-child {
display: block;
margin: 0 auto;
}
.register-logo-welcome {
animation: registerWelcomeFade .32s ease-out;
color: #ffffff;
font-family: Georgia, "Times New Roman", serif;
font-size: 22px;
font-style: italic;
font-weight: 700;
letter-spacing: .01em;
margin-top: 18px;
text-shadow: 0 8px 22px rgba(0, 0, 0, .24);
}
.register-login-username-hint {
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
.register-company-preview {
align-items: center;
animation: registerWelcomeFade .32s ease-out;
color: #ffffff;
display: inline-flex;
flex-direction: column;
gap: 6px;
margin-top: 22px;
text-align: center;
text-shadow: 0 8px 22px rgba(0, 0, 0, .24);
}
.register-company-preview-plus {
font-size: 32px;
font-weight: 900;
line-height: 1;
}
.register-company-preview-name {
font-family: Georgia, "Times New Roman", serif;
font-size: 24px;
font-style: italic;
font-weight: 700;
letter-spacing: .01em;
max-width: 420px;
overflow-wrap: anywhere;
}
@keyframes registerWelcomeFade {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.pd-0 {
padding: 0px !important;
}
.left-side-section.bg-red {
background: #C20000;
}
.left-side-section.bg-blue {
background: #246db1;
}
.left-side-section.bg-yellow {
background: #ff9600;
}
.left-side-section.bg-brown {
background: #780001;
}
.left-side-section {
transition: all .5s linear;
}
.align-items-center.from-container {
padding: 15px;
vertical-align: middle;
display: table-cell;
}
.align-items-center.from-container .btn-back.btn {
padding: 0px !important;
}
.register-signup-btn {
padding: 6px 16px;
background: #6f7886;
border: 1px solid #6f7886;
border-radius: 25px;
color: white;
font-weight: 900;
}
.subtitle {
padding-bottom: 7px;
font-size: 1rem;
font-weight: 400;
line-height: 1.7;
}
.register-back-arrow {
font-size: 35px;
font-weight: 900;
color: #c2c8ce;
}
.align-items-center.from-container .btn-back.btn {
align-items: center;
border-radius: 30px;
display: inline-flex;
gap: 6px;
}
.align-items-center.from-container .btn-back.btn::after {
color: #64748b;
content: "Back";
font-size: 13px;
font-weight: 700;
opacity: 0;
padding-right: 11px;
transform: translateX(-4px);
transition: opacity .18s ease, transform .18s ease;
}
.align-items-center.from-container .btn-back.btn:hover::after {
opacity: 1;
transform: translateX(0);
}
#register-photo, #register-company-icon, #account-register-photo {
padding: 25px 4px 0px 23px;
border-radius: 7px;
border: 2px dotted #ababab;
max-height: 114px;
background: #e6e6e6;
}
.top-header .align-right {
text-align: right;
}
.state-container .btn-group {
margin-top: 0px;
}
.country-container .btn-group {
margin-top: 0px;
}
.top-header {
padding: 15px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.input-group.align-items-center.buttom-button {
text-align: center;
display: inline-block;
padding: 20px 0;
}
.input-group.align-items-center.buttom-button .btn {
padding: 14px 77px;
border-radius: 32px;
}
.inner-form-main-contaner.register-form .input-group.align-items-center.buttom-button .btn.btn-success.btn-primary {
background: #df2438;
border: 4px solid #f7a8b2;
box-shadow: 0 10px 24px rgba(187, 0, 0, .18);
color: #ffffff;
font-weight: 800;
min-width: 228px;
}
.inner-form-main-contaner.register-form .input-group.align-items-center.buttom-button .btn.btn-success.btn-primary:hover,
.inner-form-main-contaner.register-form .input-group.align-items-center.buttom-button .btn.btn-success.btn-primary:focus {
background: #c9152a;
border-color: #ffc0c8;
box-shadow: 0 13px 28px rgba(187, 0, 0, .24);
transform: translateY(-1px);
}
.register-no-website-link {
background: transparent;
border: 0;
color: #64748b;
display: block;
font-size: 13px;
font-weight: 700;
margin: 8px auto 0;
padding: 2px 8px;
text-decoration: underline;
}
.register-no-website-link:hover,
.register-no-website-link:focus {
color: #bb0000;
}
.col.col-xl-4.order-xl-2.right-side-section .inner-form-main-contaner.register-form {
display: inline-block;
}
.register-auth-shell {
background: #f6f8fb;
min-height: 100vh;
overflow: hidden;
position: relative;
}
.register-auth-grid {
display: none;
}
.register-auth-shell .left-side-section::before {
animation: registerAuthDrift 30s infinite linear;
background-image: radial-gradient(circle at 20% 20%, rgba(255, 255, 255, .24), transparent 26%), linear-gradient(to right, rgba(255, 255, 255, .18) 1px, transparent 1px), linear-gradient(to bottom, rgba(255, 255, 255, .14) 1px, transparent 1px);
background-size: auto, 58px 58px, 58px 58px;
content: "";
inset: -2px;
opacity: .38;
pointer-events: none;
position: absolute;
z-index: 3;
}
.register-auth-shell .right-side-section {
background: rgba(255, 255, 255, .84);
backdrop-filter: blur(12px);
}
.register-auth-shell > .container-fluid {
position: relative;
z-index: 1;
}
.register-auth-footer {
color: #6b7280;
font-size: 12px;
margin: 12px 0 22px;
text-align: center;
}
.register-auth-footer a {
color: #1d4ed8;
font-weight: 700;
}
@keyframes registerAuthDrift {
to {
transform: translate3d(-58px, -58px, 0);
}
}
@media (prefers-reduced-motion: reduce) {
.register-auth-grid {
animation: none;
}
}
.inner-form-main-contaner.register-form .align-items-center.active {
display: inline-block;
width: 100%;
margin: 10vh auto;
}
.col.col-xl-4.order-xl-2.right-side-section .inner-form-main-contaner {
display: table;
width: 100%;
height: 100%;
}
.welcome-png {
width: 651px;
visibility: visible;
margin-left: -89px;
position: absolute;
opacity: .06;
top: 123px;
}
.welcome-ani {
display: block;
margin: 20px auto 0px;
width: auto;
animation: 3s infinite alternate floating;
}
.shadow-ani {
height: 2px;
display: block;
margin: 15px auto;
animation: 3s infinite alternate shadow;
}
@keyframes floating {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-10px);
}
100% {
transform: translatey(0px);
}
}
@keyframes shadow {
0% {
width: 180px;
box-shadow: 0px 10px 8px rgba(0, 0, 0, .8);
}
50% {
width: 150px;
box-shadow: 0px 10px 8px rgba(0, 0, 0, .5);
}
100% {
width: 180px;
box-shadow: 0px 10px 8px rgba(0, 0, 0, .8);
}
}
.inner-form-main-contaner .align-items-center {
display: none;
}
.inner-form-main-contaner .align-items-center.active {
display: table-cell;
}
.subtitle-terms {
font-size: 10px;
font-weight: bolder;
}
.form-title-slider-height {
height: 100vh;
}
.proof-title-container {
top: 0;
width: 100%;
display: block;
transition: top 0.3s;
}
.moveTop {
position: fixed;
top: 0px;
background: #fff;
z-index: 9999;
}
.moveDown {
top: -77px;
position: fixed;
z-index: 9999;
}
p#sign-in-text-register {
display: inline;
padding: 0px 9px;
}
.lineup {
text-align: center;
padding: 17px 14px 47px 14px;
font-size: 37px;
font-weight: 700;
border: 1px solid #525f7f63;
border-radius: 14px;
margin-top: 38px;
background: #525f7f0f;
}
.lineup {
animation: yourAnimation 4s forwards 0s linear;
background: linear-gradient(87deg, #ffffff 0, #ffffff 100%) !important;
}
.lineup-text {
padding: 25px 14px 11px 14px;
color: #d5d5d5;
font-family: AvantGardeLT-Bold;
letter-spacing: -.5px;
}
.owl-theme .owl-nav {
margin-top: 10px;
display: none;
}
.subtitle-terms.error {
color: #f3f3f3;
}
.input-group.error {
border: 1px solid #C20000;
}
.rendered-form .form-control {
min-height: 44px !important;
display: block;
width: 100%;
padding: 7px 19px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 255px;
-webkit-appearance: none;
}
.owl-row {
width: 101%;
display: flex;
margin-right: -15px;
margin-left: -15px;
flex-wrap: wrap;
}
.dropzone .dz-message {
margin: 1em 13px -19px;
}
.item-align-center {
text-align: center;
}
.center-rounded-icon {
width: 120px;
height: 120px;
display: inline-block;
}
.center-rounded-icon img {
transition: all .15s ease;
transform: scale(1);
border: 3px solid #eee;
border-radius: 50%;
width: 100%;
cursor: pointer;
}
.center-rounded-icon img:hover {
transform: scale(1.03);
}
.navbar-vertical.navbar-expand-xs.fixed-left + .main-content.hidden {
margin-left: 0px;
}
.register-plus-icon {
align-items: center;
color: #fff;
display: flex;
justify-content: center;
min-height: 116px;
overflow: visible;
padding: 30px 0;
position: relative;
width: 100%;
}
.register-company-avatar-stack {
align-items: center;
display: flex;
flex-direction: column;
justify-content: center;
margin: 0 auto;
min-height: 132px;
min-width: 156px;
position: relative;
}
.register-company-avatar-stack.register-domain-avatar-hidden {
min-height: 0;
}
.register-property-avatar-stack {
align-items: center;
display: flex;
gap: 12px;
justify-content: center;
margin-top: 28px;
min-height: 48px;
pointer-events: none;
position: relative;
z-index: 9;
}
.register-property-avatar-stack::before {
background: rgba(255, 255, 255, .62);
border-radius: 999px;
content: "";
height: 24px;
left: 50%;
position: absolute;
top: -26px;
transform: translateX(-50%);
width: 2px;
z-index: 0;
}
.register-property-avatar-stack::after {
background: rgba(255, 255, 255, .42);
border-radius: 999px;
content: "";
height: 2px;
left: 50%;
max-width: 138px;
position: absolute;
top: 23px;
transform: translateX(-50%);
width: calc((var(--avatar-count, 1) - 1) * 58px);
z-index: 0;
}
.left-side-section .align-items-center .register-property-avatar-stack img.register-property-avatar {
background: #ffffff;
border: 2px solid rgba(255, 255, 255, .92);
border-radius: 999px;
box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
height: 46px;
object-fit: cover;
opacity: .96;
padding: 4px;
position: relative;
transform: none;
width: 46px;
z-index: 2;
}
.register-plus-symbol {
animation: registerPlusSwap 20s infinite;
}
.register-heart-symbol {
align-items: center;
animation: registerHeartSwap 20s infinite;
color: #ffffff;
display: inline-flex;
font-family: "Material Icons";
font-size: 40px;
font-weight: 400;
inset: 0;
justify-content: center;
opacity: 0;
position: absolute;
text-shadow: 0 8px 22px rgba(0, 0, 0, .22);
}
.register-heart-symbol::after {
content: "s";
font-family: Georgia, "Times New Roman", serif;
font-size: 22px;
font-weight: 800;
line-height: 1;
margin-left: 5px;
transform: translateY(-5px);
}
.register-plus-icon.register-heart-disabled .register-plus-symbol {
animation: none;
opacity: 1;
transform: scale(1);
}
.register-plus-icon.register-heart-disabled .register-heart-symbol {
animation: none;
display: none;
}
.left-side-section .align-items-center img.img.slide-company-icon {
width: 96px;
padding: 9px;
background: white;
border-radius: 111px;
animation: registerAvatarPulse 4.6s ease-out 1;
display: block;
margin: 0 auto;
position: relative;
z-index: 3;
}
.regional-manager-love {
animation: registerTitleLoveFade .34s ease-out;
color: #ffffff;
font-family: Georgia, "Times New Roman", serif;
font-size: 24px;
font-style: italic;
font-weight: 700;
letter-spacing: .01em;
margin-top: 24px;
text-shadow: 0 8px 22px rgba(0, 0, 0, .28);
}
@keyframes registerTitleLoveFade {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes registerPlusSwap {
0%, 54%, 100% {
opacity: 1;
transform: scale(1);
}
60%, 96% {
opacity: 0;
transform: scale(.82);
}
}
@keyframes registerHeartSwap {
0%, 54%, 100% {
opacity: 0;
transform: scale(.82);
}
60%, 96% {
opacity: 1;
transform: scale(1.08);
}
}
@keyframes registerAvatarPulse {
0% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, .72);
transform: scale(1);
}
18% {
box-shadow: 0 0 0 16px rgba(255, 255, 255, .18);
transform: scale(1.06);
}
42% {
box-shadow: 0 0 0 24px rgba(255, 255, 255, 0);
transform: scale(1);
}
100% {
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
transform: scale(1);
}
}
.wrapper.proof-create-mode #proof-view {
background: rgba(74, 83, 93, 0.56);
transition: .2s;
}
.wrapper.proof-create-mode #proof-view #main {
display: none;
filter: blur(14px);
width: 282%;
margin-right: 0;
background: #e8e8ea;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
#comment-area {
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
z-index: 9998;
}
.wrapper.proof-create-mode #proof-view #comment-area {
width: 50%;
right: 28%;
transition: .5s;
padding: 46px;
max-width: 781px;
box-shadow: 0px 6px 26px #0c0c0c3b;
margin: 10px 13px auto;
border-radius: 12px;
background: white;
}
.form-group .dropzone {
border: 0px solid;
}
.btn.user-tooltip-button {
width: 100%;
background: transparent;
color: #fff;
border: 1px solid #eee;
}
.col-lg-12.ctm-padding {
text-align: justify;
padding-top: 10px;
color: #fff;
}
.user-info-tooltip-main {
position: absolute;
background: rgba(22, 27, 31, 0.88);
transition: all .5s ease-out;
width: 250px;
z-index: 999999;
padding: 7px 12px 27px;
text-align: center;
color: #fff;
border-radius: 9px;
display: block;
left: 41px;
bottom: -61px;
}
.user-info-tooltip-main:before {
content: '';
height: 22px;
width: 22px;
background: #32363a;
bottom: 48%;
transform: rotate(45deg);
border-radius: 2px;
box-shadow: -5px -2px 7px #00000012;
margin: auto 0%;
vertical-align: middle;
content: "";
position: absolute;
left: -7px;
}
.btn-group.proof-card-tag.view-desktop-only {
display: block;
}
@media screen and (max-width: 620px) {
.col-lg-12.no-padding.main-slider-container .col-lg-6 {
flex: inherit;
border-radius: 18px 18px 0px 0px;
}
h1.overlay-active {
font-size: 1.7em;
}
.qr-code-container {
display: none;
}
.owl-dots {
display: none !important;
}
.nav-item .platinum-user, .nav-item .gold-user, .nav-item .silver-user, .nav-item .redcore-pro-user {
display: none;
}
#marketPlaceProjectImageSlider .carousel-cell {
}
.owl-row {
margin-left: -4px !important;
}
#proof-title {
width: 80%;
z-index: 9999;
font-size: 15px;
top: 2px;
left: 16px;
}
#proof-image-container .proof-image-overlay-container::first-child {
margin-top: 120px;
}
.clock-hour-confirm-action {
position: inherit !important;
}
}
.back {
font-size: 15px !important;
z-index: 9999;
position: fixed;
left: 12px;
border-radius: 5px;
padding: 5px;
width: 30px;
color: #525f7f;
}
.proof-image-toolbox {
top: -53px;
z-index: 9999;
}
.proof-image-toolbox .btn-group.proof-tools button, #toolbox-border-radius, #toolbox-proof-background-remove {
border-radius: 15px !important;
max-height: 30px;
top: 4px;
margin-top: 0px;
margin-left: 3px;
}
.btn-group.proof-card-tag.view-mobile-only {
float: right;
padding: 8px 10px;
display: block !important;
z-index: 9999999;
background: #fff;
}
.dropdown, .dropup, .dropright, .dropleft {
float: right;
top: 0;
}
#side_nav_sec li, #side_nav_sec li a, #side-nav li, #side-nav li a {
display: block !important;
flex: auto;
}
#proof-title-container {
transition: .4s;
}
.bootstrap-select.btn-group .dropdown-menu li a {
width: 100%;
}
.proof-title-container.moveDown i.back {
position: static;
}
.valid-tooltip {
z-index: 99999 !important;
}
.tooltip-inner {
background-color: #00cc00;
z-index: 99999 !important;
}
.tooltip {
z-index: 99999 !important;
}
.tooltip.bs-tooltip-right .arrow:before {
border-right-color: #00cc00 !important;
}
.tooltip.bs-tooltip-left .arrow:before {
border-left-color: #00cc00 !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
border-bottom-color: #00cc00 !important;
}
.tooltip.bs-tooltip-top .arrow:before {
border-top-color: #00cc00 !important;
}
#comment-area button.btn.btn-md.btn-neutral.mr-0 {
border-radius: 45px;
padding: 21px;
font-size: 18px;
background: #e8e8e8;
}
.search-list-top b {
color: red;
font-size: 18px;
}
#comment-area .dropdown-menu.show {
margin: 0px 10px;
}
#comment-area .dropdown-menu.show:after {
content: '';
width: 17px;
height: 17px;
background: white;
position: absolute;
right: 16px;
top: -9px;
transform: rotate(45deg);
border-top: .094rem solid #e7e7ea;
border-left: .094rem solid #d9dadd;
}
body {
overflow-y: auto !important;
overflow-x: hidden !important;
}
.toggle-login-input-password {
display: flex !important;
cursor: pointer;
right: 10px;
color: #adb5bd;
position: relative;
padding: 0px 18px;
top: 1px;
}
#full-page-support-modal {
display: block;
background-color: white;
}
#article-container {
min-height: 50vh;
display: flex;
flex-flow: row nowrap;
align-items: stretch;
min-width: 100vw;
}
#article-container-left, #article-container-right {
}
#article-container-left {
flex: 1 0 30vw;
}
#article-container-right {
flex: 1 0 60vw;
background-color: lightgray;
display: flex;
flex-flow: column nowrap;
align-items: stretch;
justify-content: center;
border-left: thin solid slategrey;
}
#article-container-right input, #article-content {
padding: 5px;
border-radius: 3px;
background-color: lightgray;
margin-left: 5%;
margin-right: 5%;
margin-bottom: 1%;
margin-top: 1%;
border: thin solid slategrey;
}
#article-container-right #article-content {
min-height: 30%;
}
#article-container-right #article-container-bottom {
display: flex;
flex-flow: row nowrap;
margin-left: 5%;
}
#article-container-right #article-container-bottom #article-questions {
flex: 1 1 80%;
margin-left: 0;
margin-right: 0;
}
#article-container-right #article-container-bottom #support-article-save {
color: mediumseagreen;
border-radius: 25px;
flex: 1 1 8%;
margin-left: 2%;
margin-right: 2%;
}
#app.standalone .featherlight {
background: slateGrey;
overflow-y: auto;
}
#app.standalone .featherlight-content {
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
max-height: none;
border-bottom: none;
}
.support-li {
cursor: pointer;
list-style: none;
text-align: left;
}
.support-li .g__space {
margin-top: 0;
text-align: left;
}
.support-li .c__body {
text-align: left;
}
.support-li button, .category-container button {
text-align: left;
}
.category-container .article__preview .t__h1, .category-container .article__preview .paper__preview {
margin-left: 100px;
}
.category-container .article__preview .t__h1 .c__primary {
color: #3a3c4c;
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.category-container .article__preview .paper__preview {
color: #565867;
}
.category-container .article__preview .paper__preview {
font-weight: 400;
font-size: 16px;
line-height: 1.4;
}
.topic-container .support-li button .c__body {
font-weight: 400;
font-size: 14px;
line-height: 1.4;
}
.article-container .article__preview .paper__preview {
font-weight: 400;
font-size: 16px;
line-height: 1.4;
}
.support-category-toggleable, .support-topic-toggleable {
display: none;
}
.paper__article-preview {
margin-left: 0;
margin-right: 0;
width: 100%;
}
.category-container .paper__article-preview, .topic-container .paper__article-preview {
border: none;
}
.article-container .paper__article-preview {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
border-bottom: none;
}
.support-nest-2:first-child .article-container .paper__article-preview {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.support-nest-2:last-child .article-container .paper__article-preview {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom: 1px solid #d4dadf;
}
.topic-container .paper__article-preview {
padding: 0 0 0 0;
margin: 0 0 0 0;
}
.topic-container .paper__article-preview .section__headline {
padding-left: 0;
}
.article-container .paper__preview {
color: #565867;
}
.article-container .paper__preview, .article-container .t__h3 {
font-family: "Roboto", "Helvetica", "Arial", sans-serif;
}
.category-support-ul, .topic-container .section__headline {
padding-left: 0;
}
.support-selected {
margin-bottom: 20px;
}
.input-group-alternative.login-input-password {
background: #fff !important;
}
.toggle-login-input-password.fa-eye-slash:before, .toggle-login-input-password.fa-eye:before {
padding: 15px 0px;
}
#login-input-password {
z-index: auto;
}
.proof-create-title {
font-size: 2.25rem;
}
.subtitle-terms.error.login-input-user, .subtitle-terms.error.login-input-password {
display: block;
width: 100%;
padding: 5px 10px;
background: #C20000;
color: #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.login-message.error-message, #login-in-code {
display: block;
width: 100%;
padding: 10px;
background: #d6d6d62e;
color: #ffffff;
margin-bottom: 20px;
border-radius: 7px;
border: 1px solid #d8d8d800;
}
.card.card-profile.card-profile-first {
margin-bottom: 10px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
background: linear-gradient(87deg, #5c616e 0, #414250 100%);
}
.card.card-profile.card-profile-second {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
top: -10px;
}
.user-profile-tab-navs {
background: #f4f4f6;
border-radius: 44px;
width: 100%;
}
#profile-component .nav-item.active a.nav-link {
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
background: #fff;
border-radius: 1160px;
}
#profile-component .nav-item a.nav-link {
padding: 9px 19px;
margin: 8px 3px 6px 0px;
font-size: 14px;
border-radius: 304px !important;
}
div#profile-shipping-section, div#profile-billing-section {
padding: 5% 0;
}
.container.profile-main {
display: table;
}
.col-lg-6.profile-inner {
display: block;
width: 100%;
}
.card-body.profile-padding-first-sec {
padding: 10px;
}
.card-body.profile-padding-first-sec hr {
margin: 10px 0;
}
.profile-padding-first-sec {
padding: 15px;
}
h2.user-profile-name {
font-size: 34px;
font-weight: bold;
padding-top: 10px;
font-family: 'AvantgardeLT-Bold';
color: #ce2d2d;
letter-spacing: -.5px;
}
.card-profile-info-section b {
font-size: 17px;
line-height: 39px;
}
#profile-acc-section {
position: relative;
}
#profile-acc-section .profile-progressbar {
bottom: 30px;
position: relative;
width: 100%;
left: 0;
font-size: 14px;
color: #000;
}
#profile-acc-section .profile-progressbar .progress-bar {
background-color: #525f7f !important;
}
#profile-acc-section .profile-progressbar .progress {
height: 14px !important;
}
input:-internal-autofill-selected {
background-color: #d42323 !important;
background-image: none !important;
}
.above-label {
display: inline-block;
margin-bottom: .5rem;
position: absolute;
font-size: 11px;
background: #edeeef;
top: -17px;
left: 22px;
padding: 0px 4px;
font-weight: 600;
color: #438ec3;
}
.card-profile-info-section {
padding: 19px 0px 34px 0px;
border-top: 1px solid #e0e0e0;
}
.saveUserData {
border-radius: 400px;
background: #025ff9;
border: 1px solid #025ff9;
}
.select-control {
display: block;
width: 100%;
height: calc(2.75rem + 2px);
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
color: #8898aa;
border: 1px solid #dee2e6;
border-radius: .25rem;
background-color: #fff;
background-clip: padding-box;
box-shadow: 0 3px 2px rgba(233, 236, 239, .05);
}
.bg-gradient-redcore {
background: linear-gradient(6deg, #878c98 0, #5c6270 100%) !important;
}
.bold {
font-weight: 700;
}
.profile_state.profile-shipping-hide, .profile_province.profile-shipping-hide, .state_profile.profile-shipping-hide, .state_profile_province.profile-shipping-hide {
display: none;
}
label.col-md-12.profile-shipping-form, label.col-md-6.profile-shipping-form, label.col-md-4.profile-shipping-form {
text-align: justify;
font-size: 12;
font-weight: bold;
}
.shipping.display-inherit {
display: inline-flex;
}
#proof_shipping_address p:first-child {
font-weight: bold;
}
.user-activity-status.logged_in_user {
background: gray;
}
.user-activity-status.active_user {
background: rgb(73, 185, 135);
}
.profile-shipping-copy-text {
display: none;
}
.notification-alert {
width: auto;
height: auto;
background-color: red;
position: absolute;
top: -13px;
right: 3px;
border-radius: 50%;
padding: 2px 5px;
font-size: 10px;
font-weight: bold;
display: none;
}
#profile-acc-section .profile-password-hide, #profile-acc-section .profile-dcard-hide, #profile-acc-section .profile-generate-auto-login {
color: #438ec3;
font-size: 12px;
font-weight: 600;
text-transform: capitalize;
text-align: center;
}
#profile-acc-section .profile-password-hide span.btn, #profile-acc-section .profile-dcard-hide span.btn, #profile-acc-section .profile-generate-auto-login span.btn {
border: 1px solid #d8d5d5;
padding: 13px 20px;
text-transform: capitalize;
font-size: 11px;
width: 100%;
}
#profile-acc-section .profile-password-hide span.btn:hover, #profile-acc-section .profile-dcard-hide span.btn:hover, #profile-acc-section .profile-generate-auto-login span.btn:hover {
background: #525f7f;
color: #fff;
}
#paymentCenter-component .payment-center-tab-bg {
background: #a51015;
padding: 0 1em;
}
.payment-center-tab li.nav-item {
padding: 1rem 0;
color: #fff;
cursor: pointer;
}
.payment-center-tab li.nav-item:hover, .payment-center-tab li.nav-item.active {
background: #b31d22;
}
.nav.payment-center-tab > li > a, .nav.payment-center-tab > li > a:hover {
color: #fff;
font-weight: 600;
text-transform: capitalize;
}
.invoice-btn-morgin {
margin: 10px 0;
}
.custom-checkbox.invoice-form .custom-control-label::before {
border-radius: .25rem;
background: #f5365c;
border-color: #f5365c;
}
.custom-checkbox.invoice-form .custom-control-input:checked ~ .custom-control-label::after {
background-color: #f5365c;
border-radius: .25rem;
border-color: #f5365c;
}
.form-group div.form-control.p-5 {
padding: 2rem !important;
}
#datatable_processInvoiceActivity tr:first-child td:first-child, #datatable_invoiceActivity tr:first-child td:first-child {
pointer-events: none;
opacity: 0.2;
}
.proofAddInvoice {
line-height: 0;
margin: 5px;
padding: 10px 20px;
cursor: pointer;
}
div.proof-invoice {
padding: 0px 3% 80px;
width: 91%;
margin: 22px auto 122px;
border-radius: 11px;
}
button.invoice-proof-button.btn.btn-success {
flex: 0 2 auto;
margin: 8px 1px;
border-radius: 45px;
position: relative;
top: -8;
}
button#svg-qrcode-download-button {
background: #fbfbfb !important;
padding: 25px;
}
.card.col-lg-12.invoice-payment-top-logo {
margin-bottom: 30px;
top: -53px;
border: none;
background: transparent;
}
.invoice-payment-top-logo .card-profile-image img {
top: 5px;
}
#invoicePayCardExp, #invoicePayCardCvv {
border-right: 1px solid rgba(50, 50, 93, .15);
}
#invoicePayCardExp {
border-left: 1px solid rgba(50, 50, 93, .15);
}
.invoice-display-inline {
display: inline-flex !important;
}
div#error-card {
font-size: 14px;
}
button.btn.btn-danger.p-2.b-invoice-close {
border-radius: 50%;
width: 40px;
height: 40px;
}
.m-b-3 {
margin-bottom: 30px;
}
.content-align-right {
text-align: right;
}
.form-group.hide {
display: none !important;
}
#apple-pay-button {
display: none;
background-color: black;
background-image: -webkit-named-image(apple-pay-logo-white);
background-size: 100% 100%;
background-origin: content-box;
background-repeat: no-repeat;
width: 100%;
height: 44px;
padding: 10px 0;
border-radius: 10px;
}
.category-container img {
float: left;
}
#main-support-content .section .section__bg {
padding: 5%;
}
.support-category-header-image {
width: 76px;
}
.image-style-side {
width: 50% !important;
}
.content figure.media > div {
width: 100%;
}
.settings-pane {
width: 50%;
}
.settings-left {
float: left;
}
.settings-right {
float: right;
}
.dropdown-menu .text.public-option {
width: 100%;
text-align: center;
font-weight: bolder;
}
#structure.settings {
display: flex;
flex-flow: row wrap;
}
.bootstrap-select.btn-group.support-article-edit-select {
flex: 0 0 100%;
}
.bootstrap-select.btn-group.support-article-edit-select-first {
flex: 0 0 100%;
}
.support-article-edit-select {
}
select.support-article-edit-select {
}
button.support-article-edit-select {
}
#swal2-content .col-sm-12.post-content {
text-align: justify;
}
.page.container-page4 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
}
.html-editor {
width: 100%;
min-height: 500px;
}
.email-status-main {
display: inline-block;
width: 100%;
}
.email-status {
float: left;
display: inline-block;
width: 10%;
margin-left: 20px;
}
.email-status-main .custom-toggle {
float: left;
display: inline-block;
}
.navbar-nav li #notificationicon {
position: relative;
}
div.inner-progressbar-main {
position: fixed;
top: 0;
left: 0;
bottom: 75px;
right: 55px;
width: 200px;
left: 23px;
margin: 0px;
bottom: 58px !important;
top: 88%;
}
.progress .percent {
background: #819FF7;
background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-size: 50px 50px;
transition: 0.4s linear;
transition-property: width, background-color;
animation: move 2s linear infinite;
}
@keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 50px 50px;
}
}
.row.m-y-2 {
margin: 20px 0;
}
.signup-loader {
width: 20px;
visibility: hidden;
margin-left: 8px;
position: absolute;
margin: 1px 10px;
}
.comment-box-container .signup-loader {
width: 14px;
visibility: hidden;
position: relative;
margin: 0px 2px;
padding: -5px;
right: 3px;
}
.stop-click {
cursor: default;
pointer-events: none;
}
.stop-click .signup-loader {
visibility: visible;
}
div#site-top-notification {
position: fixed;
z-index: 999;
color: #d2d7e0;
text-align: center;
}
div#site-top-notification a {
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
.comment-wrapper:hover span.hoverover.comment_icon {
visibility: visible;
}
.comment_approver {
padding: 0;
float: inherit;
font-size: 12px;
font-weight: 500;
color: red;
}
.progress-align-center {
text-align: center;
padding: 10px;
font-weight: 700;
color: #2196f3 !important;
}
.redcore-loader-note {
display: block;
margin-top: 4px;
color: #f59e0b;
font-size: 12px;
font-weight: 700;
line-height: 1.25;
}
.topBorder {
border-top: 2px solid #d4d4d4;
}
.bottomBorder {
border-bottom: 2px solid #d4d4d4;
}
.redMagnify.redMagnify-selected {
position: relative;
cursor: none;
}
#glass {
position: absolute;
box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
border-radius: 50%;
z-index: 999999;
background-color: rgba(0, 0, 0, .6);
background-repeat: no-repeat;
}
.redMagnify.redMagnify-selected .redMagnify-large {
width: 175px;
height: 175px;
position: absolute;
border-radius: 100%;
box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
display: none;
}
.shipping_manager_line_header.second-title {
font-size: 15px;
margin-bottom: 15px;
}
input.form-control.add-field-element {
width: 70%;
}
button.form-control.btn-success, button.form-control.btn-danger {
margin: 0px;
}
.control-profession-fields .profession-field {
margin: 10px 0;
}
.inner-container-word-count {
margin: 0;
padding: 10px;
background: #c7cad02e;
border-radius: 35px;
}
.inner-container-word-count .col-md-6.content-align-center.active-tab {
background: #fff;
border-radius: 35px;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08) !important;
}
.inner-container-word-count .col-md-6.content-align-center {
color: #31325d;
font-weight: bold;
cursor: pointer;
}
.inner-container-word-count .content-align-center {
text-align: center;
padding: 20px 10px;
}
.word-cloud-title {
margin-top: 5%;
}
.content-align-center {
text-align: center;
display: inline-block;
}
.content-align-center .download-svg {
border-radius: 15px;
color: #fff;
font-weight: 100;
background: #8e939e;
font-size: 12px;
}
.word-cloud-options {
font-size: 25px;
}
button.word-cloud-options {
transform: rotate(0deg);
}
.word-cloud-options-element {
margin-top: 5%;
}
.col-md-12.p-0.angle-from {
margin-top: 20px;
}
button.btn.rerun-word-cloud {
background: #8e939e;
color: #fff;
width: 150;
border-radius: 15px;
}
.custom-size .colorpicker-saturation {
width: 250px;
height: 250px;
}
.custom-size .colorpicker-hue, .custom-size .colorpicker-alpha {
width: 40px;
height: 250px;
}
.custom-size .colorpicker-color, .custom-size .colorpicker-color div {
height: 40px;
}
.colorpicker {
z-index: 999999 !important;
}
.image-cropping-container {
margin: 0 auto;
float: left;
display: block;
padding: 0;
}
.default-height {
height: 300px;
}
#uploadimageModal {
z-index: 9999999 !important;
}
.relative-position {
position: relative;
}
a.rotate-button {
position: absolute;
right: 0;
}
.croppie-container div.cr-slider-wrap {
margin: 15px 0 !important;
}
a.rotate-button.rotate-first {
right: 115px;
}
a.rotate-button.rotate-second {
right: 80px;
}
.dataTables_length select.custom-select {
width: 70px;
}
button.dropdown-toggle.selected-box:after, .input-group.input-group-merge.selected-box:after {
content: "\f00c";
position: absolute;
height: 30px;
width: 30px;
right: 3px;
font-size: 20px;
color: #4fd69c;
top: 10px;
font-weight: bolder;
border: 0px;
font-family: "Font Awesome 5 Free";
}
.support-center-search-section.beta-redcore {
position: relative;
color: #fff;
z-index: 3;
}
.stat-top-trigger-btns {
justify-content: flex-end;
display: flex;
}
input.mark-check, textarea.mark-check, select.mark-check, button.dropdown-toggle.btn.btn-primary.btn-round.mark-check[data-toggle="dropdown"] {
background-image: url(/core/templates/assets/img/check.png) !important;
background-repeat: no-repeat !important;
background-size: 27px !important;
background-position: right !important;
padding-right: 4px;
}
.move-to-top.btn {
background: #673ab7;
border-radius: 29px;
color: #fff;
border: 4px solid white;
box-shadow: 0px 3px 6px #00000033;
}
label.previewUploadPDFLabel {
padding: 20px 10px;
margin: 10px;
border: 1px dashed rgba(153, 153, 153, 0.58);
cursor: pointer;
}
.marketPlacePDFUpload {
width: 100vh;
text-align: center;
}
div[data-notify="container"].alert.alert-danger {
z-index: 99999999 !important;
}
span.pdf-upload-title {
position: absolute;
top: 35px;
left: 0px;
justify-content: center;
display: flex;
width: 100%;
z-index: 999999999999;
background: red;
color: #fff;
padding: 10px 5px;
opacity: 0.6;
word-break: break-all;
}
.col-6.text-right.shipping.display-inherit {
justify-content: flex-end;
}
.shipping.display-inherit .btn-group.proof-card-tag {
display: flex;
position: relative;
}
.shipping-nav.profile-shipping-nav {
background: #fff;
position: absolute;
right: 20;
top: 30%;
width: 200px;
padding: 5px 15px;
border: 2px solid #bcc0c7;
border-radius: 15px;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.shipping-nav.profile-shipping-nav .custom-toggle-slider.rounded-circle {
margin: 0px !important;
}
.display-flex {
display: flex;
justify-content: space-between;
}
#admin_css_editor_editor_id_1, #keyCodeEditor {
width: 100%;
height: 73vh;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
margin: 20px;
border: 5px solid #25272f;
}
#keyCodeEditor {
height: 50vh !important;
width: 90%;
}
#saveAdminCss {
width: 200px;
}
.ace_editor, .ace_editor * {
font-family: "Monaco", "Menlo", "Ubuntu Mono", "Droid Sans Mono", "Consolas", monospace !important;
font-size: 12px !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
}
.card.active[data-active-search="marketPlaceSearchForms"] {
position: relative;
z-index: 999999;
}
ul .search-list-top {
padding: 5px 10px 5px 20px;
margin: 0 12px;
}
.launch-pad-search-overlay, .work-flow-mode-overlay {
background: rgba(13, 15, 16, 0.89);
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 99999;
}
html.launchpad-search-scroll-locked, body.launchpad-search-scroll-locked {
height: 100%;
overflow: hidden !important;
overscroll-behavior: none;
}
ul.top-search-autocomplete.marketPlaceSearchForms {
position: relative;
border-radius: unset !important;
box-shadow: initial;
list-style: none;
border-top: 1px solid rgba(0, 0, 0, .05);
}
.overlay-active {
position: relative;
z-index: 999999;
color: red !important;
font-size: 18px;
}
h1.overlay-active {
color: white !important;
font-size: 3em;
letter-spacing: -3px !important;
}
.proof-questionfeedback {
width: 120px;
}
.launch-pad-search-overlay:before {
content: '×';
z-index: 99999999;
padding: 1px 10px;
top: 23px;
position: fixed;
right: 20px;
color: #fff;
cursor: pointer;
font-weight: bold;
border: 1px solid white;
border-radius: 168px;
font-size: 34px;
height: 41px;
line-height: 29px;
}
.overlay-active .proof-list-title h4 {
color: #fff !important;
}
.lineup.overlay-active {
background: #38424a !important;
color: #fff;
}
button.btn.btn-round-radious {
border-radius: 25px;
background: #2370be;
border-color: #2370be;
}
button.show-all-web-manager-tag-list {
border-radius: 25px;
background: #2370be;
border-color: #2370be;
padding: 8px 17px;
font-size: 10px;
position: fixed;
right: 114px;
bottom: 21px;
margin: auto 30%;
}
.proof-image-create-project {
min-height: 83vh;
display: flex;
justify-content: center;
margin: 0px;
border: 1px solid #ccc;
border-radius: 15px;
background: white;
overflow: hidden;
position: relative;
}
.create-project-first-slide, .create-project-first-slide-past-due {
width: 90%;
margin: 51px auto;
z-index: 1;
}
#proof-gif-left {
bottom: -52px;
position: absolute;
max-width: 690px;
left: 0;
border-radius: 0px 0px 15px 0px;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
.dark-mode #proof-gif-left {
filter: invert(1) opacity(0.1) grayscale(1) saturate(0.1);
-webkit-filter: invert(1) opacity(0.1) grayscale(1) saturate(0.1);
}
button.btn.create-project-new-image, button.btn.approve-request-quote-proof, .rounder {
background: transparent;
border: 1px solid #ccc;
border-radius: 5px;
width: 100%;
overflow: hidden;
word-wrap: break-word;
font-size: 12px;
}
button.btn.create-project-new-image {
border-radius: 35px;
}
.display-center {
text-align: center;
}
.create-project-first-slide b, .create-project-first-slide-past-due b {
font-size: 14px;
}
#add-new.my-3.proof-image-upload, .user-file-upload-area {
width: 100%;
height: 100%;
margin: auto;
padding: 0px !important;
border: 2px dashed #ccc;
border-radius: 9px;
align-items: center;
justify-content: center;
display: flex;
flex-direction: column;
order: initial !important;
background: transparent;
}
#add-new.my-3.proof-image-upload:hover, .user-file-upload-area:hover {
background: #f7f7f7;
}
.create-project-second-slide.col-lg-12 {
flex-direction: column;
align-items: center;
display: inline-flex;
}
.cardy.card[data-project-status="new_project"] .col-auto, .cardy.card[data-project-status="received"] .col-auto {
display: none;
}
#marketPlace-component p.project-sub-status-info.sub-title-pad.text-sm.text-muted.mb-0 {
width: 120px;
}
.open > .dropdown-menu {
display: block;
}
.history-collapse {
display: none;
}
.btn-checkbox.checked {
border-color: #0476d0;
background-color: #0476d0;
color: white;
}
.btn-checkbox {
background: #f2f2f2;
margin-bottom: 10px !important;
border: 1px solid #eeeeee;
cursor: pointer !important;
opacity: 0.9 !important;
alignment-baseline: ideographic;
font-weight: 300 !important;
color: #939393;
}
.btn-checkbox label {
margin: 0;
cursor: pointer;
}
.admin-view-area {
border: 20px solid #e2e2e2;
margin: 10px 0;
border-radius: 15px;
width: 100%
}
.form-group > .dropzone.dropzone-multiple {
padding: 0;
}
.form-group .dropzone .dz-message {
margin: 0 !important;
}
#redcore-search-sites-list .first {
}
.placeholder-container .dropdown-toggle::after {
display: none;
}
.manager-sites-available-button.active {
color: white;
background-color: #e20f0e;
}
.redcore-custom-shirt-radio.item-align-center, .redcore-shirt-radio.item-align-center, .redcore-shirt-radio-elem.item-align-center, .redcore-single-size-radio.item-align-center, .redcore-single-size-radio-elem.item-align-center {
margin-right: 4.1%;
font-size: 15px;
width: 32px;
}
.redcore-single-size-radio.item-align-center label, .redcore-single-size-radio-elem.item-align-center label, .redcore-shirt-radio.item-align-center label, .redcore-custom-shirt-radio label, .redcore-shirt-radio-elem.item-align-center label {
font-size: 11px;
font-weight: 700;
}
.redcore-shirt-radio.item-align-center label, .redcore-custom-shirt-radio label {
font-size: 12px;
font-weight: 700;
width: 45px;
}
.redcore-single-size-radio.item-align-center input, .redcore-single-size-radio-elem.item-align-center input, .redcore-shirt-radio.item-align-center input, .redcore-custom-shirt-radio input, .redcore-shirt-radio-elem.item-align-center input {
padding: 4px;
width: 46px;
border: 1px solid #87888a;
background-image: none !important;
background-position: inherit !important;
background-size: inherit !important;
margin-bottom: 4px;
height: 34px;
}
.redcore-single-size-radio.item-align-center input {
margin-right: 11px;
}
span.small-title {
font-size: 9px;
font-weight: bold;
}
span.proof-publish-date, span.proof-due-date-text, .proof-users-list, .inner-proof-time.time-tracker {
font-size: 14px;
display: flex;
}
span.proof-due-date {
color: silver;
font-weight: bold;
padding: 0 5px;
}
.form-check.funkyradio.btn.btn-checkbox {
padding: 0;
}
.form-check.funkyradio.btn.btn-checkbox label {
padding: 5px;
font-weight: 900;
}
.item-align-justify {
text-align: justify;
}
#marketPlaceProjectImageSlider {
height: calc(100% + 4px);
width: calc(100% + 2px);
}
.carousel-cell {
background-repeat: no-repeat;
background-size: cover;
width: 100%;
min-height: 400px !important;
background-position: center center;
}
ol.flickity-page-dots {
bottom: 15px;
}
ol.flickity-page-dots li.dot {
width: 16px;
background: transparent;
padding: 0;
margin: 0 2px;
}
ol.flickity-page-dots li.dot:before {
position: absolute;
content: '';
background: transparent;
box-shadow: inset 0 0 0 5px #000;
width: 4px;
border-radius: 50%;
height: 4px;
position: absolute;
top: -5px;
}
ol.flickity-page-dots li.dot.is-selected:before {
transform: scale(2);
transition: all 0.25s ease;
box-shadow: inset 0 0 0 1px #000;
width: 6px;
height: 6px;
}
span.project-new-lable-tagss.in-slider {
position: absolute;
top: 25px;
left: 25px;
box-shadow: inherit;
cursor: default !important;
}
#redcore-newProject .proof-list-title h4 {
background: #F44336 !important;
padding: 2px 10px;
color: #fff !important;
border-radius: 5px;
}
.top-notification-container {
max-height: 300px;
overflow-y: auto;
}
.swal2-modal.swal2-show.launch-pad-details {
background: transparent !important;
}
.swal2-modal.swal2-show.launch-pad-details .swal2-content {
background: #eee;
border-radius: 17px;
}
h2.marketPlace-prooflist-title {
color: #fff;
text-align: left;
}
.launch-pad-details .proof-list {
width: 100%;
}
.proof-left-container .proof-image {
text-align: justify;
width: 100px;
background-position: center center;
background-size: cover;
border-radius: 15px;
background-repeat: no-repeat;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.proof-image img {
min-height: 100px;
max-height: 100px;
visibility: hidden;
}
.proof-left-container .proof-detail {
margin-left: 20px;
flex-direction: column;
display: flex;
justify-content: left;
text-align: justify;
}
.launch-pad-proof-container {
background: #fff;
margin: 0px;
}
.launch-pad-details .swal2-footer {
border: transparent;
}
.launch-pad-proof-container {
background: #fff;
display: flex;
justify-content: center;
align-items: center;
border-radius: 15px;
margin-bottom: 15px;
}
.proof-left-container {
align-items: center;
}
.proof-list .proof-detail b {
font-size: 12px;
}
#proof-gif {
bottom: -45px;
position: absolute;
max-width: 814px;
right: 0;
border-radius: 0px 0px 15px 0px;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}
.drop-img {
width: 219px;
}
.dz-message {
z-index: 999;
padding: 12px;
cursor: pointer;
transition: all .15s ease;
text-align: center;
color: #939ba0;
border: 1px dashed #7a8690;
border-radius: .375rem;
background-color: #fff;
order: -1;
padding-top: 29px !important;
padding-bottom: 29px !important;
font-size: 15px;
font-weight: 400;
}
.dz-message:hover {
background: #eaedef;
}
.web-manager-edit-btn {
padding: 1px 8px 11px;
margin: 0px -29px;
border-radius: 4px;
background: #dbdee3;
color: black;
line-height: 17px;
position: absolute;
border-radius: 34px;
}
#placeholder-history-header {
text-align: left;
}
.placeholder-history-row {
padding: 16px;
}
span.placeholder-history-item.placeholder-history-item-right.label.label-info {
font-weight: 400;
color: #2196F3;
}
.shipping_manager_line_header span.badge.badge-pill.new_project {
background: #f4f4f6;
color: gray;
position: absolute;
bottom: 28px;
right: 22px;
}
.profile-page.header.pb-6 {
background-image: url(/core/templates/assets/img/theme/profile-cover.jpg);
}
h5.text-white.overlay-active {
font-size: 32px;
}
h1.text-white.overlay-active {
font-size: 15px;
}
.form-check.funkyradio.btn.btn-checkbox {
width: 23%;
}
.redcore_shirt {
padding: 17px 0px;
}
.col-lg-12.shirt-total-count.content-align-right, .col-lg-12.single-size-total-count.content-align-right {
background: #d1d1d100;
color: #a9a9a9;
padding: 12px 1px 6px 8px;
text-align: right;
margin: 6px 1px;
border-radius: 0px;
width: 96%;
font-weight: 900;
height: 38px;
border-bottom: 1px solid #939393;
font-size: 16px;
}
.inner-section-admin-view {
padding: 15px;
border-radius: 12px;
padding: 15px;
}
.measure-field-bg {
background: #d8d8d8;
height: 39px;
border-radius: 5px;
color: #2b3742;
padding: 0px 3px 0px 0px;
font-weight: bold;
margin-right: 10px;
border-radius: 5px !important;
font-size: 14px;
font-weight: 500;
border: 1px solid #c3c3c3;
border-radius: 4px !important;
}
.admin-view-area {
border: 0px solid #e2e2e2;
}
span.close_search_field {
top: -2px;
right: -16px;
cursor: pointer;
}
ul .search-list-top {
padding: 4px 9px 5px 20px;
margin: 0 12px;
}
span a {
font-size: 18px;
color: #cccccc;
text-decoration: none;
margin: 0 10px;
transition: all 0.4s ease-in-out;
}
@keyframes float {
0% {
box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
transform: translatey(0px);
}
50% {
box-shadow: 0 25px 15px 0px rgba(0, 0, 0, 0.2);
transform: translatey(-20px);
}
100% {
box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
transform: translatey(0px);
}
}
.card-body {
padding: 1.2rem !important;
}
#marketPlaceProjectImageSlider {
height: auto !important;
width: 100% !important;
padding: 0 20px;
padding: 48px;
}
.swal2-container.swal2-shown {
background-color: rgb(22 26 29 / 89%) !important;
z-index: 9999;
}
.open .web-manager-edit-btn {
background: #606674;
border: 1px solid #c3c3ca;
color: white;
}
.tag-container {
overflow: auto;
}
span#placeholder-status-1594 {
padding: 3px 6px 6px 1px;
position: relative;
top: -6px;
}
.web-manager-btn-border {
border: 1px solid #bfbfbf;
}
.form-group.red-error label {
color: red;
}
.form-group.red-error {
color: red !important;
border: 1px solid;
}
.max-length-counter {
text-align: right;
float: right;
font-size: 12px;
font-weight: bold;
}
.max-length-counter.max-counter-warning {
color: red;
}
.web-manager .bg-primary {
background: linear-gradient(87deg, #2372c1 0, #235180 100%) !important;
}
.web-manager a {
color: #235384;
font-family: 'AvantGardeLT-Bold';
}
.web-manager a:hover {
color: #6988a7;
}
h4.placeholder-max-length {
text-align: left;
}
.edit-content-swal-classname .swal2-header .swal2-title {
text-align: left;
width: 100%;
}
span#max-length-counter {
width: 100%;
position: absolute;
right: 1px;
font-size: 12px;
font-weight: 400;
padding-top: 5px;
}
.intercom-badge {
z-index: 1;
}
.intercom-button .intercom-icon--launcher {
padding: 0px;
opacity: .9;
}
.intercom-button .intercom-icon--launcher:hover {
opacity: 1;
}
.form-group.error label {
color: red;
}
.form-group.error .form-control {
border: 1px solid red;
}
.col-lg-4.received {
background: transparent !important;
}
figure.effect-marley figcaption {
text-align: right;
}
#marketPlaceProjectImageSlider figure figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 2em;
color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-marley:hover h2 {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-marley:hover h2 {
top: 30px;
bottom: inherit;
}
figure.effect-marley {
margin: 0px;
}
figure.effect-marley h2 {
bottom: 30px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
figure.effect-marley h2, figure.effect-marley .marketplace-details {
position: absolute;
right: 30px;
left: 30px;
padding: 10px 0;
text-align: right;
color: #fff;
}
figure.effect-marley h2::after, figure.effect-marley .marketplace-details b.project-inner-title::after {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-marley h2::after, figure.effect-marley .marketplace-details b.project-inner-title::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: #fff;
content: '';
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
}
figure.effect-marley .marketplace-details {
bottom: 30px;
line-height: 1.5;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
figure.effect-marley figcaption {
text-align: right;
}
figure.effect-marley:hover h2::after, figure.effect-marley:hover .marketplace-details, figure.effect-marley:hover .marketplace-details b.project-inner-title::after {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
figure.effect-marley h2::after, figure.effect-marley .marketplace-details {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-marley:hover {
background: #3085a3;
overflow: hidden;
opacity: 0.8;
}
.project-cost-section span {
font-size: 12px;
}
b.project-inner-title.col-lg-12.no-padding {
font-size: 1.5em;
margin-bottom: 15px;
}
.project-details-container .admin-view-area {
position: relative;
z-index: 99999;
}
.product-proof-details-list {
position: relative;
z-index: 999999;
}
.product-proof-details-list .dz-image-preview {
margin-left: 0px;
}
.main-container-marketplace .swiper-container {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}
.main-container-marketplace .swiper-slide {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.main-container-marketplace .gallery-top {
height: 80%;
width: 100%;
}
.main-container-marketplace .gallery-thumbs {
box-sizing: border-box;
padding: 10px 0;
}
.main-container-marketplace .gallery-thumbs .swiper-slide {
height: 100%;
opacity: 0.3;
height: 76px !important;
margin-bottom: 2px !important;
}
.main-container-marketplace .gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
border: 2px solid #2050dc;
border: 5px solid #508bff;
width: 90%;
border-radius: 7px;
}
.main-container-marketplace .gallery-thumbs {
height: auto;
box-sizing: border-box;
padding: 0;
width: 20%;
float: left;
max-height: 100%;
position: relative;
overflow: hidden;
margin: 15px;
border: 3px solid #cbcbcb;
background: #e1e1e1;
border-radius: 10px;
}
div#marketPlaceView-Slidermain {
float: right;
width: 69%;
overflow: hidden;
max-height: 385px;
height: auto;
margin: 15px 0;
position: relative;
border-radius: 8px;
}
button.btn.btn-primary.promo-button {
background: white;
color: #565867;
border-radius: 44px;
border: white;
padding: 18px 40px;
}
#marketPlaceProjectImageSlider .marketplace-details-title {
float: left;
width: 100%;
padding: 0px 13px;
}
#marketPlaceProjectImageSlider .marketplace-details-title h4.project-title {
font-size: 35px;
font-family: 'AvantGardeLT-Bold';
color: #000000;
text-align: left;
letter-spacing: -2px;
border-bottom: 1px solid black;
}
#marketPlaceProjectImageSlider .main-container-marketplace {
height: 410px;
float: left;
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #0000002e;
}
#marketPlaceProjectImageSlider .marketplace-details {
float: left;
width: 100%;
text-align: justify;
padding: 6px 17px 22px;
margin-top: 20px;
margin-bottom: 43px;
border-radius: 10px;
}
#marketPlaceProjectImageSlider .marketplace-details h2 {
text-align: left;
}
.product-proof-details-list .btn-group {
margin: 0;
}
.fb-sizeMeasure .col-lg-12 {
padding: 0;
}
@media screen and (max-width: 768px) {
.main-container-marketplace .gallery-top, .main-container-marketplace .gallery-thumbs {
width: 100% !important;
}
.user-file-upload-area {
cursor: pointer;
height: 81px;
margin: 19px 0px;
}
.title {
font-size: 27px;
line-height: 29px;
}
div.parent_approver_access .btn.btn-success {
cursor: pointer;
float: left;
padding: 15px 23px 16px 30px;
min-height: 48px;
min-width: 87px;
position: static !important;
bottom: -76px !important;
width: 100% !important;
border-radius: 65px;
position: absolute !important;
}
.approve-proof-button, .set-avaiting-approve-proof-button {
height: 60px;
padding: 14px 0px;
border-radius: 6px;
border: 4px solid #ffffff;
width: 237px;
position: relative;
top: -109px !important;
}
.main-container-marketplace .gallery-thumbs {
display: none;
}
#marketPlaceProjectImageSlider .main-container-marketplace {
height: 320px !important;
}
.main-container-marketplace .swiper-slide {
background-size: contain;
}
}
.proof-download-only-by-admin {
display: none;
}
@media only screen and (max-width: 1200px) {
.show_hide_proof_only.btn.btn-sm.btn-neutral.adminmode {
display: none !important;
}
.proof-section-refresh.btn.btn-sm.btn-neutral.adminmode {
bottom: -30px;
right: -10px;
}
}
@media screen and (min-width: 1200px) {
.swal2-modal.swal2-show.launch-pad-details {
max-width: 1300px;
min-width: 1300px;
}
div#site-top-notification {
left: 124px;
}
.proof-download-only-by-admin {
display: inline-block;
}
}
.measure_calculator_container {
color: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.measure_calculator {
font-weight: bold !important;
min-width: 200px;
font-size: 30px !important;
}
.pr-lg-5, .card-body.px-lg-5 {
padding-right: 3rem !important;
}
.pt-lg-5, .card-body.py-lg-5 {
padding-top: 3rem !important;
}
.form-title-slider-height {
height: 100vh;
background-size: cover;
background-position: center;
background-color: #c11022;
background-image: linear-gradient(354deg, #ba1928 0%, #ab182d 74%);
}
a {
cursor: pointer;
}
.measure-box {
border-radius: 4px;
}
.btn.measure_calculator.bg-success {
height: auto;
text-align: center;
margin: 25px 0px 11px 0px;
padding: 11px 0px;
width: 100%;
font-size: 19px !important;
flex-direction: column;
border-radius: 194px;
background: #2050dc !important;
color: #eeeeee;
border: 2px solid;
}
.measure_calculator .measure-sqr-feet {
font-size: 12px;
font-weight: bold;
background: #ffffff1a;
padding: 7px 14px;
min-width: 81px;
border-radius: 54px;
margin: 6px auto auto auto;
position: relative;
top: -4px;
border: 2px solid white;
}
.left-side-section {
background: transparent !important;
}
.btn.form-control {
box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
}
.btn-group.bootstrap-select.form-control {
margin-top: 0px !important;
}
.organization-section .btn-group.bootstrap-select, .organization-profession .btn-group.bootstrap-select {
margin-top: 0;
}
.completed-project-list-marketplace {
cursor: pointer;
margin: 10px 0;
color: #ffffff;
font-weight: bold;
margin: 10px 0;
border: 2px solid #bcc0c7fc;
background: #4b5a67;
border-radius: 7px;
}
.form-control.error {
border-color: red !important;
}
.shirt-size-top .col-lg-6.py-2.align-items-center:nth-child(odd), .shirt-size-body .col-lg-6.py-2.align-items-center:nth-child(odd) {
border-right: 1px solid;
}
.shirt-size-top, .shirt-size-body {
border: 1px solid;
}
.shirt-size-body {
border-top: 0px solid;
}
.sizeMeasure-field.form-field .field-label, .fb-sizeMeasure-label {
display: none;
}
.placeholder-information {
text-align: center;
padding: 34px;
max-width: 100%;
flex: 0 auto;
}
.toggle-login-input-password.hide {
display: none !important;
}
input.check-required-enter.mark-check:-webkit-autofill {
background-color: red !important;
}
input.check-required-enter.mark-check:not(:-webkit-autofill) {
background-color: #fff;
}
a.avatar.avatar-sm.rounded-circle.add-new-users, a.avatar.avatar-sm.rounded-circle.remove-selected-users {
background: #fff;
border: 2px dotted #333;
}
a.avatar.avatar-sm.rounded-circle.add-new-users.remove-not-creator {
display: inline-block !important;
}
#client_list_option_online a div.mCS_img_loaded {
font-size: 40px;
display: flex;
justify-content: center;
vertical-align: middle;
color: #333;
width: 100%;
}
#waterbottle-promo {
width: 296px;
position: absolute;
right: 109px;
}
#pens-promo {
width: 279px;
position: absolute;
left: 83px;
top: 0px;
z-index: -1;
}
#proof-user-add-section .nav-pills li.active a, #proof-user-add-section .nav-pills li.active a:hover {
background: #fff !important;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(244, 244, 246) !important;
}
#proof-user-add-section .nav-pills li a {
border-radius: 0px !important;
color: #333 !important;
background: #f0f5f9 !important;
font-weight: 400;
box-shadow: none !important;
border-radius: 50px !important;
}
#proof-user-add-section .nav-pills li a:hover {
background: #eee !important;
}
#proof-user-add-section .nav-wrapper ul {
background: #ffffff;
border-radius: 60px;
padding: 14px 0px;
margin: 4px 27px 0 34px;
border: none;
}
#current_clients .avatar-group .avatar {
justify-content: unset !important;
}
.display-flex-important {
display: flex !important;
}
b.subtitle-terms.error.spellcode {
width: auto !important;
display: flex;
align-items: center;
background: transparent;
font-size: 12px;
}
.spellcode.color-yellow {
color: #000 !important;
background: #FFFF99 !important;
}
.bs-donebutton .btn-group.btn-block {
margin: 0px;
}
#notify_designer_email {
text-align: center;
margin: 1px 0px -51px 0;
display: inline;
float: left;
width: 100%;
height: 0px;
}
.proof-view-countdown-container {
text-align: center;
margin-bottom: 90px;
position: relative;
left: 0px;
padding: 0px;
}
#full-screen-modal .proof-image-container {
padding-bottom: 10px;
}
.project-description.col-lg-12.no-padding {
text-align: left;
color: #070908;
font-size: 1rem;
font-weight: 400;
line-height: 1.7;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
label.measure-field-label.col-lg-12 {
color: #1f50dc;
font-size: 16px;
padding-top: 8px;
font-weight: 400;
padding-bottom: 10px;
}
i.fas.fa-arrows-alt-h {
color: #1f50dc;
padding: 0px;
font-size: 19px;
position: relative;
right: -2px;
top: 14px;
width: 22px;
}
i.fas.fa-arrows-alt-v {
color: #1f50dc;
padding: 0px 8px;
font-size: 19px;
position: relative;
right: 3px;
top: 11px;
width: 20px;
}
i.light-gray.fas.fa-level-down-alt {
color: #c3c3c3;
font-size: 17px;
}
.iframe-url-changes {
position: absolute;
left: 22px;
top: -66px;
z-index: 9;
font-size: 22px;
}
.user-project-details {
margin-top: 20px;
padding: 13px 17px 70px;
}
label.fb-select-label, label.fb-text-label {
color: #1f50dc;
font-size: 17px;
padding: 15px 3px 0px 3px;
font-weight: 600;
}
label.rd-text-label {
color: #cf0923;
font-size: 16px;
padding: 15px 3px 0px 3px;
font-weight: 400;
}
#svg-preview-image-list {
width: min(242px, 100%);
height: 331.36px;
margin: 14px auto 0;
padding: 10px;
display: flex;
align-items: center;
justify-content: center;
border: 1px dashed #cbd5e1;
border-radius: 16px;
background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
overflow: hidden;
}
img#svg-custom-image-preview {
width: 100%;
height: 100%;
max-width: 242px;
max-height: 331.36px;
object-fit: contain;
display: block;
}
#uploadSvgImageModal {
z-index: 10000;
}
#uploadSvgImageModal.svg-upload-modal {
background: rgba(15, 23, 42, 0.62);
}
#uploadSvgImageModal .svg-upload-modal-dialog {
width: min(560px, calc(100vw - 28px));
max-width: 560px;
margin: 40px auto;
}
#uploadSvgImageModal .svg-upload-modal-content {
border: 0;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 30px 70px rgba(15, 23, 42, 0.24);
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
#uploadSvgImageModal .svg-upload-modal-body {
padding: 24px;
}
#uploadSvgImageModal .svg-cropper-header {
text-align: center;
margin-bottom: 18px;
}
#uploadSvgImageModal .svg-cropper-header h3 {
margin: 0;
font-size: 24px;
line-height: 1.2;
color: #0f172a;
}
#uploadSvgImageModal .svg-cropper-header p {
margin: 8px auto 0;
max-width: 420px;
color: #475569;
font-size: 14px;
}
#uploadSvgImageModal .svg-cropper-shell {
padding: 20px 16px 12px;
border-radius: 20px;
border: 1px solid #dbe5f0;
background:
radial-gradient(circle at top, rgba(148, 163, 184, 0.18), transparent 55%),
linear-gradient(180deg, #f8fafc 0%, #eef3f9 100%);
}
#uploadSvgImageModal .svg-cropper-stage {
display: flex;
justify-content: center;
align-items: center;
min-height: 420px;
}
#uploadSvgImageModal .croppie-container {
max-width: 100%;
}
#uploadSvgImageModal .croppie-container .cr-boundary {
border-radius: 18px;
box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.25);
}
#uploadSvgImageModal .croppie-container .cr-slider-wrap {
width: min(320px, 100%);
margin: 18px auto 4px !important;
}
#uploadSvgImageModal .svg-cropper-toolbar {
display: flex;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
margin-top: 16px;
}
#uploadSvgImageModal .svg-cropper-tool {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 14px;
border: 1px solid #cbd5e1;
border-radius: 999px;
background: #ffffff;
color: #0f172a;
font-size: 14px;
font-weight: 600;
box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
}
#uploadSvgImageModal .svg-cropper-tool:hover {
background: #f8fafc;
}
#uploadSvgImageModal .svg-cropper-actions {
margin-top: 18px;
display: flex;
justify-content: center;
}
#uploadSvgImageModal .profile-image-cropper-submit {
min-width: 220px;
border-radius: 999px;
padding: 12px 20px;
font-weight: 700;
box-shadow: 0 14px 30px rgba(22, 163, 74, 0.18);
}
@media (max-width: 640px) {
#uploadSvgImageModal .svg-upload-modal-dialog {
width: calc(100vw - 20px);
margin: 18px auto;
}
#uploadSvgImageModal .svg-upload-modal-body {
padding: 18px;
}
#uploadSvgImageModal .svg-cropper-stage {
min-height: 320px;
}
#uploadSvgImageModal .svg-cropper-toolbar {
gap: 10px;
}
#uploadSvgImageModal .svg-cropper-tool {
width: 100%;
justify-content: center;
}
#uploadSvgImageModal .profile-image-cropper-submit {
width: 100%;
min-width: 0;
}
}
.show-only-details-section {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2d2f35fa;
z-index: 9999;
display: flex;
opacity: 1;
justify-content: center;
align-items: center;
margin: 0;
text-align: center;
display: inline;
vertical-align: middle;
padding: 28%;
}
.show-only-details-section p {
color: #fff;
font-size: 25px;
font-weight: bold;
}
.email-content {
position: relative;
}
#toolbox-measure > span {
padding: 5px;
}
.btn-group.proof-tools {
position: relative;
}
span.comment-agree {
text-decoration: none;
padding: 0 10px;
cursor: pointer;
font-weight: 400;
display: none;
font-family: inherit;
}
span.comment-agree:hover {
color: #006eff;
}
.proof-comment-popup:hover span.comment-agree {
display: inline-flex;
position: inherit;
align-items: center;
}
span.comment-agree:before {
content: '•';
margin-right: 5px;
}
span.comment-agree {
padding: 0 10px;
cursor: pointer;
font-weight: 400;
display: none;
font-style: italic;
font-family: inherit;
color: #4b8fe2;
font-size: 14px;
position: absolute;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
padding-top: 1px;
line-height: 1;
}
button.btn.iframe-url-btn {
top: -22px;
background: #2196F3;
color: white;
margin: 0px;
left: 9px;
}
.thread-divider {
display: none;
}
.btn.btn-primary.create_user_supportcenter_notification {
border-radius: 44px;
border: white;
padding: 18px 40px;
}
.thread-divider:before, .thread-divider:after {
border-top: 2px solid #03a9f45c;
content: '';
display: table-cell;
position: relative;
top: .7em;
margin: 56px;
width: 45%;
}
.create_new_project_action.btn.btn-danger.btn.btn-round-radious {
border: 2px solid #cf0923;
background-color: #d62734;
color: white;
}
.start_new_button_container.has-proof-kickback-actions {
padding: 0;
}
.start_new_button_container > .create_new_project_action {
width: auto !important;
display: inline-block;
}
.start_new_button_container .proof-sidenav-kickback-actions {
margin-top: 8px;
}
.start_new_button_container .proof-sidenav-kickback-btn {
display: block;
margin: 12px 28px 10px;
border-radius: 1000px;
border: 2px solid #0d4b88;
background: #1363b3;
color: #fff;
font-weight: 700;
font-size: 12px;
padding: 8px 12px !important;
text-align: center;
width: 133px;
}
.start_new_button_container .proof-sidenav-kickback-btn.pt-admin-quick-project {
border-color: #39424e;
background: #4a5664;
}
.start_new_button_container .proof-sidenav-kickback-btn:last-child {
margin-bottom: 0;
}
.shipping_manager_line_body {
height: 31px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
span.agreed-user.tooltip-top {
padding: 1px 10px;
background: #4A90E2;
margin-left: 9px;
border-radius: 15px;
transition-delay: 0.06s;
transition: transform 0.6s cubic-bezier(0.065, 0.875, 0.13, 1);
position: relative;
width: 23px;
height: 23px;
}
span.agreed-user.tooltip-top i {
display: none;
}
span.agreed-user.tooltip-top .tooltip-smiley {
position: absolute;
left: -2px;
}
span.agreed-user.tooltip-top .tooltip-thumbsup {
position: absolute;
left: -5px;
bottom: -2px;
font-size: 8px;
}
span.agreed-user.tooltip-top:hover i {
display: inherit;
}
i.ni.ni-satisfied.tooltip-smiley {
color: white;
padding: 1px;
border-radius: 50px;
z-index: 1;
}
.ni-satisfied::before {
content: "\ea49";
background: #4c91e2;
border-radius: 12px;
padding: 2px;
}
.ni-like-2::before {
content: "\ea3d";
top: -3px;
position: relative;
left: 5px;
}
a.btn.col-lg-12.btn-marketplace-detail-order-now.btn-primary {
border-radius: 122px;
background: #27b578;
text-align: center;
opacity: 1;
padding: 20px;
margin: -6px auto 19px auto;
width: 75%;
display: block;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
color: #0b81ff;
white-space: pre-wrap;
font-weight: 800;
}
button.dropdown-toggle.btn.btn-primary.btn-round {
background: #ffffff !important;
}
a.btn.col-lg-12.btn-marketplace-detail-order-now {
font-size: 18px;
margin-bottom: 27px;
opacity: 0;
}
.proof-comment-popup {
margin: -6px 30px 27px 59px;
}
.proof-comment-popup figcaption {
font-style: italic;
font-size: 12px;
font-weight: 900;
text-align: center;
margin: -13px 0px 9px 0px;
border-bottom: 1px solid #c7c7c7;
line-height: 35px;
}
.tab-content.notificationicon-section > .active {
display: flex !important;
}
.nav-wrapper.notification-section {
background: #fff;
padding: 10px 0;
}
.nav-wrapper.notification-section ul {
border-color: transparent !important;
}
.nav-wrapper.notification-section ul a {
color: #000;
font-size: 22px;
}
.nav-wrapper.notification-section ul li.active a {
background: #2dce89;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
border-radius: 15px;
color: #fff;
font-weight: bold;
}
.redcore-pro.lineup {
background-position: center;
background-blend-mode: color-burn;
color: white;
background: linear-gradient(87deg, #8a0100 0, #ef3719 100%) !important;
overflow: hidden;
position: relative;
z-index: 0;
}
.visibility-hidden {
visibility: hidden !important;
}
.soft-blue {
color: #d81204;
font-family: 'AvantGardeLT-Bold';
font-size: 3em;
letter-spacing: -2px;
user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
letter-spacing: -1px;
max-width: 663px;
margin: auto;
padding-bottom: 20px;
}
.form-control {
border: 1px solid #bec0c3;
}
#redcore-page-title {
font-family: 'AvantGardeLT-Bold';
font-size: 2.4em;
color: #d2d7e0;
letter-spacing: -1.5px;
display: flex;
align-items: center;
}
.paper__large {
padding: 9% 12% !important;
}
.navbar {
padding: 6px;
}
.main-content {
padding-top: 38px !important;
}
.alert.alert-danger.not-awailable-notification {
margin: 18px 23px -5px 23px;
background: #515763;
padding: 10px 16px;
border: none;
}
.proof-information-container {
padding: 1px 22px;
}
span.agreed-user.tooltip-top .tooltip-smiley:hover {
-moz-transition-duration: 0s, 0.24s, 0.24s;
-o-transition-duration: 0s, 0.24s, 0.24s;
-webkit-transition-duration: 0s, 0.24s, 0.54s;
transition-duration: 0s, 0.43s, 8s;
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-webkit-transform: scale(1.4);
transform: scale(1.4);
-moz-box-shadow: 0 7px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 7px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 8px 7px rgba(0, 0, 0, 0.12);
height: 20px;
width: 20px;
-moz-border-radius: 60px;
-webkit-border-radius: 54px;
-moz-transform: scale(0.5);
-ms-transform: scale(0.4);
-webkit-transform: scale(0.4);
transform: scale(1.50);
-moz-transition: opacity 0.48s linear, -moz-transform 0.24s cubic-bezier(0.065, 0.975, 0.125, 1.425), box-shadow 0.24s cubic-bezier(0.065, 0.875, 0.225, 1.525);
-o-transition: opacity 0.48s linear, -o-transform 0.24s cubic-bezier(0.065, 0.975, 0.125, 1.425), box-shadow 0.24s cubic-bezier(0.065, 0.875, 0.125, 1.425);
-webkit-transition: opacity 1111s linear, -webkit-transform 0.24s cubic-bezier(0.065, 0.975, 0.125, 1.425), box-shadow 0.24s cubic-bezier(0.065, 0.875, 0.125, 1.425);
-moz-transition-delay: 0.003s;
-o-transition-delay: 0.003s;
-webkit-transition-delay: 0.003s;
transition-delay: 0.03s;
opacity: 0;
border: 1px solid white;
}
span.agreed-user.tooltip-top .tooltip-thumbsup {
position: absolute;
left: -12px;
bottom: -6px;
text-shadow: 1px 1px 4px #00000059;
color: white;
-webkit-text-stroke: 1px #4a90e2;
font-size: 15px;
-moz-transition-delay: 1.034s;
-o-transition-delay: 1.034s;
-webkit-transition-delay: 1.034s;
transition-delay: 1.34s;
-moz-transition-duration: 0s, 0.24s, 0.24s;
-o-transition-duration: 0s, 0.24s, 0.24s;
-webkit-transition-duration: 0s, 0.24s, 0.54s;
transition-duration: 0s, 0.43s, 8s;
-moz-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
z-index: 2;
}
#comment-area .nav {
margin: 15px 0px 23px 24px;
}
.btn-group.proof-card-tag.view-desktop-only {
margin: -1px;
}
.comment_approver {
font-size: 9px;
font-weight: 900;
background: #2dce89;
color: white;
width: 100%;
padding: 4px 8px 4px 5px;
border-radius: 46px;
margin: 5px 7px;
position: relative;
top: -2px;
}
.ck.ck-editor__editable_inline >:last-child {
font-weight: 400;
}
.comment-box-container .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, .comment-box-container .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
padding: 1px 6px;
top: 7px;
position: relative;
border-bottom: 1px solid #00000073;
}
.comment-box-container .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
border-radius: 6px !important;
color: #404040 !important;
}
.ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable, .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
border-radius: 9px !important;
margin-bottom: 12px;
padding: 2px 22px;
}
.comment {
padding-top: 12px;
}
#notify_designer_email_btn {
background: #4a90e2;
border: #4a90e2;
border-radius: 54px;
background: #569ed8;
border: #5a5b5d;
border-radius: 54px;
padding: 6px 18px;
font-size: 12px;
top: -29px;
right: 0px;
z-index: 999;
margin-top: 12px;
border: 2px solid white;
box-shadow: none;
}
.comment-wrapper:last-child {
border-bottom: 1px solid #4a90e2;
max-width: 427px;
position: relative;
top: 21px;
}
.reply {
padding-top: 1px;
margin: 15px 0px 0px 0px;
position: relative;
right: 0;
left: 57px;
}
.comment-wrapper {
padding: 30px 40px 35px;
margin-top: -26px !important;
width: 100vw;
max-width: 467px;
background: white;
transition: .1s;
border-bottom: 1px solid #cacaca;
}
.redcoreSiteSearchContainer span.close_search_field {
right: 117px !important;
color: #858a92;
}
.pure-u .avatar {
border-radius: 100px;
width: 41px;
height: 41px;
margin-top: 0px;
padding: 0px;
min-width: 40px;
}
.create-project-new-image, .approve-request-quote-proof {
background: transparent;
border: 1px solid #6f6f6f;
border-radius: 21px;
width: 100%;
overflow: hidden;
word-wrap: break-word;
font-size: 12px;
}
@media (min-width: 60em) {
.proof-image-container-wrapper {
padding: 0px 0px 72px 20px !important;
width: 100%;
}
}
.project-card-title-2 {
font-size: 1.2rem !important;
}
.title-count-notification {
margin-left: 6px;
}
.shrinkmore {
transform-origin: top center;
width: 53%;
margin: auto;
transition: .5s;
}
.content .educate_content {
padding: 16px;
}
.nav-pills li {
width: 50%;
}
#proof-user-add-section .nav-pills li {
width: 49%;
}
.proof-image-overlay {
cursor: cell;
}
#main {
height: auto !important;
}
.expire-text {
background: #ededed;
font-weight: 600;
display: inline-block;
padding: 2px 10px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
text-align: center;
vertical-align: middle;
white-space: nowrap;
border: 1px solid transparent;
margin-bottom: 31px;
font-size: 12px;
width: 100%;
}
.iframe-url-changes:after {
content: 'Loading...';
min-width: 100px;
min-height: 100px;
padding: 10px;
position: relative;
top: 105px;
top: 105px;
font-weight: 900;
font-size: 44px;
position: relative;
left: -1px;
}
.launch-img {
}
button.btn.btn-primary.create_new_project_action.promo-button, button.btn.btn-primary.create-new-company-user.promo-button {
background: #de0201;
color: white;
border: 6px solid white;
}
.guy-img {
background-image: url('https://redcore.com/core/templates/assets/images/redcore-guy.jpg') !important;
background-position: center !important;
}
button#triggerProofUpdateNotification {
border-radius: 45px;
bottom: 38px;
margin: auto;
font-size: 12px;
position: fixed;
padding: 6px 17px;
}
.child.order-history-approver-name.col-lg {
font-size: 11px;
padding: 13px 0px;
color: #009a30;
font-weight: 500;
min-width: 210px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 4px;
}
.proof-user-images.my-3.col-md-12 {
text-align: center;
}
#proof-view .email-content-header {
position: relative;
}
.order-history-invoice.border-right-2 {
color: #1976bf;
}
span.btn.btn-danger.product-shop-notification {
position: absolute;
top: 68px;
width: 100%;
z-index: 3;
font-size: 9px;
text-align: center;
padding: 3px 7px;
text-transform: uppercase;
background: #b400ff;
border-color: #9C27B0;
box-shadow: 0px 1px 2px #00000047;
color: white;
border-radius: 97px;
width: 89px;
text-align: center;
margin: 9px;
font-weight: 900;
}
.btn-warning {
color: #fff;
border-color: #cf170f;
background-color: #e21409;
box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
text-align: center;
margin: auto 20%;
border-radius: 40px;
}
.add-company-profile .btn-group.bootstrap-select {
margin: 0;
}
h4.h4.text-white.d-inline-block.mb-0 {
padding: 0px 0px 22px 0px;
}
.add-company-profile button.dropdown-toggle.btn.btn-primary.btn-round {
margin: 0;
}
.show_hide {
position: relative;
}
.show_hide .row {
position: relative;
}
.showhide-status-label {
position: absolute;
left: 15px;
width: 52px;
top: 3px;
text-align: center;
font-size: 10px;
cursor: pointer;
}
.showhide-notes {
width: 65%;
}
.inner-proof-drag-and-drop {
padding: 18px 0;
background: #22272a;
border-radius: 6px;
font-size: 12px;
width: 100%;
height: 59px;
align-items: center;
text-align: center;
display: inline-grid;
margin-top: 6px;
color: white;
border: 1px dashed #ffffff66;
}
.lineup-2 {
background: #4a6f94;
text-align: center;
padding: 40px 16px 75px 16px;
font-size: 37px;
font-weight: 700;
border: 1px solid #525f7f63;
border-radius: 7px;
margin-top: 54px;
background-position: center !important;
}
.dashboard-stats {
height: 32px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 88%;
position: absolute;
}
#hit-right {
position: relative;
top: 0px;
}
.btn.btn-white-color.btn-primary {
border-color: #a72124;
}
.avatar img {
background: #c9c9ce;
}
#current_clients {
background: linear-gradient(45deg, #ff1100, #a51b1c);
background: white;
z-index: 999;
border-top: 2px solid red;
}
#client_list_option_online.multiple-users-list:after {
content: attr(data-after);
}
#client_list_option_online.single-user-list:after {
content: '1 Proof Viewer';
}
#client_list_option_online:after {
content: 'Proof Viewers';
color: #d60a0b;
padding: 8px;
top: 3px;
position: relative;
}
#close-modal-button {
color: #056ae5;
}
#client_list_option_online a div.mCS_img_loaded {
top: -14px;
position: absolute;
}
button.quick-article-edit-tag.card-options-btn.btn.btn-sm.btn-neutral.mr-0 {
top: -34px;
right: 5px;
float: right;
}
.above-label {
color: #2ba1ff;
}
#marketPlaceView-Slidermain {
cursor: ew-resize;
}
.main-container-marketplace .gallery-thumbs {
cursor: ns-resize;
}
.comment-box-icon i {
cursor: pointer;
}
span.wit-marg {
width: 40.7%;
}
.main-proof-option {
position: fixed;
background: #ebebeb;
right: 21px;
padding: 3px;
border-radius: 52px;
top: 22px;
}
.email-content .main-proof-option {
z-index: 9999;
}
.card.card-profile.card-profile-first {
margin-bottom: 10px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
background: linear-gradient(87deg, #ca1928 0, #2b3783 100%);
}
#profile-acc-section .profile-password-hide, #profile-acc-section .profile-dcard-hide {
color: #ce2d2d;
}
iframe.col-lg-12.p-0 {
height: 95vh !important;
}
.wid-it {
width: 100%;
padding: 0px 12px;
border: 0px solid #bec0c3;
margin-bottom: 8px;
margin-right: 9px;
border-radius: 3px;
height: 46px;
font-size: 14px !important;
color: #898989;
border: 1px solid #bec0c3;
}
.showhide-notes {
width: 65%;
padding: 10px;
position: relative;
top: -7px;
}
label.fb-sizeMeasure-label {
display: none;
}
.placeholder_list_drag .row {
padding: 16px 0px;
}
.start-website-container a {
color: #2196f3;
border-radius: 57px;
padding: 6px 10px;
background: #edeeef;
}
.inner-proof-drag-and-drop {
padding: 13px 0 !important;
background: #3d454a;
border-radius: 5px !important;
font-size: 12px;
width: 100%;
height: 47px !important;
align-items: center;
text-align: center;
display: inline-grid;
margin-top: 0px !important;
color: white;
border: 1px dashed #ffffff66 !important;
}
.inner-proof-drag-and-drop h5 {
color: white;
}
#redcore-Popular-items .card-body .sub-title-pad p {
min-width: 500px;
color: #ffffff;
font-size: 13px;
visibility: hidden;
}
#redcore-Popular-items .card-body {
background: #ffffff;
border-radius: 14px;
padding: 25px 28px !important;
}
#redcore-Popular-items .card-body .project-title-card {
color: #505a69;
}
#redcore-Popular-items .card-body .card-spacer .btn-marketplace-order-now {
background: #babdc3d1;
color: #505a69;
}
h2.dashboard-status-titles.baskaran {
padding: 24px 0px 20px 1px;
}
.da-btn {
background: #de0201;
color: white;
}
.proof-list-title.show_hide_proof_only {
float: initial;
margin-right: 0;
padding: 4px 6px 16px 9px;
}
.dark {
color: #505a69;
font-family: 'AvantGardeLT-Bold';
}
.swal2-modal .swal2-close {
cursor: pointer;
}
.col-lg-3.col-md-12.col-sm-12.placeholder-information.start-website-container .btn-primary {
background: red;
border-radius: 44px;
border: white;
padding: 18px 40px;
}
button#saveAdminCss {
background: #dc0000;
border-radius: 44px;
border: white;
padding: 18px 40px;
}
.card {
border-radius: 13px;
background: #ebedf1;
box-shadow: 1px 3px 12px rgb(44 64 113 / 7%);
margin-bottom: 35px;
cursor: pointer;
}
.card.invoice-outstanding {
background: #b8a2de;
}
span.red-only {
color: #393937;
background: rgb(3 169 244 / 21%);
padding: 4px 8px;
border-radius: 54px;
}
p.expire-text.red-alert {
background: #ce2b2b;
color: #fff;
}
.sub-label-card .no-card.no-cardy {
background: transparent;
box-shadow: none;
margin: 0;
}
.sub-label-card h4 {
color: #748092 !important;
cursor: pointer;
}
.trigger.proof_bottom_contact_section:after {
display: block;
content: ' ';
position: absolute;
top: 0;
right: 0;
transform: translate(2%, 39%);
width: 25%;
height: 24%;
border-radius: 999px;
border: 2px solid white;
background: #2af132;
visibility: visible;
}
.fab .trigger {
overflow: visible;
}
@media (min-width: 1200px) {
.card-line-separator {
width: 50%;
}
}
@media (max-width: 1688px) {
.card-line-separator {
width: 38%;
}
}
button.iframe-url-btn {
padding: 2px;
}
.btn-radius-option {
border-radius: 15px;
padding: 10px 40px;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
margin: 5px 0;
}
.button-loader {
width: 20px;
visibility: visible;
margin-right: 10px;
}
.copy_container label {
display: none;
}
.image-preview-container img.project-thumbnail {
border-radius: 0px !important;
}
.trigger.proof_bottom_contact_section:after {
display: block;
content: ' ';
position: absolute;
top: 0;
right: 0;
transform: translate(2%, 39%);
width: 25%;
height: 24%;
border-radius: 999px;
border: 2px solid white;
background: #2af132;
visibility: visible;
}
.permission-website-container {
}
.fab .trigger {
overflow: visible;
}
.reply {
max-height: 25px;
}
h4.h4.text-white.d-inline-block.mb-0 {
padding: 0px 0px 22px 0px;
}
span.btn.btn-danger.product-shop-notification {
z-index: 3;
}
.feedback-user-avatar-container .support-feedback-avatar-image:after {
display: block;
content: ' ';
position: absolute;
top: 0;
right: 0;
transform: translate(2%, 39%);
width: 25%;
height: 24%;
border-radius: 999px;
border: 2px solid white;
background: #2af132;
visibility: visible;
}
.dark-mode .intercom-button:before {
content: '';
position: absolute;
max-width: 0px;
left: 0px;
top: 0px;
background: #626876;
float: left;
color: white;
border-radius: 45px;
padding: 0;
box-shadow: none;
font-size: 0px;
}
div.inner-progressbar-main {
position: fixed;
top: 0;
left: 0;
bottom: 75px;
right: 55px;
width: 200px;
left: 23px;
margin: 0px;
bottom: 58px !important;
top: 88%;
}
button.btn.btn-sm.dropdown-toggle.bs-placeholder.btn-default {
width: 198px;
}
img.sign-up-logo {
display: none;
}
@media only screen and (max-width: 1300px) {
.form-title-slider-height {
display: none;
}
img.sign-up-logo {
display: block;
bottom: 5px;
position: fixed;
right: 9px;
}
.inner-form-main-contaner.register-form .align-items-center.active {
margin: auto auto !important;
}
.proof-submitted-user-name {
display: none;
}
}
@media only screen and (max-width: 1000px) {
.web-manager-edit-btn {
top: -49px;
}
.support-center-search-section form {
margin-top: 0px;
}
}
p {
font-weight: 400;
word-wrap: break-word;
}
.btn.measure_calculator.bg-dark {
height: auto;
text-align: center;
margin: 25px 0px 11px 0px;
padding: 9px 0px;
width: 100%;
font-size: 23px !important;
background: #d8d8d8 !important;
border-radius: 40px;
}
.click-to-trigger-stats {
cursor: pointer;
}
.proof-view-loader {
position: absolute;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
top: 0;
display: inline-flex;
background: #eee;
opacity: 0.9;
z-index: 99;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
right:0px;
}
span.project_order_submit_start_over, span.quote_request_project_order_submit {
font-weight: bold;
font-size: 9px;
cursor: pointer;
padding: 4px 10px;
display: block;
text-align: center;
border: 1px solid #bec0c3;
border-radius: 43px;
width: 192px;
display: inline;
margin: 2px !important;
}
.like-count {
position: absolute;
bottom: 10px;
font-size: 22px;
cursor: pointer;
background: #eee;
padding: 10px;
border-radius: 38px;
border: 2px solid #b5b5b5;
box-shadow: 0px 6px 12px #2e374217;
right: 7px;
}
.like-count i {
-webkit-text-stroke: 2px #b5b5b5;
}
.like-count.favouriteProduct i {
-webkit-text-stroke: 2px #ff5353;
}
.like-count:hover {
background: #d40000;
}
#marketPlaceView-SliderThumbnail .like-count {
display: none;
}
#marketPlaceView-Slidermain .swiper-pagination .swiper-pagination-bullet {
opacity: 0.8;
}
p.sub-title-pad-dd.text-red {
color: #f5365c !important;
font-weight: 900;
}
span.search-switchers {
position: absolute;
right: -9px;
top: 10;
z-index: 999999 !important;
background: #e8e9e8;
border-radius: 43px;
padding: 0px 1px 0px 4px;
}
span.search-switchers-btn.active-btn {
background: #ffffff !important;
border-radius: 115px;
}
span.search-switchers-btn {
font-size: 10px;
padding: 5px 9px;
cursor: pointer;
top: 5px;
}
.search-switchers-btn:nth-child(1) {
border-radius: 100px;
margin-right: 0px !important;
background: #e8e9e8 !important;
border: 1px solid #e2e2e2;
color: #9a9a9a;
box-shadow: none;
}
span.search-switchers-btn[data-action="proofs"]:active {
background: black;
}
span.search-switchers-btn.active-btn[data-action="projects"] {
background: #ffffff !important;
border-radius: 115px !important;
}
span.search-switchers-btn[data-action="projects"] {
border-radius: 100px;
margin-left: -4px;
background: #e8e9e8 !important;
border: 1px solid #e2e2e2;
color: #9a9a9a;
box-shadow: none;
}
.redcoreSiteSearchContainer span.close_search_field {
right: 117px !important;
color: #858a92;
}
.container-2 {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
.container-2.lineup.launch-img {
max-width: 799px;
border-radius: 421px;
padding-top: 22px;
margin-bottom: 300px;
margin-top: 63px;
}
span.copy-close-element {
position: absolute;
right: 19px;
bottom: 23px;
padding: 12px;
background: #d6d6d6;
cursor: pointer;
border-radius: 0px 1px 1px 0px;
}
span.copy-close-element:hover {
background: #a7a7a7;
color: white;
}
span.copy-close-element:active {
background: #909090;
box-shadow: inset 0px 0px 3px black;
}
.form-control.mark-check.form-builder-input {
background-position: 90% center !important;
}
.rendered-form .fb-text.form-group {
position: relative;
}
h5.slightly-smaller.subtitle {
font-size: 0.9rem;
padding-top: 19px;
text-align: left;
}
span.btn.btn-product_link.btn-success, span.btn.product-tracking-number-save.btn-success {
padding: 5 10px;
margin: 0;
position: absolute;
right: 5px;
bottom: 8px;
border-radius: 15px;
font-size: 12px;
}
.proof-tracking-suggestion-list {
display: none;
width: 100%;
margin: 0 0 8px;
gap: 8px;
flex-wrap: wrap;
}
.proof-tracking-suggestion-list.is-visible {
display: flex;
}
.proof-tracking-suggestion-chip {
display: inline-flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
padding: 8px 11px;
border-radius: 14px;
border: 1px solid rgba(12, 93, 180, 0.14);
background: #f8fbff;
color: #0b2b50;
cursor: pointer;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}
.proof-tracking-suggestion-chip:hover {
border-color: rgba(12, 93, 180, 0.28);
background: #eef6ff;
}
.proof-tracking-suggestion-number {
font-size: 13px;
font-weight: 800;
line-height: 1.2;
}
.proof-tracking-suggestion-meta {
font-size: 11px;
line-height: 1.3;
color: #667085;
text-align: left;
}
.inner-section-admin-view .ck.ck-content {
width: 100%;
}
.btn.btn-delete-proof-image {
position: absolute;
top: 0;
left: 0;
padding: 5px 20px;
font-size: 12px;
background: #fff;
border-radius: 20px;
z-index: 99999;
}
.proof-older-day {
color: #888888;
font-size: 12px;
font-weight: bold;
}
.copy-proof-url {
top: 10px;
width: 100%;
}
.container-complete {
width: 100%;
margin-right: auto;
margin-left: auto;
}
.comment-bottom-container {
position: fixed;
bottom: 0;
background: #fff;
box-shadow: 2px -7px 10px -2px #00000014;
}
.proof-typing-indicator {
text-align: justify;
padding: 2px 33px;
position: absolute;
margin-top: 12px;
font-size: 12px;
font-weight: 900;
}
.red-cancel {
position: absolute;
bottom: 20px;
left: 117px;
}
.red-reply {
padding: 13px 26px 13px 31px;
position: relative;
top: 4px;
}
h2.dashboard-status-titles {
justify-content: center;
align-items: center;
display: inline-flex;
}
span.proof-page-loader {
background: url('/core/templates/assets/img/proof-loader.gif');
padding: 10px;
display: inline-flex;
background-repeat: no-repeat;
height: 29px;
width: 40px;
}
span.proof-page-loader:before {
content: 'Select at address above';
position: absolute;
top: 43px;
text-align: center;
right: 130px;
font-size: 14px;
color: #FF5722;
font-weight: 900;
}
#search > h2.dashboard-status-titles {
display: inherit !important;
}
#show-more-response_needed, #show-more-production_hold, #show-more-unapproved, #show-more-received, #show-more-approved, #show-more-my_uploads, #show-more-shipped, #show-more-delivered {
padding: 4px 13px;
border-radius: 43px;
margin: auto !important;
cursor: pointer;
width: 151px;
}
#show-more-response_needed, #show-more-production_hold, #show-more-unapproved, #show-more-received, #show-more-approved, #show-more-my_uploads, #show-more-shipped, #show-more-delivered:hover {
background: #6e7380;
color: white;
}
.navbar-vertical .navbar-nav .nav-link {
cursor: pointer;
padding: 13px 33px !important;
}
.circle-avatar {
z-index: 1;
}
.fixed-status-bar .badge-pill {
margin-bottom: 19px !important;
}
.proof-view-loader img {
width: 36px !important;
}
.proof-view-loader {
background: #ffffff;
border-radius: 11px;
}
div#top-notification-display {
position: fixed;
width: 216px;
bottom: 39px;
left: 17px;
z-index: 9999;
}
.swal2-close {
text-decoration: none;
}
.pure-u .avatar {
background: #dedede;
}
@media only screen and (max-width: 600px) {
#redcore-expire-coun, .expire-title {
display: none !important;
}
.hide-mob {
display: none !important;
}
div#site-top-notification a {
font-size: 9px;
}
#top-notification-display {
display: none !important;
}
.intercom-button:before {
display: none !important;
}
}
@media only screen and (min-width: 1200px) {
.sidenav-toggler-inner {
display: none;
}
a.btn.col-lg-12.btn-marketplace-detail-order-now.btn-primary:hover {
opacity: 0.9 !important;
border: 2px solid white;
}
}
.comment-box-icon i:hover {
-moz-transition-duration: 0s, 0.24s, 0.24s;
-o-transition-duration: 0s, 0.24s, 0.24s;
-webkit-transition-duration: 0s, 0.24s, 0.54s;
transition-duration: 0s, 0.43s, 8s;
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
-moz-box-shadow: 0 7px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 7px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 8px 7px rgba(0, 0, 0, 0.12);
-moz-transform: scale(0.3);
-ms-transform: scale(0.3);
-webkit-transform: scale(0.3);
transform: scale(1.3);
-moz-transition: opacity 0.48s linear, -moz-transform 0.24s cubic-bezier(0.065, 0.975, 0.125, 1.425), box-shadow 0.24s cubic-bezier(0.065, 0.875, 0.225, 1.525);
-o-transition: opacity 0.48s linear, -o-transform 0.24s cubic-bezier(0.065, 0.975, 0.125, 1.425), box-shadow 0.24s cubic-bezier(0.065, 0.875, 0.125, 1.425);
-webkit-transition: opacity 1111s linear, -webkit-transform 0.24s cubic-bezier(0.065, 0.975, 0.125, 1.425), box-shadow 0.24s cubic-bezier(0.065, 0.875, 0.125, 1.425);
-moz-transition-delay: 0.003s;
-o-transition-delay: 0.003s;
-webkit-transition-delay: 0.003s;
transition-delay: 0.03s;
cursor: pointer;
}
.comment-box-icon i:hover, .comment-box-container.comment-floating-container .comment-wrapper:hover .comment-box-icon i {
-moz-transition-duration: 0s, 0.24s, 0.24s;
-o-transition-duration: 0s, 0.24s, 0.24s;
-webkit-transition-duration: 0s, 0.24s, 0.54s;
transition-duration: 0s, 0.43s, 8s;
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-webkit-transform: scale(1.3);
transform: scale(1.3);
-moz-box-shadow: 0 7px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 7px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 8px 7px rgba(0, 0, 0, 0.12);
-moz-transform: scale(0.3);
-ms-transform: scale(0.3);
-webkit-transform: scale(0.3);
transform: scale(1.3);
-moz-transition: opacity 0.48s linear, -moz-transform 0.24s cubic-bezier(0.065, 0.975, 0.125, 1.425), box-shadow 0.24s cubic-bezier(0.065, 0.875, 0.225, 1.525);
-o-transition: opacity 0.48s linear, -o-transform 0.24s cubic-bezier(0.065, 0.975, 0.125, 1.425), box-shadow 0.24s cubic-bezier(0.065, 0.875, 0.125, 1.425);
-webkit-transition: opacity 1111s linear, -webkit-transform 0.24s cubic-bezier(0.065, 0.975, 0.125, 1.425), box-shadow 0.24s cubic-bezier(0.065, 0.875, 0.125, 1.425);
-moz-transition-delay: 0.003s;
-o-transition-delay: 0.003s;
-webkit-transition-delay: 0.003s;
transition-delay: 0.03s;
cursor: pointer;
}
.dz-preview h4.mb-1 {
position: relative;
}
.rendered-form .form-control {
margin-top: 16px;
}
.intercom-button .intercom-icon--launcher {
cursor: pointer;
}
.comment img {
cursor: zoom;
}
.fall-1-5s.text-center.quickcard-show-all {
display: none;
}
#main-support-admin-monthly {
margin-top: -8px !important;
}
#main-support-content > section {
padding-top: 0px;
}
section#section-4 {
padding-top: 75px;
}
.content .educate_content {
padding: 0px 16px;
margin-top: -19px;
}
span.red {
color: #af0000;
}
button.btn.col-lg-12.btn-default.trigger-show-proof-dropzone, button.btn.col-lg-12.btn-default.trigger-show-svg-dropzone, .user-file-upload-trigger-btn, .trigger-show-vote-dropzone {
border-color: #bec0c3;
background-color: #f4f4f6;
padding: 15px;
color: #2b3742;
text-align: left;
font-size: 15px;
font-weight: 400;
border: 1px dashed;
box-shadow: none;
margin-top: -6px;
margin: 0px;
}
button.btn.col-lg-12.btn-default.trigger-show-proof-dropzone, .trigger-show-vote-dropzone {
color: #2050dc;
}
button#show-more-new_project-received {
border-radius: 56px;
padding: 3px 15px;
margin-bottom: 23px;
}
.higher-Priority, .comment-box-container.show-element-block {
z-index: 999;
}
.ifram-drak-bg {
background: #2b2f33 !important;
}
.comment-box-icon .redcore-btn {
padding: 9px 53px 32px 30px !important;
}
.comment-box-icon {
box-shadow: 0 14px 42px 0 rgba(0, 0, 0, 0.81);
}
.comment-box-icon .redcore-btn .ni-send {
padding: 3px;
background: rgba(214, 9, 11, 0);
color: white;
border: none;
box-shadow: none;
}
.proof-view-countdown-container #add-new {
width: 100px;
background: #eeeeef;
padding: 4px;
border-radius: 5px;
position: relative;
left: 20px;
top: -52px;
margin: 0px;
}
iframe.col-lg-12.p-0 {
border: 1px solid black;
border: none;
}
.proof-image-create-project {
border: none;
}
.card-body .icon {
display: none;
}
.dropzone:hover {
background-size: 30px 30px;
background-image: -webkit-linear-gradient(135deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
background-image: linear-gradient(-45deg, #F6F6F6 25%, transparent 25%, transparent 50%, #F6F6F6 50%, #F6F6F6 75%, transparent 75%, transparent);
-webkit-animation: stripes 2s linear infinite;
animation: stripes 2s linear infinite;
}
.dropzone {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #f9f9f9;
color: #b9b9b9;
border: 1px solid #ced4da;
}
.dropzone {
display: block;
position: relative;
cursor: pointer;
overflow: hidden;
width: 100%;
max-width: 100%;
height: 200px;
padding: 5px 10px;
font-size: 14px;
line-height: 22px;
color: #777;
background-color: #FFF;
background-image: none;
text-align: center;
border: 2px solid #E5E5E5;
-webkit-transition: border-color .15s linear;
transition: border-color .15s linear;
}
.comment-box-container.comment-floating-shape-container.show-element-block, .comment-box-container.comment-floating-container .comment-wrapper.show-element-block {
border: 2px solid #dadada;
margin: 0;
border-radius: 6px !important;
min-width: 300;
padding: 17px 7px 0px 12px;
}
.comment-box-container.comment-floating-container .comment-wrapper.show-element-block .circle-avatar {
border: none;
background: none;
box-shadow: none;
}
.comment-container-floating .circle-avatar {
width: 0;
height: 0;
margin: -7px -7px -9px -3px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
-webkit-border-radius: 99em;
border-radius: 99em;
border: 0px solid #FFF;
box-shadow: none;
background-color: rgba(204, 0, 51, 0);
z-index: 0;
}
.floating-comment-box .comment {
padding: 6px;
text-align: left;
color: #565867;
}
.production_hold, #redcore-production_hold-count, #redcore-awaiting_response-count, #proof-title-notification, .production_hold, .production-progress-bar.shipping-status-warning {
-webkit-animation: NAME-YOUR-ANIMATION 1s infinite;
-moz-animation: NAME-YOUR-ANIMATION 1s infinite;
-o-animation: NAME-YOUR-ANIMATION 1s infinite;
animation: NAME-YOUR-ANIMATION 1s infinite;
}
.alert.company-top-notification {
position: relative;
overflow: visible;
}
.alert.company-top-notification::after {
content: "";
position: absolute;
top: -8px;
left: -8px;
width: 16px;
height: 22px;
border-radius: 999px;
background: #ffffff;
border: 4px solid #ff2a2a;
box-shadow: 0 0 0 0 rgba(229, 0, 0, .45);
animation: companyNotificationPulse 1.2s ease-in-out infinite;
pointer-events: none;
}
@keyframes companyNotificationPulse {
0%, 100% {
transform: scale(1);
opacity: 1;
box-shadow: 0 0 0 0 rgba(229, 0, 0, .42);
}
50% {
transform: scale(1.14);
opacity: .86;
box-shadow: 0 0 0 10px rgba(229, 0, 0, 0);
}
}
@-webkit-keyframes NAME-YOUR-ANIMATION {
0%, 49% {
background-color: rgb(171, 19, 18);
}
50%, 100% {
background-color: #e50000;
}
}
.proof-information-container .measure-field-bg {
background: #ececec;
border-radius: 5px !important;
color: #585858;
padding: 0px 7px 0px 0px;
max-width: 179px;
}
.intercom-button:before {
font-size: 12px;
}
.mt-3, .my-3 {
margin-top: 2rem !important;
}
.material-icons {
text-rendering: optimizeLegibility;
}
.proof-grid-switch {
right: 0;
bottom: -40px;
background: #ffffff;
padding: 2px 2px;
align-items: center;
border-radius: 45px;
display: flex;
flex-direction: row;
margin: 0px 3px;
border: 1px solid #edeeef;
}
.proof-grid-column[data-grid-action="list"] .card {
margin: 0px !important;
border-radius: 0px !important;
}
.status-group {
border-bottom: 1px solid rgba(0, 0, 0, 0.14);
padding-top: 11px;
}
.accordion .collapse .comment {
text-align: inherit !important;
}
button.grid-switch-btn {
font-size: 10px;
padding: 6px 12px;
border-radius: 45px;
background: transparent;
}
button.grid-switch-btn.active-btn {
background: #e8e9e8;
}
span.project_order_submit_start_over:hover, span.quote_request_project_order_submit:hover {
background: #545454;
color: white;
}
.proof-grid-column.col-lg-12.col-xl-12 .card-body .avatar-xl {
width: 47px !important;
height: 47px !important;
}
.proof-grid-column.col-lg-12.col-xl-12 .card-body .badge-pill {
border-radius: 10rem;
padding: 7px 13px;
right: 13px;
position: absolute;
top: 18px;
}
p.approval-message {
font-size: 12px;
}
.approve-select-shipping-address-bottom:not(.hide) ~ p.approval-message,
.approve-select-shipping-address-bottom:not(.hide) ~ .paynow-divider {
display: none;
}
.proof-approval-primary-action,
.proof-approval-secondary-action {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
}
.proof-approval-primary-action {
margin-top: 8px;
}
.proof-approval-secondary-action {
margin-top: 8px;
}
.proof-approval-primary-action button.final-approve-button,
.proof-approval-secondary-action button.proof-pay-and-approve {
display: inline-flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-left: auto;
margin-right: auto;
max-width: 380px;
text-align: center;
width: 100%;
}
.proof-approval-primary-action button.final-approve-button {
min-height: 62px;
padding: 16px 22px;
flex-direction: row;
gap: 8px;
}
.proof-approval-secondary-action button.proof-pay-and-approve {
min-height: 74px;
padding: 12px 22px;
border-radius: 999px;
}
.final-approve-button-title {
display: inline-flex;
font-size: 16px;
font-weight: 800;
letter-spacing: 0.01em;
line-height: 1.1;
}
.final-approve-button-term {
background: rgb(255 255 255 / 18%);
border: 1px solid rgb(255 255 255 / 35%);
border-radius: 999px;
color: #fff7b2;
display: inline-flex;
flex: 0 0 auto;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.1em;
line-height: 1;
margin-left: 0;
padding: 5px 8px;
}
.paynow-divider {
align-items: center;
color: #4f5565;
display: flex;
font-size: 13px;
font-weight: 800;
justify-content: center;
letter-spacing: 0.12em;
margin: 14px 0 12px;
text-align: center;
}
.paynow-divider::before,
.paynow-divider::after {
background: rgb(15 23 42 / 18%);
content: '';
flex: 1 1 auto;
height: 1px;
margin: 0 12px;
}
.paynow-divider span {
display: inline-block;
line-height: 1;
}
.proof-pay-and-approve-title {
display: block;
font-size: 18px;
font-weight: 800;
letter-spacing: 0.01em;
line-height: 1.1;
}
.proof-pay-and-approve-subtitle {
display: block;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.01em;
line-height: 1.2;
margin-top: 5px;
text-decoration: underline;
text-underline-offset: 3px;
text-transform: none;
width: 100%;
}
.proof-pay-and-approve-terms {
color: #54627b;
font-size: 11px;
line-height: 1.35;
margin-top: 8px;
text-align: center;
}
.proof-pay-and-approve-terms a {
color: #1d71f2;
font-weight: 700;
text-decoration: underline;
}
.proof-approval-primary-action button.final-approve-button.spin::before,
.proof-approval-primary-action button.final-approve-button.spin::after {
display: none;
}
.proof-grid-column.col-lg-12.col-xl-12 .card-body {
padding: 21px 22px 0px 28px !important;
}
.proof-grid-column.col-lg-12.col-xl-12 .card {
box-shadow: none;
border-bottom: 1px solid #dadada;
margin-bottom: 0px;
background: #f3f3f3;
border-radius: 0px;
}
input#markup_percent {
border: 2px solid red;
}
.owl-carousel .sub-title-pad {
visibility: hidden;
}
.proof-grid-column.col-lg-12.col-xl-12 .image-preview-container {
top: -10px;
}
.proof-grid-column.col-lg-12.col-xl-12 .proof-card-options {
right: -2px;
bottom: -1px !important;
top: auto;
}
.proof-grid-column.col-lg-12.col-xl-12 .card-options-btn {
padding: 4px;
background: rgba(255, 255, 255, 0.4);
}
button.grid-switch-btn.active-btn {
background: #e0e0e0;
}
.proof-grid-column.col-lg-12.col-xl-12 .feedback {
display: none;
}
.proof-grid-column.col-lg-12.col-xl-12 .project-progress {
width: 26%;
position: absolute;
right: 0px;
top: 18px;
}
img#details-overlay-image {
display: none;
}
.name-width {
width: 35%;
}
.personal_email_update_container .modal {
z-index: 9999999999;
opacity: 1;
background: #172640e8;
background: rgba(23, 38, 64, 0.9098039215686274);
}
.proof-grid-column[data-hide-proof="active"] .project-card-title.proof_title_sec, .proof-grid-column.proof-got-hide .project-card-title.proof_title_sec {
color: red;
}
button#structure-add-shipping-button {
background: #ababab;
padding: 7px;
border-radius: 3px;
}
button#structure-add-shipping-button:hover {
background: #bdbdbd;
}
button#proof_approve_status_submit {
border-radius: 34px;
padding: 21px 36px;
}
.dark-mode-switch {
position: relative;
width: 130px;
height: 35px;
margin: 0px;
appearance: none;
-webkit-appearance: none;
background-image: url('https://redcoredesign.s3.us-east-2.amazonaws.com/light.png');
background-size: cover;
background-repeat: no-repeat;
border-radius: 25px;
box-shadow: inset 0px 0px 2px rgba(255, 255, 255, .7);
transition: background-image .7s ease-in-out;
outline: none;
cursor: pointer;
overflow: hidden;
margin-bottom: 62px !important;
transform: scale(0.8);
left: -16px;
}
@keyframes switch-off {
0% {
transform: translateX(80px);
width: 46px;
}
50% {
width: 75px;
border-radius: 25px;
}
100% {
transform: translateX(0px);
width: 46px;
}
}
.dark-mode-switch:checked:after {
animation: switch-off .7s forwards cubic-bezier(.8, .5, .2, 1.4);
box-shadow: inset -5px -5px 4px rgba(53, 53, 53, 0.3);
}
@keyframes switch-on {
0% {
transform: translateX(0px);
width: 46px;
}
50% {
width: 75px;
border-radius: 25px;
}
100% {
transform: translateX(80px);
width: 46px;
}
}
.dark-mode-switch:checked:before {
content: '';
width: 15px;
height: 15px;
border-radius: 50%;
position: absolute;
left: 15px;
top: 5px;
transform-origin: 53px 10px;
background-color: transparent;
box-shadow: 5px -1px 0px #fff;
filter: blur(0px);
animation: moon .7s forwards ease;
}
@keyframes sun {
0% {
transform: rotate(170deg);
background-color: transparent;
box-shadow: 5px -1px 0px #fff;
filter: blur(0px);
}
50% {
background-color: transparent;
box-shadow: 5px -1px 0px #fff;
filter: blur(0px);
}
90% {
background-color: #f5daaa;
box-shadow: 0px 0px 10px #f5deb4, 0px 0px 20px #f5deb4, 0px 0px 30px #f5deb4, inset 0px 0px 2px #efd3a3;
filter: blur(1px);
}
100% {
transform: rotate(0deg);
background-color: #f5daaa;
box-shadow: 0px 0px 10px #f5deb4, 0px 0px 20px #f5deb4, 0px 0px 30px #f5deb4, inset 0px 0px 2px #efd3a3;
filter: blur(1px);
}
}
.dark-mode-switch:before {
content: '';
width: 15px;
height: 15px;
border-radius: 50%;
position: absolute;
left: 15px;
top: 5px;
filter: blur(1px);
background-color: #f5daaa;
box-shadow: 0px 0px 10px #f5deb4, 0px 0px 20px #f5deb4, 0px 0px 30px #f5deb4, inset 0px 0px 2px #efd3a3;
transform-origin: 53px 10px;
animation: sun .7s forwards ease;
}
@keyframes moon {
0% {
transform: rotate(0deg);
filter: blur(1px);
}
50% {
filter: blur(1px);
}
90% {
background-color: transparent;
box-shadow: 5px -1px 0px #fff;
filter: blur(0px);
}
100% {
transform: rotate(170deg);
background-color: transparent;
box-shadow: 5px -1px 0px #fff;
filter: blur(0px);
}
}
ul.top-search-autocomplete {
padding: 38px 0px 0px 0px !important;
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #c2c2d0;
opacity: 0.2;
border: 1px solid white;
}
.no-padding {
text-align: left;
}
h2.project-details {
font-size: 20px;
color: #000000 !important;
}
div#site-top-notification a {
font-family: AvantGardeLT-Bold;
}
#notify_designer_email_btn:before {
content: 'Ping Designer to ';
}
.proof-auto-refresh {
border-radius: 100px;
padding: 19px 25px;
background: #d60000;
border: none;
}
@keyframes glowing {
0% {
background-color: #ff2110;
box-shadow: 0 0 5px #a00000;
}
50% {
background-color: #F44336;
box-shadow: 0 0 20px #ff0000;
}
100% {
background-color: #ff1818;
box-shadow: 0 0 5px #a80505;
}
}
.proof-auto-refresh {
animation: glowing 1300ms infinite;
}
.proof-grid-column[data-hide-proof="active"] .project-card-title.proof_title_sec {
color: red;
}
#site_process_status {
display: none;
}
.dark-mode #site_process_status {
display: block;
}
.comment img {
cursor: zoom-in;
}
.image-preview-container {
background: white;
border: 3px solid #ffffff;
transition: .2s;
transition-timing-function: ease-in-out;
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.proof-grid-column.col-lg-12.col-xl-12 .card .image-preview-container img {
height: 49px;
}
.dark-mode .proof-grid-column.col-lg-12.col-xl-12 .card {
border-bottom: 1px solid #111215;
}
.div#site-top-notification {
position: fixed;
z-index: 999;
background: #f5365c !important;
color: #fff;
text-align: center;
width: 88%;
left: 250px;
}
.text-red {
color: #f52120 !important;
}
.navbar-vertical .navbar-nav .nav-link > i, .tool-menu-tap-icon {
font-size: .9375rem;
line-height: 1.5rem;
min-width: .05rem !important;
width: 15px;
padding: 4px 10px;
border-radius: 10px;
background-color: var(--button-bg);
flex-shrink: 0;
margin-right: 16px;
background: #edeeef;
}
.nav-link i.ni {
min-width: 0rem !important;
}
.dark-mode .support-messages.smsg-intercom .support-li-header.category-header-active {
background: linear-gradient(45deg, #4f545f, #4f545f);
}
.dark-mode .comment-box-icon {
background: #3b3f49;
}
.dark-mode .placeholder-divider {
color: white;
background: linear-gradient(45deg, #ff1100, #a51b1c) !important;
}
.dark-mode .support-messages-header {
background: linear-gradient(45deg, #ff1100, #a51b1c);
color: white;
}
.dark-mode .proof-image-create-project {
background: #050505;
}
.dark-mode button.btn.create-project-new-image, .dark-mode button.btn.approve-request-quote-proof {
background: #3b3f49;
border: 1px solid #3b3f49;
color: white;
}
.dark-mode #profile-acc-section .profile-password-hide span.btn, .dark-mode #profile-acc-section .profile-dcard-hide span.btn, .dark-mode #profile-acc-section .profile-generate-auto-login span.btn {
border: 1px solid #000000;
}
.dark-mode .custom-toggle-slider {
border: 1px solid #000000;
background-color: #201d2b;
}
.dark-mode #add-new.my-3.proof-image-upload:hover {
background: #40454f;
}
.dark-mode #comment-area {
background: #2f333c;
}
.dark-mode #sepr {
background-color: #2f333c;
}
.dark-mode .gray-box {
background: #3f444e;
color: #878e9c;
}
.dark-mode .nav-pills > li > a {
color: #99a6bb;
}
.dark-mode .rendered-form label {
color: #3ec3ff;
}
.dark-mode .form-control.mark-check.form-builder-input {
background: #3f444d;
color: white;
}
.dark-mode .card-profile-info-section b {
color: #878e9c;
}
.dark-mode .comment-container {
background-color: #2f333c;
}
.dark-mode #comment-area .nav {
background: #25282f;
}
.dark-mode .nav-pills > li.active > a, .nav-pills > li.active > a:hover {
background-color: #646973 !important;
color: #cccccc !important;
box-shadow: none;
}
.dark-mode #current_clients {
background: linear-gradient(45deg, #25282f, #131419);
border-top: none;
}
.dark-mode .topBorder {
border-top: 2px solid #20232b;
padding-top: 37px !important;
}
.dark-mode a.avatar.avatar-sm.rounded-circle.add-new-users {
background: #d6090b;
border: 2px dotted #fff;
}
.dark-mode .comment-wrapper {
background: #2f333c;
}
.dark-mode span.red-only {
color: #ffffff;
}
.dark-mode .feedback-admin-response h5.comment-name:after {
content: 'PRO';
background: #262a33;
}
.dark-mode #proof-title {
color: #8b8e96;
}
body .dark-mode p {
color: #808080;
}
body .dark-mode {
color: #898c91;
}
.dark-mode .comment-container-fixed.comment-wrapper.show-element-hover-block {
background: #40454f;
}
.dark-mode .comment-name {
color: #ffffff;
}
.dark-mode .reply {
background: #0a57d0;
}
.dark-mode .expire-text {
background: #2b2e33;
}
.dark-mode .comment-wrapper {
background: #1e222a;
border-bottom: 0px solid rgb(212 212 212 / 27%);
}
.dark-mode .proof-submitted-user-name {
background: #25272d;
}
.dark-mode .feedback-comment-time {
color: #f51203;
}
.dark-mode .feedback-comment-name {
color: #d2160e;
}
.dark-mode .feedback-admin-response {
border-left: 0px solid #f3f5f7;
background: #2f333c !important;
}
.dark-mode .proof-view-loader {
background: #0a0b0c;
}
.dark-mode .support-messages-home-header {
background: rgb(59, 63, 73);
color: #99a6bb;
}
.dark-mode .ckeditor-wrapper, #suppertCenter-component .ckeditor-wrapper, #proof-component .ckeditor-wrapper, #marketPlace-component .ckeditor-wrapper, #websiteManager-component .ckeditor-wrapper {
background: #1f1d2b;
}
.dark-mode .project-order-counts {
background: #3b3f49;
}
.dark-mode .placeholder_site h1 {
color: white;
}
.dark-mode .support-messages, .dark-mode .support-messages.smsg-intercom > .nav-wrapper {
background: #3b3f49;
}
.dark-mode .drop-img {
width: 219px;
opacity: .3;
}
.alert-success a {
color: #2eade6 !important;
}
figure img {
border-radius: 9px !important;
box-shadow: 0px 4px 10px rgba(30, 32, 35, 0.29);
border: 3px solid white;
}
.dark-mode span.small-title {
font-size: 9px;
font-weight: bold;
color: white;
}
.dark-mode .proof-comments-button.btn-completed-comment {
background: #282b31;
color: #ffffff;
}
.comment {
font-size: 17px;
}
.dark-mode .bg-light-gray {
background-color: #1f2127 !important;
background: rgb(251, 251, 251);
border: 0px solid #eeeeee;
}
.dark-mode .btn.measure_calculator.bg-dark {
height: auto;
text-align: center;
margin: 25px 0px 11px 0px;
padding: 9px 0px;
width: 100%;
font-size: 23px !important;
background: #3b3f4a !important;
}
.dark-mode .comment {
padding-top: 1px;
color: #98a5ba;
}
.dark-mode .swal2-modal .swal2-close {
background: #3f444d;
color: #94a3b3;
}
.dark-mode .col-lg-12.no-padding.main-slider-container .col-lg-6 {
border-radius: 0px;
}
.dark-mode #marketPlaceProjectImageSlider .marketplace-details h2 {
color: #cc0000;
}
.dark-mode .badge-pill {
border: 2px solid #1f1d2b;
}
.dark-mode .above-label {
background: #3b3f4a;
}
.dark-mode .form-control {
color: #9cabbb;
background-color: #3b3f4a;
}
.dark-mode .user-profile-tab-navs {
background: #31343c;
border-radius: 44px;
}
.user-profile-tab-navs {
width: 96%;
margin: 15px auto;
}
.dark-mode .card-title {
color: white;
}
.dark-mode .bg-gradient-redcore {
background: linear-gradient(6deg, #2a2c35 0, #5c6270 100%) !important;
}
.table .thead-light th {
color: #8898aa;
background-color: #dcdcdc;
}
.dark-mode .table .thead-light th {
color: #8898aa;
background-color: #282a35;
}
.dark-mode .table th {
border-top: 1px solid #292b34;
color: white;
}
.dark-mode .bg-gray, .card span.bg-gray {
background-color: #3b3f4a !important;
}
.card span.bg-gray {
position: absolute;
top: -7px;
}
#companiesContainer .card span.bg-gray {
position: absolute;
top: 31px;
background: #d0d4db !important;
}
.dark-mode #suppertCenter-component .paper {
background-color: #34363e;
border-top: 3px solid #1f1d2b;
}
.dark-mode .section__bg:before {
background: #23252d;
}
.dark-mode #suppertCenter-component .paper-content {
background-color: #34363e;
}
.dark-mode #add-new {
background: #3b3f4a;
}
.dark-mode .main-container-marketplace .gallery-thumbs {
border: 1px solid #0b0c0e;
background: #0b0c0e;
}
.dark-mode {
transition: background-image 1s ease-in-out;
animation-timing-function: ease-in;
}
.mt-48 {
margin-top: 48px !important;
}
@media only screen and (max-width: 510px) {
#proof-view #main {
height: auto !important;
}
.btn-group.proof-tools {
display: none;
}
#main {
background-color: #ffffff !important;
}
.hidemob {
display: none;
}
#MarketPlaceFrequentCarousel_Mobile {
display: block !important;
}
.float-right-mob {
float: right;
}
.dataTables_filter {
width: 100%;
padding: 22px;
}
.badge-pill {
font-size: 8px;
}
h4.h2.text-white.d-inline-block.mb-0 {
font-size: 22px;
letter-spacing: -1px;
}
.content.proof-modal.view_proof_id_0 #main {
display: none !important;
}
.content.proof-modal.view_proof_id_0 #comment-area {
width: 100% !important;
}
.swal2-popup #swal2-content {
}
.swal2-modal.swal2-show.launch-pad-details {
width: 100% !important;
}
.proof-tooltip-move-along {
display: none;
}
}
.launch-padding .mb-0 {
margin-bottom: 0 !important;
top: 3px;
height: 32px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 94%;
font-size: 1rem;
}
.project-card-title-2 {
text-transform: capitalize;
}
.proof-launch-pad-form-values .proof-defualt-fields .form-group {
text-align: center;
}
.dark-mode .table th, .table td {
border-top: 1px solid #292b34;
color: #bdbdbd;
}
figure img {
margin-bottom: 18px;
}
.mt-48 {
padding-top: 86px !important;
}
.approve-shipping-section, .proof-details-approve-section {
background: #f6f6f6;
margin: -4px 0px 41px 0;
padding: 5px 25px 33px 27px;
border-radius: 5px;
text-align: justify;
border: 2px solid #d3d3d3;
}
.proof-details-approve-section.proof-approve-details-container {
margin-top: 18px;
}
.approve-shipping-title {
text-align: justify;
font-size: 17px;
color: #333333;
border-bottom: 1px solid #d6d6d6;
padding: 5px 0px;
margin: 7px 0px;
}
.approve-project-card-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
.approve-project-card-header .approve-shipping-title {
flex: 1 1 auto;
}
.approve-project-open-link, .project-image-container.approve-project-open-link {
cursor: pointer;
}
.approve-view-project-button, .approve-select-shipping-address-trigger {
border-radius: 999px;
font-size: 12px;
font-weight: 800;
line-height: 1;
text-transform: none;
}
.approve-view-project-button {
flex: 0 0 auto;
margin: 0;
padding: 8px 14px;
background: #1976d2;
color: #ffffff;
}
.approve-view-project-button:hover, .approve-view-project-button:focus {
background: #0f5fb0;
color: #ffffff;
}
.approve-select-shipping-address-bottom {
margin: 8px 0 22px;
padding: 0;
text-align: center;
}
.approve-select-shipping-address-trigger {
width: 100%;
max-width: 360px;
padding: 14px 18px;
background: #f97316;
border: 2px solid #fb923c;
color: #ffffff;
animation: approve-select-shipping-address-slow-pulse 2.4s ease-in-out infinite;
box-shadow: 0 12px 28px rgba(249, 115, 22, 0.26);
}
.approve-select-shipping-address-trigger:hover, .approve-select-shipping-address-trigger:focus {
background: #ea580c;
color: #ffffff;
}
@keyframes approve-select-shipping-address-slow-pulse {
0% {
box-shadow: 0 10px 24px rgba(249, 115, 22, 0.22), 0 0 0 0 rgba(249, 115, 22, 0.28);
transform: scale(1);
}
50% {
box-shadow: 0 14px 34px rgba(249, 115, 22, 0.34), 0 0 0 7px rgba(249, 115, 22, 0);
transform: scale(1.01);
}
100% {
box-shadow: 0 10px 24px rgba(249, 115, 22, 0.22), 0 0 0 0 rgba(249, 115, 22, 0);
transform: scale(1);
}
}
#choose_shipping_address_type_container button.dropdown-toggle.btn.approve-shipping-address-attention {
animation: approve-shipping-address-pulse 0.7s ease-in-out 0s 2;
box-shadow: 0 0 0 4px rgba(66, 157, 255, 0.22);
}
@keyframes approve-shipping-address-pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.02);
}
100% {
transform: scale(1);
}
}
.approve-shipping-section p, .proof-details-approve-section p {
color: #333;
margin: 0px;
}
a.view-proof-details-section.proof-approve-details-container {
font-size: 12px;
font-weight: bold;
}
a.bg-personal-project {
background: #007bff;
color: #fff;
}
a.bg-personal-project span {
color: #fff;
}
.change-approve-section-company {
text-align: left;
top: 12px;
position: relative;
}
textarea#proof_user_invoice_note {
position: relative;
top: 30px;
}
.change-approve-section-company a {
font-size: 11px;
color: #8c8c8c;
font-weight: bold;
background: #ffffff;
padding: 6px 8px 7px 10px;
border-radius: 45px;
border: 1px solid #a0a0a0;
}
.bg-light-gray {
background-color: #fbfbfb !important;
background: rgb(251, 251, 251);
border: 2px solid #eeeeee;
}
.proof-image-overlay-container .project-image.unselectable {
width: auto;
border-radius: 0px;
}
.proof-image-overlay-container.shinkmore .project-image.unselectable {
width: auto !important;
}
.redcore-pdf-raw-view object {
width: 100% !important;
height: 100vh !important;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
-webkit-box-shadow: 0px 13px 63px -8px rgba(0, 0, 0, 0.44);
-moz-box-shadow: 0px 13px 63px -8px rgba(0, 0, 0, 0.44);
box-shadow: 0px 6px 48px -21px rgba(0, 0, 0, 0.44);
}
#stepbar {
text-align: center !important;
}
input {
border-width: 2px;
border-color: #cccccc;
border-radius: 6px;
font-size: 15px;
}
#header {
padding: 37px 0px 55px;
}
.steps_title {
font-size: 42px;
font-weight: bold;
color: #5b6065;
font-family: "AvantGardelT-Bold", Larsseit-Bold, sans-serif;
letter-spacing: -2px;
}
.color_text_box {
overflow: auto;
width: 67%;
position: relative;
margin: auto;
margin-top: 10px;
border: 1px solid gainsboro;
border-radius: 4px;
height: 73px;
padding: 7px 9px;
}
.price_title {
font-size: 41px;
font-family: Open Sans;
font-weight: 900;
}
.logo {
width: 180px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}
@media (max-width: 767px) {
.webmanager-iframe-container:after {
font-size: 15px !important;
}
.design, .color {
width: 40%;
transform: translate(25%, 0);
padding: 7px;
}
.logo {
width: 155px;
}
#support-message-box-bottom-container {
margin: 54px auto;
border-radius: 8px;
}
#progress {
display: none;
}
.hideonmobile {
display: none;
}
#nextButton {
position: absolute;
top: 50%;
transform: translate(0, -50%);
text-align: center;
right: 0;
width: 100% !important;
color: #000;
}
}
@media only screen and (max-width: 768px) {
.btn.proof-svg-font-size {
display: none !important;
}
}
@media only screen and (min-width: 768px) {
.design, .color {
max-width: 30%;
transform: translate(15%, 0);
padding: 22px;
}
.padleftright {
margin-top: 0px !important;
}
.btn-neutral:hover {
color: #212529;
border-color: white;
background-color: white;
}
a.avatar.avatar-sm.rounded-circle.add-new-users.remove-not-creator:hover, a.avatar.avatar-sm.rounded-circle.remove-selected-users.remove-not-creator:hover {
transition: .1s;
transform: scale(1.1);
}
.col-sm-3 {
width: 30%;
}
div#fixed-status-bar.approved:before {
content: 'TO ENTER PRODUCTION';
color: #adadad;
top: -39px;
background: #e2e2e2;
border-radius: 8px 8px 0px 0px;
padding: 1px 11px;
font-size: 13px;
position: relative;
font-weight: 900;
}
.btn.proof-svg-font-size {
background: #fff;
border-radius: 86px;
display: inline-block;
border: 1px solid #00000042;
}
.add_btn_cont {
position: absolute;
right: 40px;
top: 45px;
margin-bottom: 17px;
float: right;
}
}
.active-step-bar, .inactive-step-bar {
background: #595c5f;
color: #595c5f;
border-radius: -1px;
margin: 6%;
border: 2px solid white;
top: 8px;
position: relative;
font-size: 8px;
}
.active-step-bar:hover {
cursor: pointer;
}
.inactive-step-bar {
text-decoration: none;
opacity: .5;
}
.inactive-step-bar:hover {
text-decoration: none;
cursor: help;
}
.n8jadams-imgselect-wrapper {
overflow: hidden;
}
.n8jadams-imgselect-box {
color: #000;
position: relative;
float: left;
}
.n8jadams-imgselect-innercontent, .n8jadams-imgselect-innercontent-fadeout {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
.n8jadams-imgselect-img:hover {
}
.n8jadams-imgselect-innercontent-fadeout {
opacity: .3;
}
.n8jadams-imgselect-innercontent-fadeout > .n8jadams-imgselect-img {
cursor: auto;
}
.n8jadams-imgselect-innercontent-fadeout > .n8jadams-imgselect-caption {
cursor: auto;
}
@media only screen and (max-width: 580px) {
.n8jadams-imgselect-box {
width: 50%;
padding-bottom: 50%;
}
.n8jadams-loader {
font-size: 17vw;
}
}
@media only screen and (min-width: 581px) {
.n8jadams-imgselect-box {
width: 33.3%;
padding: 16.66%;
}
.n8jadams-imgselect-title {
font-size: 17px;
}
.n8jadams-loader {
top: 50%;
font-size: 10vw;
}
.n8jadams-imgselect-checkmark {
position: absolute;
bottom: 13%;
right: 13%;
color: #fff;
font-size: 40px;
z-index: 2;
display: none;
background-color: #009688;
width: 50px;
height: 50px;
text-align: center;
border-radius: 50%;
user-select: none;
-moz-user-select: none;
}
.check_img {
height: 25px;
margin-bottom: 11px;
}
}
.n8jadams-imgselect-img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
img.n8jadams-imgselect-img {
position: absolute;
max-width: 93%;
max-height: 90%;
height: auto;
display: block;
overflow: hidden;
position: relative;
background: #fff;
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .1);
transition-property: box-shadow;
transition-duration: .3s;
transition-timing-function: ease-out;
}
img.n8jadams-imgselect-img:hover {
transition-property: box-shadow;
transition-duration: .1s;
transition-timing-function: ease-in;
box-shadow: 0 14px 42px 0 rgba(0, 0, 0, .2);
text-decoration: none;
cursor: pointer;
}
.n8jadams-imgselect-img, .n8jadams-imgselect-checkmark, .n8jadams-imgselect-caption {
cursor: pointer;
}
:hov .cls element.style {
}
.no-touch .n8jadams-imgselect-img:hover + .n8jadams-imgselect-caption, .no-touch .n8jadams-imgselect-checkmark:hover ~ .n8jadams-imgselect-caption {
opacity: 1;
}
.n8jadams-imgselect-caption {
position: absolute;
top: 1%;
left: 50%;
width: 75%;
transform: translate(-50%, 0);
text-align: center;
background-color: #000;
color: #fff;
padding: 5px;
border-radius: 5px;
z-index: 3;
opacity: 0;
pointer-events: none;
font-size: 13px;
padding: 10px;
}
.no-touch .n8jadams-imgselect-img:hover + .n8jadams-imgselect-caption, .no-touch .n8jadams-imgselect-checkmark:hover ~ .n8jadams-imgselect-caption {
opacity: 1;
}
.n8jadams-imgselect-checked {
outline: 5px solid #009688;
outline-offset: -5px;
}
.n8jadams-imgselect-title {
position: absolute;
bottom: -1%;
left: 50%;
transform: translate(-50%, 0);
width: 100%;
text-align: center;
}
.n8jadams-imgselect-checkbox {
}
#progress-bar {
width: 80%;
position: relative;
}
#progress {
position: absolute;
top: 50%;
transform: translate(0, -50%);
width: 50%;
background-color: #e0e0e0;
height: 13px;
border-radius: 29px;
max-width: 627px;
}
#bar {
height: 13px;
line-height: 27px;
background-color: #585e63;
color: #000;
transition: .3s;
border-radius: 19px;
font-size: 11px;
text-align: justify;
padding: 10px 0px 1px;
}
#nextButton {
position: absolute;
top: 50%;
transform: translate(0, -50%);
text-align: center;
right: 0;
width: 50%;
color: #000;
}
.beforeRangebar {
float: left;
font-size: 19px;
color: #524c4c;
}
.afterRangebar {
float: right;
font-family: 'Open Sans', sans-serif;
padding-bottom: 18px;
font-size: 19px;
}
#showtextarea {
cursor: pointer;
float: left;
margin: 18px 60px 140px;
text-align: center;
width: 100%;
}
.n8jadams-packages-wrapper {
width: 100%;
position: relative;
}
.n8jadams-package-3 {
float: left;
width: calc(33.33% - 32px);
margin: 16px;
background-color: #fff;
cursor: pointer;
padding: 8px 18px;
}
.n8jadams-package-name {
padding: 10px;
}
.n8jadams-package-caption {
padding: 10px;
}
.n8jadams-package-3 button {
left: 2%;
margin-bottom: 10px;
float: left;
}
.n8jadams-package-3 input[type="radio"] {
display: none;
}
.n8jadams-package-features {
padding: 5px;
margin-left: -20px;
margin-top: -10px;
}
.n8jadams-package-3 {
outline: 5px solid black;
outline-offset: -5px;
cursor: pointer;
background-color: #fff;
overflow: hidden;
}
.n8jadams-package-fadein, .n8jadams-package-3:hover {
opacity: 1;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
.n8jadams-package-fadeout {
opacity: 0.3;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
.n8jadams-package-fakebutton, .n8jadams-package-button {
cursor: pointer;
}
@media only screen and (max-width: 737px) {
.n8jadams-package-3 button {
left: 2%;
margin-bottom: 11px;
float: none;
}
.n8jadams-package-3 {
float: none;
width: calc(100% - 20px);
outline-offset: -5px;
margin: 5px;
padding: 5px;
}
.n8jadams-package-name {
font-size: 4.8vw;
font-weight: 900;
}
.n8jadams-package-caption {
display: none;
}
.n8jadams-package-price {
font-size: 40px;
}
.check_img {
height: 12px;
margin-bottom: 33px;
}
.n8jadams-imgselect-checkmark {
width: 30px;
height: 30px;
position: absolute;
bottom: 13%;
right: 13%;
color: #fff;
font-size: 40px;
z-index: 2;
display: none;
background-color: #009688;
text-align: center;
border-radius: 50%;
user-select: none;
-moz-user-select: none;
}
}
@media only screen and (min-width: 738px) {
.n8jadams-package-name {
font-size: 62px;
font-weight: 900;
}
.n8jadams-package-price {
display: block;
padding: 0 10px;
font-size: 3.8vw;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 600;
}
.n8jadams-package-features {
margin-top: -10px;
}
}
#createCustomPackage {
cursor: pointer;
}
#customPackageRadio {
display: none;
}
#step6part1 {
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
#step6part2 {
position: relative;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
.receiptpackage {
width: 80%;
max-width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-color: #fff;
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
footer {
position: fixed;
height: 86px;
bottom: 0;
width: 100%;
color: white;
background: #f8f8f8;
background: -webkit-linear-gradient(#f8f8f8, #f8f8f8);
background: -o-linear-gradient(#3c3c3c, #222);
background: -moz-linear-gradient(#3c3c3c, #222);
background: linear-gradient(#ffffff, #f7f7f7);
}
#moneyBackGuarantee {
position: absolute;
width: 50%;
top: 50%;
transform: translate(0, -50%);
}
input[type=range] {
-webkit-appearance: none;
margin: 85px 0;
width: 100%;
}
input[type=range]:focus {
outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 21px;
cursor: pointer;
animate: 0.2s;
box-shadow: 0px 0px 0px #000000;
background: #E3E3E3;
border-radius: 16px;
border: 0px solid #000000;
}
input[type=range]::-webkit-slider-thumb {
box-shadow: 0px 0px 0px #000000;
border: 4px solid #C22323;
height: 44px;
width: 44px;
border-radius: 35px;
background: #FFFFFF;
cursor: pointer;
-webkit-appearance: none;
margin-top: -13.5px;
}
input[type=range]:focus::-webkit-slider-runnable-track {
background: #E3E3E3;
}
input[type=range]::-moz-range-track {
width: 100%;
height: 21px;
cursor: pointer;
animate: 0.2s;
box-shadow: 0px 0px 0px #000000;
background: #E3E3E3;
border-radius: 16px;
border: 0px solid #000000;
}
input[type=range]::-moz-range-thumb {
box-shadow: 0px 0px 0px #000000;
border: 4px solid #C22323;
height: 44px;
width: 44px;
border-radius: 35px;
background: #FFFFFF;
cursor: pointer;
}
input[type=range]::-ms-track {
width: 100%;
height: 21px;
cursor: pointer;
transition: 0.2s;
background: transparent;
border-color: transparent;
color: transparent;
}
input[type=range]::-ms-fill-lower {
background: #E3E3E3;
border: 0px solid #000000;
border-radius: 32px;
box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-fill-upper {
background: #E3E3E3;
border: 0px solid #000000;
border-radius: 32px;
box-shadow: 0px 0px 0px #000000;
}
input[type=range]::-ms-thumb {
box-shadow: 0px 0px 0px #000000;
border: 4px solid #C22323;
height: 44px;
width: 44px;
border-radius: 35px;
background: #FFFFFF;
cursor: pointer;
}
input[type=range]:focus::-ms-fill-lower {
background: #E3E3E3;
}
input[type=range]:focus::-ms-fill-upper {
background: #E3E3E3;
}
input[type=checkbox] {
margin: 0px 5px 0 0;
}
.n8jadams-loader {
position: absolute;
height: 1em;
width: 1em;
margin-left: -.5em;
-webkit-transform-origin: .5em .5em;
-moz-transform-origin: .5em .5em;
-webkit-animation-name: rotatingLoader;
-webkit-animation-duration: .5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
}
.n8jadams-loader > span, .n8jadams-loader > span::before, .n8jadams-loader > span::after {
display: block;
position: absolute;
width: .1em;
height: .25em;
top: 0;
-webkit-transform-origin: .05em .5em;
-moz-transform-origin: .05em .5em;
border-radius: .1em;
-moz-border-radius: .1em;
-webkit-border-radius: .2em;
}
.n8jadams-loader > span {
left: 50%;
margin-left: -0.05em;
}
.n8jadams-loader > span::before, .n8jadams-loader > span::after {
content: " ";
}
.n8jadams-loader > span.n8jadams-loader-top {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
}
.n8jadams-loader > span.n8jadams-loader-top {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
.n8jadams-loader > span.n8jadams-loader-bottom {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
}
.n8jadams-loader > span.n8jadams-loader-left {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
}
.n8jadams-loader > span::before {
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
}
.n8jadams-loader > span::after {
-webkit-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
}
.n8jadams-loader > span.n8jadams-loader-top {
background-color: rgba(185, 0, 0, 0.99);
}
.n8jadams-loader > span.n8jadams-loader-top::after {
background-color: rgba(185, 0, 0, 0.90);
}
.n8jadams-loader > span.n8jadams-loader-left::before {
background-color: rgba(185, 0, 0, 0.80);
}
.n8jadams-loader > span.n8jadams-loader-left {
background-color: rgba(185, 0, 0, 0.70);
}
.n8jadams-loader > span.n8jadams-loader-left::after {
background-color: rgba(185, 0, 0, 0.60);
}
.n8jadams-loader > span.n8jadams-loader-bottom::before {
background-color: rgba(185, 0, 0, 0.50);
}
.n8jadams-loader > span.n8jadams-loader-bottom {
background-color: rgba(185, 0, 0, 0.40);
}
.n8jadams-loader > span.n8jadams-loader-bottom::after {
background-color: rgba(185, 0, 0, 0.35);
}
.n8jadams-loader > span.n8jadams-loader-top::before {
background-color: rgba(185, 0, 0, 0.30);
}
.n8jadams-loader > span.n8jadams-loader-top {
background-color: rgba(185, 0, 0, 0.25);
}
.n8jadams-loader > span.n8jadams-loader-top::after {
background-color: rgba(185, 0, 0, 0.20);
}
.n8jadams-loader > span.n8jadams-loader-top::before {
background-color: rgba(185, 0, 0, 0.15);
}
@-webkit-keyframes rotatingLoader {
0% {
-webkit-transform: rotate(0deg);
}
8.32% {
-webkit-transform: rotate(0deg);
}
8.33% {
-webkit-transform: rotate(30deg);
}
16.65% {
-webkit-transform: rotate(30deg);
}
16.66% {
-webkit-transform: rotate(60deg);
}
24.99% {
-webkit-transform: rotate(60deg);
}
25% {
-webkit-transform: rotate(90deg);
}
33.32% {
-webkit-transform: rotate(90deg);
}
33.33% {
-webkit-transform: rotate(120deg);
}
41.65% {
-webkit-transform: rotate(120deg);
}
41.66% {
-webkit-transform: rotate(150deg);
}
49.99% {
-webkit-transform: rotate(150deg);
}
50% {
-webkit-transform: rotate(180deg);
}
58.32% {
-webkit-transform: rotate(180deg);
}
58.33% {
-webkit-transform: rotate(210deg);
}
66.65% {
-webkit-transform: rotate(210deg);
}
66.66% {
-webkit-transform: rotate(240deg);
}
74.99% {
-webkit-transform: rotate(240deg);
}
75% {
-webkit-transform: rotate(270deg);
}
83.32% {
-webkit-transform: rotate(270deg);
}
83.33% {
-webkit-transform: rotate(300deg);
}
91.65% {
-webkit-transform: rotate(300deg);
}
91.66% {
-webkit-transform: rotate(330deg);
}
100% {
-webkit-transform: rotate(330deg);
}
}
.n8jadams-loader-step1 {
top: 33.3%;
left: 50%;
}
.n8jadams-loader-step3 {
top: 38%;
left: 50%;
}
.n8jadams-loader-step6 {
top: calc(50% - 86px);
left: 50%;
}
.stepcontent {
background-color: #F0F2F5;
padding-top: 50px;
padding-bottom: 160px;
overflow: hidden;
}
#stepcontent-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #F0F2F5;
overflow: hidden;
}
.stepcontent-overlay-fadeout {
opacity: 0;
pointer-events: none;
}
.stepcontent-overlay-fadedin {
opacity: 1;
transition: opacity .7s;
-webkit-transition: opacity .7s;
}
.prog-bar-wrapper {
position: relative;
width: 100%;
height: 8px;
}
.prog-bar-left-bg {
position: absolute;
left: 0;
width: 50%;
height: 8px;
background-color: #5B6065;
}
.prog-bar-right-bg {
position: absolute;
right: 0;
width: calc((100% / 6) * 5);
height: 8px;
background-color: #fff;
z-index: -1;
}
.prog-bar {
position: relative;
float: left;
width: calc(100% / 6);
height: 8px;
transition: 0.25s;
border-left: 5px solid #fff;
}
.prog-bar-current {
background-color: #B31D22;
}
.prog-bar-current:hover {
background-color: #cb4040;
}
.prog-bar-seen {
background-color: #5B6065;
}
.prog-bar-seen:hover {
background-color: #84888c;
}
.prog-bar-unseen {
background-color: #fff;
}
.prog-bar-hover-text {
position: absolute;
left: 50%;
transform: translate(-50%, 0);
border-radius: 5px;
background-color: black;
color: #fff;
text-align: center;
opacity: 0;
pointer-events: none;
width: 100%;
max-width: 150px;
padding: 9px;
}
.prog-bar-hover-text:after {
content: '';
position: absolute;
width: 15px;
height: 15px;
border: 3px solid #000;
border-radius: 2px;
background-color: #000000;
left: 57px;
top: 26px;
transform: rotate(45deg);
}
@media (max-width: 475px) {
.prog-bar-hover-text {
display: none;
}
}
@media (min-width: 476px) and (max-width: 991px) {
.prog-bar-hover-text {
top: -58px;
}
.col-lg-12.no-padding.main-slider-container .col-lg-6 {
flex: 1;
border-radius: 15px 15px 0px 0px;
}
}
@media (min-width: 992px) {
.prog-bar-hover-text {
top: -50px;
}
}
.no-touch .prog-bar-current:hover > .prog-bar-hover-text, .no-touch .prog-bar-seen:hover > .prog-bar-hover-text {
opacity: 1;
}
.prog-bar-link {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#prog-bar-complete {
position: relative;
width: 100%;
height: 12px;
background-color: #5B6065;
}
.prog-bar-error {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #B90000;
animation: blinker 1.7s linear infinite;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
.prog-bar-step4-error {
background-color: #5B6065;
animation: step-bar-error 1.7s linear infinite;
}
@keyframes step-bar-error {
50% {
background-color: #B90000;
}
}
.upload-step4-error {
animation: upload-error 1.7s linear infinite;
}
@keyframes upload-error {
50% {
background-color: #e1b1b3;
}
}
#n8jadams-fakesubmit-button, #fakecontinueButton {
opacity: 0.2;
cursor: auto;
}
.animatedellipsis:after {
overflow: hidden;
display: inline-block;
vertical-align: bottom;
-webkit-animation: ellipsis steps(4, end) 900ms infinite;
animation: ellipsis steps(4, end) 900ms infinite;
content: "\2026";
width: 0px;
}
@keyframes ellipsis {
to {
width: 1.25em;
}
}
@-webkit-keyframes ellipsis {
to {
width: 1.25em;
}
}
#hideFileError {
width: 5%;
cursor: pointer;
font-size: 20px;
position: absolute;
top: 0;
right: 0;
}
#hideFileError:hover {
font-weight: 900;
top: -1px;
}
@media (min-width: 1200px) {
.container {
width: 858px;
}
}
.idea-center-width {
max-width: 840px;
margin: auto;
}
p.approved-by-text, div.approved-by-text {
width: 100%;
padding: 38px 19px !important;
max-width: 100%;
font-weight: bold;
font-size: 14px;
right: 10px;
position: relative;
display: inline-block;
text-align: center;
background: #ffffff;
margin-bottom: 1px;
border-bottom: 1px solid #eeeeef;
}
.approved-by-text .project-progress {
display: inline-block;
width: 50%;
}
svg.proof-image-overlay-svg, .svg-pdf-container {
width: 100% !important;
height: auto !important;
margin-bottom: 9px;
}
.svg-pdf-container svg {
width: 100%;
height: auto;
}
.reply-send-email-box {
position: absolute;
left: 220px;
bottom: 32px;
}
.default-send-email-checkbox {
display: block;
padding: 2px 0px;
}
.default-send-email-checkbox.send-email-shipping {
padding: 20px 10px;
}
span.remove-expired.btn {
padding: 0 10px;
border-radius: 15px;
border: 2px solid #eee;
color: #333;
margin: 0px 23px;
position: absolute;
}
p.sub-title-pad-dd.text-red {
overflow: visible;
position: relative;
z-index: 98 !important;
}
.no-feedback-container {
display: flex;
flex-direction: column;
align-items: center;
vertical-align: middle;
position: absolute;
top: 125px;
left: 0;
right: 0;
width: 100%;
height: 250px;
}
.no-feedback-container-top {
font-size: 100px;
}
.no-feedback-container-text {
font-size: 35px;
font-weight: bold;
}
.no-feedback-container-text span {
width: 100%;
display: block;
text-align: center;
}
.no-feedback-container-bottom {
font-size: 28px;
padding: 20px 0;
}
.no-feedback-container-bottom .fa.fa-long-arrow-down:before {
content: "\f063";
}
.fa.fa-smile-o:before {
content: "\f118";
}
.terms-content {
max-height: 500px;
text-align: center;
overflow-y: scroll;
font-weight: bold;
font-size: 18px;
}
.terms-header h1 {
color: #fff !important;
}
.da-zoom-container {
text-align: center;
padding: 20px 0;
}
.chat-intercom {
width: 205px;
filter: brightness(2) hue-rotate(171deg);
}
.pad {
font-family: AvantGardeLT-Bold;
padding: 0px 68px;
font-size: 21px;
}
span#redcore-awaiting_response-count {
background: #8967c6 !important;
}
button.btn.btn-white-color.btn-launch-pad-tag-search[data-tag-key="awaiting_response"], button.btn.redcore-card-status[data-action="need-response"] {
background: #8967c6 !important;
color: white;
}
button.btn.btn-white-color.btn-launch-pad-tag-search[data-tag-key="production_hold"], button.btn.redcore-card-status[data-action="on-hold"] {
background: #626a74 !important;
color: white;
}
button.btn.btn-white-color.btn-launch-pad-tag-search[data-tag-key="awaiting_approval"], button.btn.redcore-card-status[data-action="need-approval"], #redcore-awaiting_approval-count {
background: #e75352 !important;
color: white;
}
button.btn.btn-white-color.btn-launch-pad-tag-search[data-tag-key="new_project"], #redcore-new_project-count {
background: #70d6a8 !important;
color: white;
}
button.btn.btn-white-color.btn-launch-pad-tag-search[data-tag-key="in_production"], button.btn.redcore-card-status[data-action="in-production"], #redcore-in_production-count {
background: #ffc107 !important;
color: white;
}
button.btn.btn-white-color.btn-launch-pad-tag-search[data-tag-key="shipped"], button.btn.redcore-card-status[data-action="shipped"], #redcore-shipped-count {
background: #2196f3 !important;
color: white;
}
button.btn.redcore-card-status[data-action="shipped"] {
margin-right: 1%;
}
button.btn.redcore-card-status[data-action="drop-off"] {
background: #1120a9;
color: white;
margin-left: 1%;
}
button.btn.redcore-card-status[data-action="shipped"], button.btn.redcore-card-status[data-action="drop-off"] {
width: 48%;
float: left;
}
button.btn.btn-white-color.btn-launch-pad-tag-search[data-tag-key="my_proofs"], button.btn.redcore-card-status[data-action="delivered"], #redcore-my_proofs-count {
background: #34d67c;
color: white;
}
button.btn.btn-white-color.btn-launch-pad-tag-search[data-tag-key="not_invoiced"], #redcore-not_invoiced-count {
background: #00BCD4;
color: white;
}
button.btn.btn-white-color.btn-launch-pad-tag-search[data-tag-key="due_date_sort"], #redcore-due_date_sort-count {
background: #f44336;
color: white;
}
button.btn.btn-white-color.btn-launch-pad-tag-search[data-tag-key="client_uploads"], #redcore-client_uploads-count {
background: #858890;
color: white;
}
.card .image-preview-container img.proof_image_1_1 {
height: 73px;
}
.btn-group.proof-tools.hide-mob:before {
content: 'Tools';
padding: 4px;
}
button.btn.back-top-top {
padding: 1px 5px;
background: none;
color: black !important;
}
span.title-light-gray {
color: #673ab7;
font-size: 10px;
text-decoration: underline;
}
.proof-load-all-proofs-loader-label {
position: absolute;
text-align: center;
top: -6px;
left: -25px;
width: 100px;
}
.form-group.invoice-container input {
flex: inherit;
width: 85%;
}
.form-group.invoice-container span.btn.btn-product_link.btn-success {
right: 15%;
}
.form-group.invoice-container span.btn.btn-info.invoice-add-link, .form-group.invoice-container span.btn.btn-info.invoice-remove-link {
font-weight: bold;
padding: 10px;
bottom: 8px;
margin: 0;
position: absolute;
right: 0;
border-radius: 25px;
}
.form-group.invoice-container .input-group.input-group-merge {
margin: 5px 0;
}
.quotecenter-view-link {
padding: 5px 10px;
margin: 0px !important;
border-radius: 70px;
background: #2196f3;
border-color: #2196f3;
}
.overalladdons {
font-family: 'AvantGardeLT-Bold';
color: #2196F3;
padding: 14px;
}
.quoteCenterStyle-list {
border-bottom: 2px solid #333;
display: flex;
align-items: center;
}
.quote-center-style {
margin: 20px 0;
position: relative;
}
.nuked-session {
display: flex;
width: 100%;
flex-flow: column nowrap;
justify-content: stretch;
}
.nuked-session-label, .nuked-session-button {
padding: 10px;
}
.nuked-session-button {
text-align: center;
margin: auto !important;
}
.nuked-session-label {
text-align: center;
font-size: 12pt;
}
.nuked-session-button {
background: #bb1104;
color: white;
border-radius: 55px;
margin: 25px 10vw;
font-size: 16pt;
text-align: center;
width: 333px;
}
button.btn.quotecenter-add-style {
position: absolute;
right: 0;
margin: 0;
top: 0px;
border: 1px solid;
padding: 4px 10px;
background: white;
}
.card.quote-center-container.px-5.py-2 {
margin: auto;
width: 80%;
padding: 30px 40px !important;
}
.quote-center-short {
border-bottom: 2px solid #333;
}
.quote-center-shirt-container .form-control {
padding: 8px !important;
height: calc(2rem + 10px);
}
.quote-center-result {
font-size: 22px;
font-weight: bold;
}
.quote-center-costs .col-lg {
font-size: 12px;
font-weight: bold;
}
.quoteCenterStyle-list .quote-center-title {
cursor: pointer;
}
.comment-complete-container.comment-container .circle-avatar {
background: lawngreen;
}
.quote-center-colors {
margin-bottom: 20px;
}
.col-lg.shirt-colors-lists {
flex-direction: row;
display: flex;
align-items: center;
}
.col-lg.shirt-colors-lists input.shirt-calculation {
width: 80%;
}
.col-lg.colors-value {
text-align: right;
padding: 12px 0;
border-bottom: 2px solid #333;
}
.col-lg.shirt-colors-lists button {
margin: 0 auto;
border-radius: 65px;
padding: 14px;
width: 45px;
}
.quote-center-loadmore {
padding: 20px 0;
align-items: center;
display: flex;
flex-direction: column;
}
.move-to-top.btn {
background: #d6090b;
border-radius: 29px;
color: #fff;
border: 4px solid white;
box-shadow: 0px 3px 6px #00000033;
}
.comment-move-top {
position: sticky;
top: 14px;
right: 0;
width: 100%;
height: 0;
z-index: 9999;
display: flex;
justify-content: flex-end;
align-items: flex-start;
padding-right: 14px;
pointer-events: none;
}
.comment-move-top .move-to-top.btn {
pointer-events: auto;
}
.intercome-move-top {
position: fixed;
top: 14px;
left: 50%;
transform: translateX(-50%);
width: auto;
z-index: 9999;
display: flex;
align-items: center;
flex-direction: column;
}
.fb-select-label {
color: #1f50dc;
}
.request-become-approver {
position: relative;
top: -108px;
padding: 12px 25px;
border-radius: 43px;
background: #2196f3;
border: 3px solid white;
}
input#placeholder_replacement {
margin-bottom: 29px;
}
.container-left-side button.swal2-confirm.btn.btn-success {
width: 100%;
border-radius: 52px;
padding: 18px;
}
.idea-board-container {
width: 80%;
margin: 0 auto;
margin-top: 5%;
}
.idea-board-images:hover {
transition-property: box-shadow;
transition-duration: .1s;
transition-timing-function: ease-in;
box-shadow: 0 14px 42px 0 rgba(0, 0, 0, .2);
text-decoration: none;
cursor: pointer;
}
.idea-board-images {
cursor: pointer;
display: block;
overflow: hidden;
position: relative;
background: #fff;
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .1);
transition-property: box-shadow;
transition-duration: .3s;
transition-timing-function: ease-out;
width: 100%;
height: auto !important;
}
.idea-board-container > .row .col-lg-6.col-xl-4 {
padding: 15px;
overflow: hidden;
}
.col-lg.idea-board-action-container {
text-align: right;
}
.idea-board-loadmore {
padding: 20px 0;
align-items: center;
display: flex;
flex-direction: column;
}
div#ideaBoard-Slidermain {
background: rgba(var(--bb2, 239, 239, 239), 1);
overflow: hidden;
display: flex;
flex-direction: column;
min-height: 450px;
margin-right: 349px;
align-items: stretch;
box-sizing: border-box;
flex-shrink: 0;
position: relative;
}
.swal2-popup.swal2-modal.swal2-show.idea-board-popup-container {
width: 100%;
background: transparent;
max-width: 935px;
}
img.slider-idea-board-image, img.slider-launch-pad-image {
object-fit: cover;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
cursor: pointer;
border-radius: 5px;
}
.idea-board-popup-container .row.col-lg-12.no-padding.main-slider-container {
height: 600px;
}
.idea-board-popup-container .col-lg-12.no-padding.main-slider-container .col-lg-6 {
border-radius: 0px;
background: #fff !important;
}
.idea-board-top-header {
padding: 16px 31px;
border-bottom: 1px solid rgba(var(--ce3, 239, 239, 239), 1);
border-left: 1px solid rgba(var(--ce3, 239, 239, 239), 1);
}
.idea-board-header-title {
display: flex;
flex-direction: revert;
align-items: center;
height: 35px;
}
.idea-board-header-title .avatar.rounded-avatar-img {
margin: 0 10px 0 0;
}
.idea-board-header-title h3 {
padding: 0;
margin: 0;
font-size: 14px;
}
.idea-board-top-footer {
position: absolute;
width: 100%;
left: 0;
bottom: 0;
border-top: 1px solid rgba(var(--ce3, 239, 239, 239), 1);
border-left: 1px solid rgba(var(--ce3, 239, 239, 239), 1);
}
.idea-board-popup-container .project-details-container {
background: #fff;
padding: 0px !important;
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 350px;
z-index: 9999;
border-left: 1px solid rgb(128 128 128 / 19%);
}
.idea-board-top-footer textarea.form-control {
margin-top: 0px;
margin-bottom: 0px;
border-color: transparent;
box-sizing: inherit;
color: rgba(var(--i1d, 38, 38, 38), 1);
max-height: 80px;
outline: 0;
padding: 18px 14px 0px 27px !important;
padding: 0;
resize: none;
}
.idea-board-top-footer button[disabled] {
opacity: 0.3;
pointer-events: none;
padding: 0px 14px;
}
.idea-board-top-footer button {
border: 0;
color: #0095f6;
color: rgba(var(--d69, 0, 149, 246), 1);
display: inline;
padding: 0;
position: relative;
background: transparent;
}
.idea-board-top-footer .form-control:focus {
box-shadow: inherit !important;
}
.idea-board-comment-section .form-group.px-0.mx-0.my-0 {
width: 90%;
}
button.btn.btn-post-comment:hover {
box-shadow: none;
}
.idea-board-like-container {
padding: 5px 20px;
border-bottom: 1px solid;
}
span.icon-idea-board {
display: inline-block;
}
span.icon-idea-board button {
padding: 8px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin: 0;
}
.idea-board-like-container {
padding: 5px 20px;
border-bottom: 1px solid rgba(var(--ce3, 239, 239, 239), 1);
display: inline-flex;
height: 46px;
}
.idea-board-created {
padding: 13px 12px;
font-size: 10px;
font-weight: bold;
color: #8e8e8e;
}
.idea-board-comment-section {
display: flex;
align-items: center;
justify-content: center;
}
span.idea-board-fallow {
margin-left: 12px;
font-size: 14px;
font-weight: bold;
color: rgba(var(--d69, 0, 149, 246), 1);
display: none;
}
.idea-board-middle {
margin: 15px 0px;
}
span.idea-board-dot {
margin-left: 12px;
}
.idea-boar-description {
padding: 0px 14px 0px 31px;
display: flex;
align-items: center;
}
.idea-boar-description p {
width: 90%;
font-size: 14px;
}
div#marketPlaceView-Slidermain {
float: right;
width: 69%;
overflow: hidden;
max-height: 385px;
height: auto;
margin: 15px 0;
position: relative;
border-radius: 8px;
border: 1px solid #bbbbbb;
}
#marketPlaceView-Slidermain {
cursor: ew-resize;
}
.idea-board-comments .comment, .idea-board-comments .comment-options {
padding-left: 45px;
}
.idea-board-comment-container {
padding: 18px 16px 23px 31px;
border-top: 1px solid rgba(var(--ce3, 239, 239, 239), 1);
max-height: 220px;
overflow-y: scroll;
}
.idea-board-likes {
padding: 10px 3px;
font-size: 14px;
font-weight: bold;
}
span.idea-board-count {
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 10px 5;
}
.idea-board-like-icon {
width: 40px;
}
#idea-board-list-container .col-lg-6.col-xl-4:hover .borad-over-layer {
display: block;
}
.borad-over-layer {
position: absolute;
top: 15px;
bottom: 15px;
width: 250px;
left: 15px;
background: rgba(0, 0, 0, 0.5);
display: none;
width: 91%;
cursor: pointer;
}
span.idea-board-count {
color: #fff;
font-size: 16px;
font-weight: bold;
padding: 10px 5;
}
.icon-idea-board-count {
position: absolute;
top: 50%;
left: 30%;
}
.icon-idea-board-count button {
background: transparent !important;
}
.comment-icon-idea-board-count.icon-idea-board-count {
left: 50%;
}
span.comment-time {
color: #8e8e8e;
font-weight: bold;
font-size: 10px !important;
}
.btn-group.idea-board-comment-option-list {
margin: 0 0 0 15px;
top: -8px;
}
.idea-board-btn-cancel, .idea-board-update {
display: inline-block !important;
}
.idea-board-btn-cancel {
background: #eee;
}
.ideanoard-marker {
position: absolute;
z-index: 99999999999999;
cursor: pointer;
text-align: right;
}
.idea-board-productlink {
background: #fff;
display: flex;
flex-direction: column;
width: auto;
margin: 0;
padding: 10px;
align-items: center;
border-radius: 45px;
}
.ideanoard-marker .fas.fa-circle.marker-icon {
position: absolute;
}
#idea-board-product-link {
padding: 5px 10px;
}
.ideanoard-marker .btn-group.bootstrap-select.ideaboard-companies {
display: inline-flex;
}
.ideanoard-marker.comment-box-icon.ideaboard-display-only {
display: none;
padding: 0px !important;
}
.swiper-slide:hover .ideanoard-marker.comment-box-icon.ideaboard-display-only {
display: block;
}
.ideanoard-marker.comment-box-icon.ideaboard-display-only .idea-board-productlink {
display: none;
}
.ideanoard-marker.comment-box-icon.ideaboard-display-only:hover .idea-board-productlink {
display: flex;
}
@media screen and (max-width: 480px) {
.idea-board-container > .row .col-lg-6.col-xl-4 {
padding: 5px 5px !important;
width: 50%;
}
.idea-board-popup-container .project-details-container {
position: inherit;
}
.swal2-popup.swal2-modal.swal2-show.idea-board-popup-container {
width: 100%;
}
.project-details-container {
height: auto;
padding: 0px 0px 0px 17px;
}
div#ideaBoard-Slidermain.gallery-top {
min-height: 250px !important;
}
.gallery-top {
margin-right: auto !important;
min-height: 100% !important;
}
.idea-boar-description {
display: block;
}
#idea-board-list-container {
margin-right: -10px;
margin-left: -10px;
}
.idea-board-container {
width: 100% !important;
padding: 0px !important;
margin: 0px;
}
.idea-board-comment-container {
max-height: 323px;
}
.idea-board-popup-container .project-details-container {
width: 100%;
}
.btn.launch-pad-ordernow-scroll {
display: block !important;
position: fixed;
z-index: 9999999;
}
.megamenu-section div.megamenu-child {
height: auto !important;
}
span.btn-marketplace-megamenu-detail {
width: 80% !important;
}
}
a.btn.btn-delete-ideaboard-marker {
border: 1px solid #eee;
border-radius: 50%;
padding: 5px 10px;
background: #fff;
position: absolute;
top: 0px;
right: 0px;
}
svg._8-yf5 {
display: none;
}
.ideanoard-marker.comment-box-icon:hover a.btn.btn-delete-ideaboard-marker {
display: block;
}
a.btn.btn-delete-ideaboard-marker {
display: none;
}
.intercom-button.show-intercom.intercom-active-count {
animation-name: bounce;
animation-iteration-count: infinite;
}
.bg-light-gray {
background-color: #ffffff !important;
background: rgb(255 255 255);
border: 4px solid #ffffff;
}
.idea-board-popup-container .swiper-slide {
display: block;
padding-bottom: 100%;
overflow: hidden;
}
.idea-board-popup-container .swiper-wrapper {
flex-grow: 1;
}
.idea-board-popup-container .swiper-button-next, .idea-board-popup-container .swiper-button-prev {
background: #fff;
padding: 0px;
border-radius: 70px;
width: 30px;
height: 30px;
}
.idea-board-popup-container .swiper-button-next:after, .idea-board-popup-container .swiper-button-prev:after {
font-size: 12px;
font-weight: bold;
color: #ccc;
}
span.proof-download-only-by-admin.title-download-button {
cursor: pointer;
font-size: 12px;
margin-left: 10px;
}
.comment-update-loader {
position: absolute;
top: 0;
bottom: 0;
height: 100%;
width: 100%;
align-items: center;
display: flex;
background: rgba(0, 0, 0, 0.2);
text-align: center;
flex-direction: row;
}
.loader-inner-element {
width: 100%;
color: #fff;
}
.loader-inner-element .signup-loader {
margin-right: 15px;
}
.card.scroll-proof-search {
position: sticky;
z-index: 9999;
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.28);
max-width: 1389px;
width: 100%;
background: white;
border-radius: 0px;
border-bottom: 1px solid #dadada;
}
@keyframes searchposition {
0% {
top: 25%
}
25% {
top: 20%
}
60% {
top: 10%
}
80% {
top: 5%
}
100% {
top: 0
}
}
span.quote-center-result.shirt_total {
color: #2dce89;
font-size: 35px;
}
span.quote-center-result.my_cost {
color: #e00000;
}
.btn-group.proof-tools {
display: inline-flex;
}
.feedback-admin-response h5.comment-name:after {
content: 'REDCORE PRO';
font-size: 8px;
font-weight: 900;
background: #cb0302;
color: white;
width: 100%;
padding: 4px 6px;
border-radius: 46px;
margin: 5px 4px;
position: relative;
top: -2px;
}
.feedback-admin-response.proof-ai-saved-comment h5.comment-name:after {
content: none;
display: none;
}
.feedback-admin-response.proof-ai-saved-comment .circle-avatar {
display: none !important;
}
.ideas-btn {
padding: 17px 57px;
top: -25px;
border: 5px solid #ef4f4f;
}
h5#message-subtitle-text {
color: white;
}
#current_clients .rounded-circle.add-new-users .cc_tooltip.addWidth.bounce-new {
display: block;
animation-name: bounce-new;
animation-duration: 2s;
animation-iteration-count: 2;
}
@-webkit-keyframes bounce-new {
0% {
top: -53px;
}
50% {
top: -100px;
}
100% {
top: -53px;
}
}
@keyframes bounce-new {
0% {
top: -53px;
}
50% {
top: -100px;
}
100% {
top: -53px;
}
}
.proof-waiting-long .cardy.card, .show-pinned-project .pinned-proof-waiting-long .cardy.card, #redcore-pinned .pinned-proof-waiting-long .cardy.card {
background: #f19d9d;
}
#redcore-pinned .pinned-proof-waiting-long .cardy.card .project-card-title, .show-pinned-project .pinned-proof-waiting-long .cardy.card .project-card-title, .proof-waiting-long .cardy.card .project-card-title, .proof-waitin-invoice-long .cardy.card .project-card-title {
color: #8e5352 !important;
}
.proof-waiting-long .cardy.card p.sub-title-pad-dd, .proof-waitin-invoice-long .cardy.card p.sub-title-pad-dd {
color: #8e5352 !important;
}
.scroll-proof-search .search-pad.card-header, .scroll-proof-search .proof-grid-switch {
display: none !important;
}
.status-group.hide-search-tag-main-container .show-more-visual-display-trigger {
display: none;
}
.status-group.hide-search-tag-main-container {
border: 0px solid #eee !important;
}
.pdf-full-screen-iframe {
width: 100%;
height: 100%;
top: 0px;
left: 0;
z-index: 10000;
position: fixed;
}
.pdf-iframe-close-button-container {
top: 0;
left: 0;
height: 50px;
width: 100%;
z-index: 10001;
position: fixed;
color: black;
background-color: white;
font-size: 30pt;
}
.invoice-modal-loading-state {
position: fixed;
inset: 50px 0 0 0;
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
background: rgba(255, 255, 255, 0.92);
color: #0f172a;
font-size: 18px;
font-weight: 700;
}
.invoice-modal-loading-spinner {
width: 22px;
height: 22px;
border-radius: 999px;
border: 3px solid rgba(15, 23, 42, 0.15);
border-top-color: #2563eb;
animation: redcoreSpin .7s linear infinite;
display: inline-block;
}
.invoice-modal-loading-text {
display: inline-block;
}
.pdf-iframe-back-button, .pdf-iframe-close-button, .pdf-iframe-download-button, .pdf-iframe-pay-button, .pdf-ach-link {
background-color: white;
color: #2fce8a !important;
padding: 5px 10px;
border-radius: 100%;
z-index: 10002;
position: absolute;
}
.pdf-iframe-back-button {
left: 15px;
}
.pdf-iframe-pay-button {
left: 86px;
}
.pdf-iframe-close-button {
right: 15px;
}
.pdf-iframe-download-button {
right: 86px;
}
.pdf-invoice-link {
margin: 8px 5px;
}
.pdf-iframe-download-button, .pdf-iframe-pay-button, .pdf-ach-link {
color: white;
webkit-appearance: none;
background: -webkit-gradient(to right, #a2ccb6 0%, #fceeb5 50%, #ee786e 100%);
border-radius: 50px;
margin: 8px 0px;
text-transform: uppercase;
}
.invoice-btn-container {
display: flex;
flex-direction: column;
align-items: center;
}
.invoice-discount-summary {
background: #F6F8FB;
border: 1px solid #E3E8EF;
border-radius: 18px;
color: #1F2937;
display: flex;
flex-direction: column;
gap: 8px;
margin: 14px 0 12px;
max-width: 382px;
padding: 14px 16px;
width: 100%;
}
.invoice-discount-message {
background: #E6F0FF;
border: 1px solid rgba(47, 111, 237, 0.16);
border-radius: 12px;
color: #1D4ED8;
font-size: 12.5px;
font-weight: 700;
line-height: 1.35;
margin-bottom: 4px;
padding: 9px 10px;
text-align: center;
}
.invoice-discount-row {
align-items: center;
display: flex;
font-size: 13px;
font-weight: 700;
justify-content: space-between;
}
.invoice-discount-row span {
color: #6B7280;
}
.invoice-discount-row strong {
color: #1F2937;
font-weight: 850;
}
.invoice-discount-original-row {
border-bottom: 1px solid #D8DEE8;
margin-bottom: 3px;
padding-bottom: 10px;
}
.invoice-discount-original-row span {
color: #1F2937;
font-size: 15px;
}
.invoice-discount-original-row strong {
font-size: 20px;
letter-spacing: -0.02em;
}
.invoice-discount-row .invoice-discount-original {
color: #7a8599;
text-decoration: line-through;
text-decoration-thickness: 2px;
text-decoration-color: rgba(214, 48, 49, 0.42);
}
.invoice-discount-savings-icon {
display: inline-block;
margin-right: 3px;
}
.invoice-discount-savings {
color: #0f9f6e;
}
.invoice-discount-savings span,
.invoice-discount-savings strong {
color: #0f9f6e;
}
.invoice-discount-total {
border-top: 1px solid #E3E8EF;
margin-top: 2px;
padding-top: 9px;
}
.invoice-discount-total span,
.invoice-discount-total strong {
color: #1D4ED8;
font-size: 15px;
}
.payment_invoice_submit {
width: 250px;
padding: 15px;
border-radius: 25px;
}
.invoice-bg-gray {
background: #eee;
}
.redcore-typingbubble .redcore-bubble {
min-width: 244px;
position: relative;
overflow: hidden;
}
.redcore-ai-typing {
display: flex;
align-items: center;
gap: 12px;
}
.redcore-ai-typing-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 34px;
height: 34px;
border-radius: 999px;
background: linear-gradient(135deg, rgba(220, 38, 38, 0.96), rgba(249, 115, 22, 0.9));
color: #fff;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
box-shadow: 0 10px 18px rgba(220, 38, 38, 0.18);
position: relative;
overflow: hidden;
}
.redcore-ai-typing-badge::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(120deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
transform: translateX(-120%);
animation: redchat-ai-badge-sheen 1.8s ease-in-out infinite;
}
.redcore-ai-typing-copy {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.redcore-ai-typing-label {
font-size: 12px;
font-weight: 800;
color: #7b1d2b;
letter-spacing: 0.01em;
line-height: 1.25;
}
.redcore-ai-typing-subtitle {
font-size: 10px;
font-weight: 600;
color: #9f1239;
opacity: 0.72;
line-height: 1.2;
}
.redcore-ai-typing-dots {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 4px 8px;
border-radius: 999px;
background: rgba(201, 37, 59, 0.1);
}
.redcore-typingdot {
width: 7px;
height: 7px;
border-radius: 999px;
background: #c9253b;
display: inline-block;
animation: redchat-ai-bounce 0.9s infinite ease-in-out;
}
.redcore-ai-typing-meter {
position: relative;
width: 100%;
height: 4px;
margin-top: 11px;
border-radius: 999px;
background: rgba(190, 24, 93, 0.12);
overflow: hidden;
}
.redcore-ai-typing-meter span {
position: absolute;
inset: 0 auto 0 -30%;
width: 38%;
border-radius: inherit;
background: linear-gradient(90deg, rgba(239, 68, 68, 0.08), rgba(244, 114, 182, 0.9), rgba(249, 115, 22, 0.2));
animation: redchat-ai-meter 1.45s ease-in-out infinite;
}
.redcore-ai-typing-dots .redcore-typingdot:nth-child(2) {
animation-delay: 0.12s;
}
.redcore-ai-typing-dots .redcore-typingdot:nth-child(3) {
animation-delay: 0.24s;
}
@keyframes redchat-ai-bounce {
0%, 80%, 100% {
transform: translateY(0);
opacity: 0.45;
}
40% {
transform: translateY(-4px);
opacity: 1;
}
}
@keyframes redchat-ai-badge-sheen {
0% {
transform: translateX(-120%);
}
55%, 100% {
transform: translateX(140%);
}
}
@keyframes redchat-ai-meter {
0% {
left: -32%;
}
100% {
left: 100%;
}
}
button.btn.btn-white-color.btn-launch-pad-tag-search[data-tag-key="awaiting_response"], button.btn.redcore-card-status[data-action="need-response"] {
background: #8967c6;
color: white;
}
.approve-shipping-section, .proof-details-approve-section {
text-align: left;
}
button#add-new-users-to-proof, button#add-new-category-to-project {
background: #5600ff;
color: white;
padding: 4px 0px;
border-radius: 54px;
font-weight: bold;
}
#add-new-users-to-proof, #add-new-category-to-project {
-webkit-animation: abe-blinkn 1s infinite;
-moz-animation: abe-blinkn 1s infinite;
-o-animation: abe-blinkn 1s infinite;
animation: abe-blinkn 1s infinite;
}
@-webkit-keyframes abe-blinkn {
0%, 49% {
background: rgb(86 0 255 / 72%);
}
50%, 100% {
background: #5600ff;
}
}
#proof-add-users-tab-2 .col-lg-12.text-center:before {
content: 'Make sure the email above is correct.';
font-size: 80%;
font-weight: 600 !important;
color: #f44336;
margin-bottom: 25px;
padding-bottom: 45px;
position: relative;
top: -21px;
}
.invoice-payment-form input {
color: #9BACC8 !important;
}
.invoice-payment-form input:focus, .invoice-payment-form input:hover, .invoice-payment-form input:active {
background: transparent !important;
}
.invoice-payment-form input[type='checkbox'] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox;
}
.btn-info.reminder-btn, .btn-info.btn-proof-reminder-submit {
background: #333;
border-color: #333;
}
.btn-info.btn-proof-reminder-submit {
border-radius: 25px;
}
.form-group.display-flex.flex-align-center {
display: flex;
justify-content: center;
align-items: center;
}
label[for="proof-reminder-for-user"], label[for="proof-pinned-project"] {
margin-bottom: 0px;
padding-right: 10px;
}
.reminder-title {
font-size: 30px;
font-weight: bold;
}
.proof-reminder {
flex-direction: row;
display: flex;
justify-content: space-between;
color: #333;
padding: 10px 0px;
border-bottom: 2px solid #333;
align-items: center;
cursor: pointer;
}
.reminder-text {
width: 80%;
overflow: hidden;
font-weight: 500;
text-align: justify;
white-space: nowrap;
text-overflow: ellipsis;
}
.reminder-option {
font-size: 12px;
font-weight: bold;
position: relative;
}
.reminder-option-action-list {
display: none;
}
.dark-mode .navbar-vertical {
box-shadow: none !important;
}
.dark-mode #site-banner-site-status-down {
background: #1f1d2b;
}
button.round-none.btn.btn-primary.btn-sm.add_schedule {
background: #2196f3;
border-radius: 52px;
padding: 12px 23px;
}
.proof-reminder:hover .reminder-option {
font-size: 0px;
}
.proof-reminder:hover .reminder-option-action-list {
display: block;
font-size: 12px;
}
.table-responsive pb-4 {
overflow: visible;
}
.standard-height {
max-height: 25px;
}
.mini-drop {
max-width: 78px;
background: #eeeeef;
padding: 8px !important;
border-radius: 50px !important;
bottom: 15px;
position: fixed;
z-index: 9999 !important;
}
.mini-drop:hover {
background: #4b8fe2 !important;
color: white !important;
}
.payment-options-image {
width: 148px;
margin-top: 20px;
}
.pdf-iframe-download-button, .pdf-iframe-pay-button, .pdf-ach-link {
color: #2fce8a !important;
}
.pdf-ach-link {
position: absolute;
right: 275px;
}
.idea-board-popup-container .swiper-button-next, .idea-board-popup-container .swiper-button-prev {
background: #fff;
padding: 0px;
border-radius: 70px;
width: 30px;
height: 30px;
}
.dz-preview h4.mb-1 {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 97%;
position: absolute !important;
}
.no-span {
padding: 0px 87px;
position: r;
top: 3px;
}
.no-span:before, .no-span:after {
border-top: 2px solid #37bce6;
content: '';
display: table-cell;
position: relative;
top: .9em;
width: 45%;
}
.plus {
padding: 1px 6px;
width: 100%;
background: #eeeeee;
position: relative;
top: 6px;
font-weight: bold;
font-size: 12px;
}
#invoice_payment_request_btn_4794 {
border-top: 1px solid #c7c7c7;
padding: 0px 117px;
position: relative;
top: -22px;
z-index: -1;
}
input.Input.InputElement:-webkit-autofill, input.Input.InputElement:-webkit-autofill:hover, input.Input.InputElement:-webkit-autofill:focus, input.Input.InputElement:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important;
}
input.Input.InputElement:-webkit-autofill {
-webkit-text-fill-color: blue !important;
}
select#saved-payment-list, select#saved-payment-list {
font-family: sans-serif;
padding: 5px;
position: relative;
display: block;
width: 100%;
font-size: 19px;
color: #4f5d68;
background: #ffffff;
border-radius: 4px;
cursor: pointer;
height: 43px;
text-indent: 8px;
}
select#saved-payment-list {
position: relative;
display: inline-block;
width: 100%;
color: #555;
}
span.remove-user-from-proof {
position: absolute;
width: 100%;
left: -10px;
font-weight: bold;
color: #333;
font-size: 10px;
display: none;
}
span.remove-user-from-proof span.remove-icon {
background: #a51b1c;
padding: 6px 9px;
color: #fff;
border-radius: 50%;
border: 2px solid white;
box-shadow: 0px 3px 6px #00000033;
position: relative;
top: 21px;
}
a.avatar.avatar-sm.rounded-circle:hover span.remove-user-from-proof {
display: block;
}
.quotecenter-tab {
display: flex;
flex-direction: row;
justify-content: space-around;
border: 5px solid #eee;
border-radius: 15px;
margin-bottom: 20px;
background: #eee;
}
.quotecenter-action-list {
padding: 10px;
width: 50%;
font-weight: bold;
border-radius: 10px;
text-align: center;
font-size: 25px;
cursor: pointer;
}
.quotecenter-action-list.active {
background: #2dce89;
border: 1px solid #2dce89;
color: #ffffff;
}
.red {
color: #ae192c;
}
#signup-message {
padding-bottom: 7px;
font-size: 13px;
font-weight: 400;
line-height: 1.7;
background: #e2e2e2;
border-radius: 11px;
padding: 10px 18px;
}
span.badge.badge-pill.email-sent-tag.btn {
font-size: 10px;
background: #eee;
}
.redcore-progressbar {
display: flex;
width: 100%;
margin: 20px 0;
background: #11cdef;
border-radius: 20px;
overflow: hidden;
box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, .1);
flex-direction: column;
}
.redcore-progressbar-value {
background: #27b578;
width: 0%;
padding: 10px;
border: 1px solid #27b578;
transition: 1.4s linear;
transition-property: width, background-color;
animation: move 2s linear infinite;
background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#search-proof-select-user-container .btn-group.bootstrap-select.show-tick.form-control, #search-proof-select-user-container .btn-group.bootstrap-select.form-control, #select_new_users_bulk_action_container .btn-group.bootstrap-select.show-tick.form-control, #select_new_users_bulk_action_container .btn-group.bootstrap-select.form-control {
height: auto;
}
#search-proof-select-user-container .dropdown-menu.open, #select_new_users_bulk_action_container .dropdown-menu.open {
position: inherit;
}
span.comment-text-bg {
padding: 0px 9px;
margin: 0 2px;
border-radius: 3px;
box-shadow: 0px 2px 3px #00000047;
border: 2px solid white;
cursor: pointer;
}
.sm-required {
font-size: 9px;
color: red;
}
button#proofSubmitUserSelect {
border-radius: 54px;
padding: 16px 7px 15px 44px;
}
.directory-box {
position: relative;
}
.main-slider-container.idea-board .click-next-tbn {
width: 25px;
height: 25px;
background: transparent;
padding: 4px;
content: '';
right: -50px;
position: absolute;
transform: rotate(45deg);
border-right: 3px solid;
border-top: 3px solid;
top: 50%;
border-color: #babdc3;
cursor: pointer;
}
.main-slider-container.idea-board .click-prev {
width: 25px;
height: 25px;
background: transparent;
padding: 4px;
content: '';
left: -50px;
position: absolute;
transform: rotate(45deg);
border-left: 2px solid;
border-bottom: 2px solid;
top: 50%;
border-color: #babdc3;
cursor: pointer;
}
.support-user-only div#main-support-article-review, .support-user-only #main-support-content {
padding-top: 0px !important;
}
.messanger_user_search {
padding: 10px 0;
font-size: 20px;
font-weight: bold;
border-radius: 0;
background: #b1b4bb !important;
border-color: #b1b4bb !important;
box-shadow: 10px 7px 14px rgba(50, 50, 93, .1), 10px 3px 6px rgba(0, 0, 0, .08);
}
.messanger-search-user-container {
margin-bottom: 0px;
position: fixed;
bottom: 5px;
margin-top: 32px;
z-index: 999;
right: 3px;
background: #b1b4bb !important;
padding: 10px;
transition: 500ms;
}
#support-feedback-panel-content {
margin-bottom: 100px;
}
.messanger-search-user-container.addMessageWidth span.btn.support-search-user.hide-and-show, .messanger-search-user-container.addMessageWidth span.btn.support-notification-audio.hide-and-show {
display: block;
}
span.btn.support-notification-audio.hide-and-show {
right: 55px !important;
}
span.btn.support-notification-audio.client-side-audio-notification {
bottom: 15px !important;
display: block !important;
}
span.btn.support-search-user.hide-and-show {
position: absolute;
right: 0;
z-index: 9999;
bottom: 12px;
background: #fff;
padding: 10px 5px;
margin: 0 5px;
display: none;
padding: 15px;
box-shadow: 0px 3px 6px #00000033;
display: none;
border-radius: 20px;
border: 4px solid #d6090b;
}
span.btn.support-notification-audio.hide-and-show {
position: absolute;
top: -117px;
left: 0px;
width: 49px;
border: 3px;
padding: 12px;
bottom: 50px !important;
max-height: 38px;
border-radius: 11px;
}
.messanger-search-user-container.hide-intercom-search {
width: 75px !important;
background: transparent !important;
}
.messanger-search-user-container.hide-intercom-search button, .messanger-search-user-container.hide-intercom-search input {
visibility: hidden;
}
.shipping-top-container {
display: flex;
margin: 0 20px;
}
.shipping-top-container label.btn {
border: 1px solid #bec0c3;
}
.shipping-top-container input[type="radio"]:checked + label.btn {
background: #eee;
}
#support-feedback-pane-users-lists .card-header.support-li-header.hide {
display: none !important;
}
li.unhide {
display: block !important;
}
.proof-waitin-invoice-long .cardy.card {
background: #abcbea !important;
}
.title-details:hover span.hover-show-only {
display: inline-block;
}
span.hover-show-only {
display: none;
margin-left: 5px;
}
.proof-bulk-action-grid-button button.grid-switch-btn.active-btn, .proof-linked-invoices button.grid-switch-btn.active-btn {
color: #d40100;
}
#proofGritListMainContainer.bulk-action-active .status-group .cardy.card, #proofGritListMainContainer.invoice-linked-action-active .status-group .cardy.card {
border: 1px solid #2af132;
}
.trigger_bulk_action {
border-radius: 1000px;
padding: 17px 56px;
background: #ff5722;
top: -106px;
border: 6px solid white;
}
button.btn.order-history-link-invoice.active {
background: #fff;
border-color: #eee;
}
.order-history-container.active-linked-invoice .order-history-content, .proof-order-history-container.active-linked-invoice .order-history-content {
position: relative;
}
.order-history-container.active-linked-invoice .order-history-content, .proof-order-history-container.active-linked-invoice .order-history-content, .order-history-container.active-linked-invoice .order-history-content .order-history-invoice, .proof-order-history-container.active-linked-invoice .order-history-content .order-history-invoice {
border-color: #2af132;
cursor: pointer;
}
.order-history-container.active-linked-invoice .order-history-content.is-locked {
border-color: #bb2124;
}
.cardy.card.selected-bulk-action-product, .cardy.card.selected-invoice-linked-action-product, .order-history-container.active-linked-invoice .order-history-content.selected, .proof-order-history-container.active-linked-invoice .order-history-content.selected, .order-history-container.active-linked-invoice .order-history-content.selected .order-history-invoice, .proof-order-history-container.active-linked-invoice .order-history-content.selected .order-history-invoice {
border-color: #ffbf00 !important;
}
.cardy.card.selected-bulk-action-product:before, .cardy.card.selected-invoice-linked-action-product:before, .order-history-container.active-linked-invoice .order-history-content.selected::before, .proof-order-history-container.active-linked-invoice .order-history-content.selected::before {
content: '';
position: absolute;
left: 0;
top: 0;
background: #ffbf00;
padding: 20px;
border-top-left-radius: 12px;
border-bottom-right-radius: 50px;
box-shadow: 0 0 2rem #ffbf00;
}
.invoice-payment-form input {
color: #424770 !important;
}
.invoice-payment-form input::-webkit-input-placeholder {
color: #9BACC8 !important;
;
}
.invoice-payment-form input::-moz-placeholder {
color: #9BACC8 !important;
;
}
.invoice-payment-form input:-ms-input-placeholder {
color: #9BACC8 !important;
;
}
.invoice-payment-form input:-moz-placeholder {
color: #9BACC8 !important;
;
}
.form-primary.invoice-payment-form .form-control:focus {
border: 0px solid #eee !important;
}
.error-message {
color: #bb2124;
font-size: 12px;
line-height: 1.42857143;
font-weight: bold;
}
.proof-information-container {
margin-bottom: 100px;
}
figure.image {
cursor: zoom-in;
}
.errorField + .error-message {
color: #ffffff;
width: 100%;
background: #cc0000;
border-radius: 4px;
}
.form-primary .form-control {
color: #848995;
border-color: #818691;
background-color: rgb(255, 255, 255);
}
#profile-component .nav-item a.nav-link {
margin: 8px 4px 6px 9px;
}
span.badge.badge-pill.email-sent-tag.btn {
font-size: 9px;
background: #989898;
position: absolute;
right: 43px;
border-radius: 0px 18px 18px 0px;
color: white;
padding: 6px 11px 6px 8px;
bottom: 6px;
}
select#saved-payment-list {
display: inline-block;
width: 100%;
margin: 0;
padding: .5rem 2.25rem .5rem 1rem;
line-height: 1.5;
color: #555;
background-color: #eee;
border: 0;
border: 1px solid #D0D0D0;
border-radius: .25rem;
cursor: pointer;
outline: 0;
}
select#saved-payment-list:focus:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
select#saved-payment-list:focus {
box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
}
select#saved-payment-list:active {
color: #fff;
background-color: #0074d9;
}
select#saved-payment-list::-ms-expand {
display: none;
}
@-moz-document url-prefix() {
select#saved-payment-list {
text-indent: 0.01px;
text-overflow: '';
padding-right: 1rem;
}
.select option {
background-color: white;
}
}
@media screen and (min-width: 0\0) {
select#saved-payment-list {
z-index: 1;
padding: .5rem 1.5rem .5rem 1rem;
}
select#saved-payment-list:before {
position: absolute;
top: 0;
right: 1rem;
bottom: 0;
z-index: 2;
content: "";
display: block;
width: 1.5rem;
background-color: #eee;
}
select#saved-payment-list:hover, select#saved-payment-list:focus, select#saved-payment-list:active {
color: #555;
background-color: #eee;
}
}
input[type="text"], select#saved-payment-list {
font-family: sans-serif;
font-size: 15px;
}
select#saved-payment-list:focus:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
div#savedPaymentMethods {
padding: 0px 0px 21px;
}
.input-group-alternative {
border: 1px solid #b1b1b1;
}
.proof-submitted-user-name {
background: #f4f4f6;
height: auto !important;
position: absolute;
right: 0;
font-weight: bold;
padding: 11px 13px !important;
border-radius: 25px;
top: -80px;
}
.above-label {
z-index: 9;
}
.file-upload-container {
margin-top: 0px !important;
padding: 35px 51px !important;
background: #f4f4f6;
}
.file-uploader-shell {
display: flex;
flex-direction: column;
gap: 28px;
}
.user-file-upload-container {
min-height: 300px;
}
.file-uploader-side-panel {
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 24px;
box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
padding: 28px !important;
}
.file-uploader-panel-head h3 {
margin: 0 0 6px;
font-size: 24px;
font-family: 'AvantGardeLT-Bold';
color: #0f172a;
}
.file-uploader-panel-head p {
margin: 0 0 18px;
color: #64748b;
font-size: 14px;
}
span.user-project-file-upload-error {
color: #de0201;
font-size: 12px;
font-weight: bold;
display: block;
margin-top: 12px;
}
#show_form_data_in_email {
text-align: justify;
min-height: 170px;
border-radius: 18px;
background: #ffffff;
border: 1px solid rgba(148, 163, 184, 0.35);
box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
padding: 16px 18px;
}
.file-uploader-message-meta {
display: flex;
justify-content: flex-end;
margin-top: 8px;
color: #64748b;
font-size: 12px;
}
.file-uploader-panel-stats {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-bottom: 16px;
}
.file-uploader-stat-card {
padding: 14px 16px;
border-radius: 18px;
background: #f8fafc;
border: 1px solid rgba(148, 163, 184, 0.18);
}
.file-uploader-stat-label {
display: block;
font-size: 11px;
letter-spacing: 0.08em;
color: #64748b;
text-transform: uppercase;
margin-bottom: 6px;
}
.file-uploader-stat-card strong {
display: block;
color: #0f172a;
font-size: 14px;
line-height: 1.5;
}
.file-uploader-supported-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 18px;
}
.file-uploader-supported-list span {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 7px 12px;
border-radius: 999px;
background: #ffffff;
border: 1px solid rgba(37, 99, 235, 0.12);
color: #2563eb;
font-size: 12px;
font-weight: 700;
}
.file-uploader-actions {
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 14px;
}
.file-uploader-actions .btn {
border-radius: 18px;
min-height: 48px;
padding: 12px 20px;
font-weight: 800;
}
.file-uploader-actions .file-uploader-remove-all {
background: #eef2ff;
color: #334155;
border: 1px solid rgba(148, 163, 184, 0.24);
}
.file-uploader-actions .file-uploader-cta {
flex: 1 1 auto;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.disabled-opacity {
opacity: 0.5;
}
.file-uploader-note {
margin: 0;
color: #64748b;
font-size: 13px;
line-height: 1.6;
}
.user-upload-link-container {
position: relative;
}
a.proof-viewer-image {
text-decoration: underline;
color: purple;
}
.tooltip-element {
white-space: pre-wrap !important;
}
a.show-purple-color {
color: purple !important;
}
.col-intercom-img.logged_in_user:before, .col-intercom-img.active_user:before, .col-intercom-img.logged_out_user:before {
content: '';
position: absolute;
padding: 6px;
left: 37px;
top: 27px;
z-index: 999;
border-radius: 50px;
border: 3px solid #eee;
}
.col-intercom-img.logged_in_user:before {
background: rgb(207, 44, 15);
}
.col-intercom-img.logged_out_user:before {
background: rgb(135, 142, 156);
}
.col-intercom-img.active_user:before {
background: rgb(18, 209, 91);
}
#support-feedback-pane-users-lists.active {
display: flex !important;
flex-direction: column;
}
#support-feedback-pane-users-lists .intercom-user-list {
order: 1;
}
#support-feedback-pane-users-lists .category-container.active_user {
order: 2;
}
#support-feedback-pane-users-lists .category-container.logged_in_user {
order: 3;
}
#support-feedback-pane-users-lists .category-container.logged_out_user {
order: 4;
}
.comment figure.image img {
float: none !important;
}
#proof_list_graph, #approved_proof_list_graph {
width: 100%;
height: 400px;
justify-content: center;
flex-direction: column;
display: flex;
margin-bottom: 20px;
}
#proof_list_graph .ct-series-a .ct-area, #approved_proof_list_graph .ct-series-a .ct-area {
fill: #bb2124;
}
#proof_list_graph .ct-series-a .ct-line, #approved_proof_list_graph .ct-series-a .ct-line {
stroke: #bb2124;
stroke-width: 2px;
}
#proof_list_graph .ct-series-a .ct-point, #proof_list_graph .ct-series-a .ct-line, #proof_list_graph .ct-series-a .ct-bar, #proof_list_graph .ct-series-a .ct-slice-donut, #approved_proof_list_graph .ct-series-a .ct-point, #approved_proof_list_graph .ct-series-a .ct-line, #approved_proof_list_graph .ct-series-a .ct-bar, #approved_proof_list_graph .ct-series-a .ct-slice-donut {
stroke: #bb2124;
}
.proof-pinned-btn, .proof-pinned-text {
display: none;
}
#redcore-pinned .inner-subitem-list .hide-pinner-active, .show-pinned-project .inner-subitem-list .hide-pinner-active {
display: none;
}
#redcore-pinned .proof-pinned-btn, #redcore-pinned .proof-pinned-text, .show-pinned-project .proof-pinned-btn, .show-pinned-project .proof-pinned-text {
display: block;
}
.proof-pinned-text p {
padding: 10px;
color: #fff;
font-size: 12px;
visibility: visible;
border: 2px dashed #eee;
border-radius: 15px;
}
.proof-pinned-btn div.btn {
text-align: center;
padding: 10px;
margin-top: 10px;
cursor: pointer;
min-width: 150px;
font-size: 12px;
}
span.proof-pinned-due-date-text {
font-size: 12px;
color: #de0201;
font-weight: bold;
}
.proof-pinned-btn .btn.btn-shipped-option {
background: #2196f3;
}
.proof-pinned-btn .btn.btn-delivered-option {
background: #43c77e;
}
.holder {
display: inline-flex;
position: absolute;
right: 0px;
top: 134px;
padding: 1px;
}
label#placeholder_url_new_tab_label {
padding: 18px;
font-size: 12px;
color: #0075ff;
}
span.placeholder-alias-label {
background: #c20b0d;
color: white;
border-radius: 33px;
padding: 8px 11px 8px 14px;
margin: 9px 7px;
font-weight: 900;
max-height: 28px;
}
.btn-holder {
position: fixed;
padding: 1px;
z-index: 9999;
bottom: 20px;
margin: auto 50%;
}
button.btn.show-all-users-list {
border-radius: 1000px;
padding: 17px 56px;
background: #d40100;
border: 6px solid white;
}
.project-card .avatar img {
border: 0px solid #ffffff;
}
.proof-quick-pin {
position: absolute;
right: 20;
top: 15;
transform: translateY(-24px);
visibility: hidden;
opacity: 0;
visibility: hidden;
animation: textBlinkAnimate 3s linear infinite;
}
.proof-grid-column:hover .proof-quick-pin {
transform: translateY(0px);
visibility: visible;
transition: .6s;
opacity: 1;
}
.quick-pinned-project.quick_pinned {
color: rgb(235, 34, 34);
}
.user-file-upload-area {
cursor: pointer;
min-height: 430px;
border: 2px dashed rgba(37, 99, 235, 0.18);
border-radius: 28px;
background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.12), transparent 38%), linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
transition: transform 220ms cubic-bezier(0.2, 0.9, 0.2, 1), box-shadow 220ms cubic-bezier(0.2, 0.9, 0.2, 1), border-color 220ms cubic-bezier(0.2, 0.9, 0.2, 1);
}
.user-file-upload-area.is-drag-hover,
.user-file-upload-area:hover {
transform: translateY(-3px);
border-color: rgba(37, 99, 235, 0.35);
background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.16), transparent 38%), linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
box-shadow: 0 28px 68px rgba(37, 99, 235, 0.16);
}
.file-uploader-drop-inner {
width: 100%;
max-width: 520px;
margin: 0 auto;
padding: 48px 36px;
text-align: center;
}
.file-uploader-eyebrow {
display: inline-flex;
padding: 8px 14px;
border-radius: 999px;
background: rgba(37, 99, 235, 0.1);
color: #2563eb;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 20px;
}
.file-uploader-drop-title {
margin: 20px 0 10px;
font-size: 38px;
line-height: 1.1;
color: #0f172a;
font-family: 'AvantGardeLT-Bold';
}
.file-uploader-drop-subtitle {
margin: 0;
color: #64748b;
font-size: 16px;
}
.file-uploader-drop-actions {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
margin: 28px 0 24px;
}
.file-uploader-drop-actions .btn {
min-height: 48px;
padding: 12px 22px;
border-radius: 18px;
font-weight: 800;
}
.file-uploader-drop-caption {
color: #475569;
font-weight: 700;
font-size: 13px;
}
.file-uploader-drop-meta {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
}
.file-uploader-meta-pill {
padding: 16px;
background: rgba(255, 255, 255, 0.88);
border: 1px solid rgba(148, 163, 184, 0.14);
border-radius: 20px;
box-shadow: 0 12px 24px rgba(15, 23, 42, 0.05);
}
.file-uploader-meta-pill span {
display: block;
color: #0f172a;
font-size: 24px;
font-family: 'AvantGardeLT-Bold';
margin-bottom: 6px;
}
.file-uploader-meta-pill small {
color: #64748b;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.file-uploader-section-head {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 16px;
}
.file-uploader-section-head h4 {
margin-bottom: 4px !important;
}
.file-uploader-section-head p {
margin: 0;
color: #64748b;
font-size: 14px;
}
.pinned-show {
display: block !important;
}
.pinned-hide {
display: none !important;
}
.btn-unpinned {
background: #d40100;
}
span.viewer-notification {
position: absolute;
right: 20;
bottom: 20px;
}
#proofGritListMainContainer .search {
padding-top: 34px;
}
.file-manager-image {
width: 200px;
cursor: pointer;
}
#fileManager-component {
margin-top: 0px;
}
.file-manager-image-card {
width: 200px;
margin: 10px;
}
.file-manager-image-card .card-content, .file-manager-image-card .file-manager-image {
padding: 0;
}
.grid-switch-btn.active-btn[data-action="load-all-proofs"] {
position: relative;
}
#redcore-awaiting_approval-items .admin-mode-card[data-hide-proof=""] .awaiting_approval, #redcore-awaiting_approval-items .client-mode-card.client-hidden-card .awaiting_approval {
background: #3e96dd;
font-size: 9px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 3px 11px 2px 6px;
}
.file-manager-image-card.user-upload {
background: #8e1db1;
border-radius: 13px;
}
span.file-manager-title-text {
color: #3b96de;
font-weight: 900;
}
.file-manager-image-card.preparing_shipment {
background: #2196f3;
border-radius: 13px;
}
.file-manager-image-card.delivered {
background: #108c65;
border-radius: 13px;
}
.file-manager-image-card.unapproved {
background: red;
border-radius: 13px;
}
.file-manager-image-card.response_needed {
background: #af0006;
border-radius: 13px;
}
.file-manager-image-card.production_hold {
background: #af0006;
border-radius: 13px;
}
.file-manager-image-card.approved {
background: #FFC107;
border-radius: 13px;
}
.file-manager-image-card.received, .file-manager-image-card.new_project {
border-radius: 13px;
}
.dz-default.dz-message:after {
content: ' These files will expire after 60 days.';
color: #2196F3;
position: absolute;
top: 80px;
width: max-content;
float: left;
font-size: 11px;
display: inherit;
margin: auto 30%;
}
.btn-marketplace-megamenu-detail h1.title {
margin-left: 0;
font-size: 16px;
letter-spacing: 0px;
font-family: 'AvantGardeLT-Bold';
color: red;
border-bottom: 1px solid black;
}
#show-more-delivered {
padding: 9px 6px;
border-radius: 31px;
cursor: pointer;
width: 100%;
margin: 53px auto 77px !important;
background: #b4b5bd;
color: white;
max-width: 500;
}
.launch-padding .mb-0 {
width: 100%;
}
.project-card-title-2 {
font-size: 1rem;
}
.project-card .sub-title-pad-dd {
text-overflow: ellipsis;
}
.spinner.in-progress-spiner div, .spinner.in-progress-spiner span {
background: #fff;
width: 6px;
}
span.spinner.in-progress-spiner {
margin: 10px 5px 0 5px !important;
}
.spinner.in-progress-spiner {
float: right;
margin: 0px;
}
.placeholder-alias-label {
position: absolute;
font-size: 10px;
line-height: normal;
right: 30px;
top: -10px;
}
.hide-card-table .col-md-12 .table-responsive {
display: none;
}
span.proof-media-created, .view-proof-feather-light, .remove-proof-image-bg {
font-size: 10px;
font-weight: bold;
padding: 3px 10px;
border-radius: 0px;
position: relative;
bottom: 0px;
border-radius: 0px 0px 5px 5px;
z-index: 9999 !important;
width: 134px;
align-content: center;
text-align: center;
background: #eeeeef;
display: block;
}
.spinner.in-progress-spiner div, .spinner.in-progress-spiner span {
background: #fff;
width: 2px;
margin-top: 2px;
height: 7px;
margin-left: 7px;
}
.expire-text.update-in-progress-bg {
padding: 4px 11px;
font-size: 12px;
background: #0471c7;
color: #fff;
position: fixed;
left: 29px;
border: 3px solid #4c9fe0;
border-radius: 55px;
bottom: 22px;
margin-bottom: 0px;
}
span.placeholder-alias-label {
background: #c20b0d;
color: white;
border-radius: 33px;
padding: 3px 13px;
margin: 7px;
}
.red-form {
color: #ffffff !important;
padding: 20px 26px;
background: #2050dc;
border-radius: 6px;
}
.comment-box-icon {
max-width: 395px;
}
button.btn.load-place-user {
position: absolute;
right: 50;
top: 15px;
background: transparent;
border: 1px solid;
border-radius: 25px;
font-size: 12px;
padding: 5px 20px;
}
.search__submit i {
color: #d90000;
padding: 4px 9px;
font-size: 24px;
}
#companiesContainer .row .col-md-12 .card-header {
z-index: initial !important;
}
.col-md-12.info-text {
margin: 10px;
}
.place-info-show {
cursor: pointer;
}
.image-loader-count {
position: absolute;
top: 20%;
font-size: 50px;
right: 30%;
color: #fff;
font-family: 'AvantGardeLT-Bold';
font-weight: bold;
}
#progress-bar-fileuploader {
height: 56px;
display: block;
width: 100%;
max-width: 520px;
margin: 0 auto 6px;
background: rgba(255, 255, 255, 0.92);
padding: 5px;
border: 1px solid rgba(37, 99, 235, 0.16);
text-align: center;
position: relative;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08);
}
#progress-bar-fileuploader > #progress-fileuploader {
width: 0%;
height: 100%;
background: linear-gradient(90deg, #2563eb 0%, #38bdf8 100%);
border-radius: 14px;
}
#progress-bar-fileuploader > p {
vertical-align: middle;
display: inline-block;
color: #0f172a;
font-weight: bold;
margin: -38px auto 0;
position: relative;
z-index: 2;
}
button.btn.btn-place-tag {
border-radius: 25px;
text-transform: capitalize;
padding: 3px 13px;
margin-top: 10px;
background: white;
}
button.btn.btn-place-tag.active {
border-color: #a72124;
background: #a72124;
color: #fff;
}
button.btn.show-all-users-list {
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
border-radius: 15px;
}
.extra-margin-top {
margin-top: 100px;
}
.hide-visible {
visibility: hidden;
}
label.fb-radio-group-label {
color: #0379d6;
font-size: 16px;
padding-top: 15px;
line-height: 0px;
}
#full-screen-modal #fixed-status-bar {
height: 88px;
}
#formBuilderViewProof h5 {
color: #2050dc;
font-size: 16px;
padding-top: 15px;
line-height: 0px;
font-weight: 600;
}
button.btn.back-to-my-projects.overlay-active {
padding: 0px;
}
button.btn.back-to-my-projects {
background: #ffffff2e;
border-radius: 68px;
background: rgb(207 9 35);
font-size: 12px;
padding: 10px 26px !important;
right: 0px;
z-index: 1;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
backdrop-filter: blur(7px);
-webkit-backdrop-filter: blur(7px);
background: #2196f3;
position: fixed;
right: 1px;
margin: auto 36%;
bottom: -1px;
color: white !important;
border-radius: 24px 22px 0px 0px;
}
#redcore-sub-title {
color: #98a5ee !important;
}
div#pages_add_new_button {
z-index: 9999;
}
.launch-pad:after {
z-index: 0 !important;
}
button.create_new_project_action.btn.btn-danger.btn.btn-round-radious {
z-index: 1 !important;
}
.proof-list-title h4 {
font-family: 'AvantGardeLT-Bold';
}
.nested-comment {
margin-top: 47px;
}
.nested-comment:before {
content: '';
height: 17px;
width: 18px;
top: -7px;
transform: rotate(45deg);
border-radius: 2px;
margin: -4px 15px;
border-top: 24px solid #eeeeef;
border-left: 24px solid #eeeeef;
text-align: center;
vertical-align: middle;
content: "";
position: absolute;
bottom: 100%;
}
.feedback-admin-response {
margin-top: 27px;
}
.production_hold_popup h1 {
font-family: 'AvantGardeLT-Bold';
font-size: 32px;
color: #d20000;
}
.comment-container .feedback-admin-response:first-of-type {
margin-top: 0px !important;
}
a.report-big-menu span {
padding: 16px;
cursor: pointer;
}
.visible-hide {
visibility: hidden;
}
.proof-list-count-bar {
display: flex;
border-radius: 15px;
max-height: 0px;
border: 0px !important;
overflow: inherit;
width: 209px;
}
.proof-status-lists:first-child {
border-radius: 35px 0px 0px 34px;
border-left: 2px solid #494e58;
}
.proof-status-lists:last-child {
border-radius: 0px 35px 35px 0px;
border-right: 2px solid #494e58;
}
.proof-status-lists {
display: inline-block;
height: 20px;
cursor: pointer;
border-bottom: 2px solid #494e58;
border-top: 2px solid #494e58;
}
.dark-mode #MarketPlaceFrequentCarousel .click-before, .dark-mode #MarketPlaceFrequentCarousel .click-next {
background: #1f1d2b !important;
}
span.proof-status-lists.awaiting_response_btn {
background: #8967c6;
}
span.proof-status-lists.awaiting_approval_btn {
background: #de0201;
}
span.proof-status-lists.production_hold_btn {
background: #ab1312;
}
span.proof-status-lists.new_project_btn {
background: #70d6a8;
}
span.proof-status-lists.shipped_btn {
background: #2196f3;
}
span.proof-status-lists.approved_btn {
background: #ffbf00;
}
span.restart-project-btn.btn.tooltip-bottom {
padding: 8px 26px;
background: #28bc7d;
margin: 0 10px;
border-radius: 26px;
color: #fff;
font-size: 12px;
}
a.dropdown-item.restart-project-btn {
color: #fff;
background: #43c77e;
width: auto;
font-size: 11px;
display: inline-block;
font-weight: bold;
border-radius: 25px;
padding: 4px 9px 4.4px 8px;
top: 8px;
position: relative;
text-transform: uppercase;
}
.btn-group.proof-tools span.badge.badge-pill {
margin: 0 5px;
line-height: 8px;
font-size: 8px;
max-height: 26px;
top: 6px;
position: relative;
padding: 7px 10px 7px 11px;
}
#fixed-status-bar a.dropdown-item.restart-project-btn {
position: absolute;
right: 24px;
top: 20px;
padding: 13px;
}
div#ideaBoard-Slidermain .swiper-wrapper, div#ideaBoard-Slidermain .swiper-slide {
height: auto !important;
}
div.intercome-move-top {
width: 527px;
}
.redcore-flex {
display: inline-flex;
}
.col-lg-6.redcore-left-box, .col-lg-4.redcore-left-box {
padding: 0 7px 0 0;
}
.col-lg-6.redcore-right-box, .col-lg-4.redcore-right-box {
padding: 0 0 0 7px;
}
.redcore-full-width {
width: 100%;
}
.redcore-right-box[data-action="hide-until-comment"], .redcore-right-box[data-action="hide-until-date"] {
color: #fff;
}
.redcore-right-box[data-action="hide-until-comment"] {
background: #5d71e5;
}
.redcore-right-box[data-action="hide-until-date"] {
background: #889bed;
}
.btn.redcore-card-status {
width: 100%;
}
button.btn.redcore-card-status {
font-size: 10px;
text-transform: uppercase;
padding: 10px 0 !important;
color: #fff;
}
button.reminder_proof_action {
margin-bottom: 15px;
}
.redcore-flex span.btn.btn-product_link.btn-success {
right: 25px;
}
.redcore-flex .card-tracking-link-input span.btn.btn-product_link.btn-success {
right: 60px !important;
}
.redcore-flex .tgl-skewed + .tgl-btn {
padding: 7px 0 0 7px;
height: 100%;
min-height: 45px;
min-height: 33px;
}
.redcore-card-infos h3.title {
color: #fff;
font-weight: bold;
text-transform: uppercase;
margin-left: 0;
font-size: 15px;
font-family: 'AvantGardeLT-Bold';
}
.redcore-status-button-conatiner .copy-proof-url {
top: 0px;
}
.redcore-status-button-conatiner div.btn {
padding: 10px 0;
width: 100%;
}
.redcore-status-button-conatiner .btn.proof-bulk-action {
background: #1120a9;
color: #fff;
}
.redcore-status-button-conatiner .inner-proof-delete {
background: #de0201;
border-color: transparent;
}
button.btn.sent-to-admin-card {
background: #2dce89;
color: #ffff;
border-radius: 20px;
font-size: 12px;
}
.redcore-flex .viewed-status {
color: #2dce89;
}
.redcore-flex .inner-proof-time.time-tracker {
color: #de0201;
}
.redcore-flex p {
padding: 0px;
margin: 0px;
font-size: 12px;
}
div.card-send-to-admin {
align-items: center;
vertical-align: middle;
flex-direction: row;
display: flex;
}
span.btn-copy-address, span.proof-copy-title {
font-size: 8px;
padding: 1px 6px 2px 6px;
border-radius: 15px;
background: #eeeeef;
color: black;
border: 1px solid #b3b3b3;
}
button.hide-proof-card-action[data-action="hide-until-comment"] {
background: #9C27B0;
}
button.hide-proof-card-action[data-action="hide-until-date"] {
background: #5d71e5;
}
button.hide-proof-card-action[data-action="unhide"], button.hide-proof-card-action[data-action="hide"] {
background: #3d454a;
font-size: 10px;
padding: 1px;
position: absolute;
top: -28px;
right: -7px;
border-radius: 75px;
padding: 2px 7px;
cursor: pointer;
}
button.hide-proof-card-action {
text-transform: uppercase;
color: #fff;
padding: 10px;
font-size: 10px 0px;
}
.inner-subitem-list > .col-lg-12 {
padding: 0;
}
.card-btn-hide-hide {
pointer-events: none;
}
span.btn.shirt-remove-section {
background: #ffffff61;
position: relative;
border-radius: 25px;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
padding: 5px;
margin-left: 20px;
right: 23px;
position: absolute;
font-size: 11px;
bottom: -104px;
z-index: 9999;
}
.redcore_shirt .funkyradio.btn.btn-checkbox {
width: auto;
min-width: 85px;
padding: 0px 10px;
border-radius: 60px;
}
.fb-redcoreShirt-label .fb-required {
display: none;
}
#webmanager-notification-banner .btn-sm, .view-upcoming-tours, .view-tours-availablity, .tour-download-ics-files {
margin: 15px;
border-radius: 53px;
padding: 13px 25px;
background: #e20f0e;
}
.idea-board-productlink a.btn.col-lg-12 {
background: red;
color: white;
border-radius: 46px;
max-width: 104px;
}
span.comment-text-bg:hover {
padding: 150px;
position: relative;
}
span.comment-text-bg {
z-index: 9999;
}
#modal-reset-shirt-confirm .modal-dialog {
margin: auto;
}
.btn.launch-pad-ordernow-scroll {
width: 80%;
bottom: 14px;
left: 0;
background: red;
color: #fff;
cursor: pointer;
display: none;
visibility: hidden;
border-radius: 25px;
border: 5px solid #fff;
margin: auto 10%;
}
.btn.launch-pad-ordernow-scroll.visible-button {
visibility: visible;
}
span.small.finall-date {
text-align: center;
font-size: 10px;
font-weight: bold;
}
.show-full-width {
width: 100% !important;
}
.platinum-user {
background: linear-gradient(to left, #112a5b, #8c8f98);
color: #fff;
border-radius: 54px;
font-size: 10px;
padding: 6px 9px;
border: 3px solid #0808088a;
}
.silver-user {
background: linear-gradient(to left, #9e9c9d, #f3f3f3);
color: #333;
border-radius: 54px;
font-size: 10px;
padding: 6px 9px;
border: 3px solid #0808088a;
}
.gold-user {
background: linear-gradient(to left, #f69c1f, #fbe31d);
color: #fff;
border-radius: 54px;
font-size: 10px;
padding: 6px 9px;
border: 3px solid #0808088a;
}
.redcore-pro-user {
background: #cb0302;
color: #fff;
border-radius: 54px;
font-size: 10px;
padding: 6px 9px;
border: 3px solid #0808088a;
}
.user-activity-label-place {
font-weight: bold;
border-radius: 15px;
padding: 5px 10px;
margin: 0px 9px 0px 0px;
}
.redcore-card-infos.redcore-project-content p {
cursor: pointer;
}
.avatar.company-list-icon {
margin-right: 10px;
border-radius: 87px;
width: 60px !important;
height: 60px !important;
}
.make-it-blue {
color: #2196f3;
}
.proof-submitted-user-name .platinum-user, .proof-submitted-user-name .gold-user, .proof-submitted-user-name .silver-user, .proof-submitted-user-name .redcore-pro-user {
position: relative;
right: -10px;
top: -1px;
}
span.quote-center-title.col-lg-7.p-0:hover {
background: #2196F3;
color: white;
border-radius: 4px;
padding: 0px 2px;
}
span.btn.proof-copy-title { 
}
span#profile-download-from-title:hover, span.btn.proof-copy-title:hover {
background: #005fd6;
padding: 3px 7px;
border-radius: 55px;
color: white;
}
.launch-pad-search-overlay, .swal2-container.swal2-shown {
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.proof-title-container.moveTop {
background: #ffffffc7;
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
}
.bg-default {
background-color: rgb(0 0 0 / 89%) !important;
border-radius: 39px;
}
.featherlight:last-of-type {
background: rgb(0 0 0 / 80%);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(9x);
}
.navbar:not(.navbar-nav-hover) .dropdown-menu.show {
animation: show-navbar-dropdown .25s ease forwards;
pointer-events: auto;
opacity: 1;
-webkit-backdrop-filter: blur(9x);
backdrop-filter: blur(9px);
background-color: rgb(255 255 255);
}
.list-group-item {
-webkit-backdrop-filter: blur(9x);
backdrop-filter: blur(9px);
background-color: rgb(255 255 255 / 75%);
}
@keyframes animate-constructed-974072 {
to {
transform: scale(3) rotate(90deg);
opacity: 0;
transform: translate(-600px);
color: red;
}
}
.back-to-my-projects {
animation-name: animate-constructed-974072;
animation-duration: 1s;
animation-delay: 0s;
animation-iteration-count: 1;
animation-direction: reverse;
animation-timing-function: ease;
animation-fill-mode: none;
}
.navbar-light .navbar-nav .active > .nav-link {
animation-name: pulse;
animation-duration: 1s;
animation-delay: 0s;
animation-iteration-count: 1;
animation-direction: alternate;
animation-timing-function: ease;
animation-fill-mode: none;
}
#redcore-proof-count-progressbar {
position: fixed;
right: -4px;
z-index: 9999;
bottom: 59px;
}
.alert-success {
backdrop-filter: blur(13px);
-webkit-backdrop-filter: blur(13px);
background-color: rgb(0 0 0 / 55%);
color: white;
padding: 30px 40px;
border: none !important;
}
button.close {
color: white;
background: #939393;
padding: 0px 10px 8px 11px;
border-radius: 50px;
position: absolute;
top: 0px;
right: 1px;
font-size: 37px;
}
@keyframes animate-constructed-499088 {
to {
transform: translate(600px);
opacity: 0;
}
}
.dark-mode .site-banner-site-status {
background: #1f1d2b;
}
#searchTagsMarketPlace {
animation-name: animate-constructed-499088;
animation-duration: 1s;
animation-delay: 0s;
animation-iteration-count: 1;
animation-direction: reverse;
animation-timing-function: ease;
animation-fill-mode: none;
}
@keyframes animate-constructed-387982 {
to {
transform: translate(-300px);
}
}
.sidenav {
border-right: 1px solid #cecece !important;
}
button.btn.proof-search-view-cards {
background: #fff;
border-radius: 25px;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.view-all-proof-button {
text-align: center;
padding-bottom: 24px;
}
.dashboard-status-titles.proof-search-title {
padding-bottom: 0px;
margin-bottom: 0px;
}
.copy-details {
cursor: pointer !important;
}
.quoteCenter-top-container fieldset {
border: 3px solid #2196F3;
border-radius: 10px;
margin-bottom: 20px;
padding: 37px 24px 22px 24px;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
margin-bottom: 25px;
margin-top: 25px;
}
.quoteCenter-top-container fieldset legend {
width: auto;
padding: 3px 2px 1px 18px;
font-size: 12px;
font-weight: bold;
background: #fff;
border-radius: 88px;
box-shadow: none !important;
right: 0px;
position: relative;
border: 3px solid #2196F3;
float: right;
}
.col-lg-5.row.m-0.my-2.quote-center-shirt-style {
background: #eee;
padding: 9px;
border-radius: 16px 0px 0px 15px;
}
.col-lg.row.m-0.my-2.quote-center-shirt-style {
background: #eee;
padding: 9px;
border-radius: 0px 16px 16px 0px;
}
.btn.shirt-section-remove {
border-radius: 25px;
padding: 10px;
margin-left: 10px;
}
.shirt-variation-lists-btn {
text-align: end;
padding: 0;
}
.shirt-variation-lists-btn button.btn.btn-success.quotecenter-add-event {
padding: 5px 10px;
}
.quote-center-shirt-style {
background: #eee;
margin-left: 12px !important;
}
span.total-shirt-count {
font-weight: bold;
font-size: 20px;
margin-right: 15px;
float: left;
}
button.btn.btn-success.shirt-update-qty {
margin: 10px 0;
}
span.qty-shirt-sizes-btn {
position: absolute;
font-size: 10px;
font-weight: bold;
right: 0;
padding: 2 10px;
cursor: pointer;
color: #1e7cf5;
}
span.section-cost-per-shirt, span.section-my-cost {
font-weight: bold;
font-size: 12px;
margin-right: 20px;
}
input, textarea {
-webkit-user-select: text !important;
-khtml-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}
div.admin-can-delete:hover .feedback-comment-time {
display: none;
}
.intercom-delete-admin {
right: -25px;
position: relative;
top: -10px;
}
#suppertCenter-component h1 {
color: black;
}
.max-tooltip {
max-width: 100px;
}
[data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after {
white-space: pre-wrap;
}
#fixed-status-bar [data-tooltip]:before {
white-space: nowrap !important;
}
.intercom-delete-admin:hover {
background: #cecece;
border-radius: 4px;
color: #ffffff;
}
span.comment-agree-contianer {
display: inline-flex;
}
.notification_viewed_update {
right: 25px;
position: absolute;
top: 10px;
}
.short-comment-text, .short-comment-text p {
width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 12px;
cursor: pointer;
}
.short-comment-text p {
margin-bottom: 5px;
}
.action-div-trigger h4.mb-0.text-sm {
font-size: 12px !important;
}
span.unapproved-list-count.tooltip-top.btn {
background: #7bd6ad !important;
}
span.today-approved-count.tooltip-top.btn, span.inproduction-confirm-ship-count.tooltip-top.btn, span.unapproved-list-count.tooltip-top.btn {
border-radius: 20px;
background: #f44336;
padding: 0 10;
margin-left: 20px;
color: #fff;
}
.comment-check-box-hide-proof {
position: absolute;
bottom: 10px;
left: 220px;
}
.show-only-pinned-active h3.title {
margin-left: 0;
color: #fff;
}
.pinned-shipping-info-card {
display: none;
}
#redcore-pinned .pinned-shipping-info-card, .show-pinned-project .pinned-shipping-info-card {
display: block;
}
#redcore-site-company-notification {
margin-top: 15px;
}
a.notification-added {
border: 2px solid #2dce89;
margin: 2px 0;
}
.red-bg {
background: red;
}
.list-group-item.list-group-item-action.new-comment-project-list, .list-group-item.list-group-item-action.unpinned-project-list {
background: #eeeeef;
top: 0px;
color: white !important;
padding: 25px 9px 0px 3px;
}
.alert.company-top-notification {
background: #cb000f !important;
}
button#add-new-company-to-proof, .bg-add-new-company-to-proof {
background: #cc0000;
border-radius: 35px;
color: white;
padding: 8px;
}
.bg-add-new-company-to-proof {
border-radius: 0px !important;
color: #fff !important;
padding: 8px !important;
}
#site-banner-site-status-down {
background: #ffffff;
color: #235a91;
}
a.red-text {
color: #d23434 !important;
}
span.btn.proof-unlink, span.btn.proof-invoice-unlink {
position: absolute;
right: 10px;
top: 7px;
padding: 2px 6px;
border-radius: 25px;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.show-all-search-tags.redcore-sites-list {
white-space: inherit !important;
height: auto !important;
padding: 0px 3px 20px 15px;
overflow: auto !important;
}
.show-all-search-tags.redcore-sites-list .btn-launch-pad-tag-search {
margin: 8px 5px 5px -1px;
}
.proof-count-down-container {
background: #f4f4f6;
height: auto !important;
left: 0;
font-weight: bold;
padding: 7px 6px !IMPORTANT;
border-radius: 25px;
margin: 15px;
position: fixed;
font-size: 13px;
bottom: 45px;
}
.reminder-hide-status, .remove-after-7days {
background: #70d6a8;
color: #fff;
position: absolute;
right: 10;
top: auto;
border-radius: 67px;
}
.card.placeholder-container.notification-banner {
border-radius: 6px;
margin-bottom: 31px;
background: white;
background: white;
border: 1px solid red;
}
.dark-mode .card.placeholder-container.notification-banner {
background: #1f1d2b;
}
.btn.reminder-show-hidden {
transform: translateY(-1px);
box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);
}
.col-12.p-0 p:hover {
text-decoration: underline;
}
.modal-content {
margin: auto auto;
}
.way-wide {
animation: blinker 1s linear infinite !important;
width: 100%;
}
@keyframes blinker {
50% {
opacity: .5;
}
}
button#proofSubmitUserSelect, #proofSubmitUserInvite, .button-bluey {
border-radius: 54px;
padding: 20px 53px;
background: #0478d4;
border: 7px solid #b9e0ff;
margin: auto 21%;
}
#proof-user-add-section .card.shadow.my-0 {
background: rgb(255 255 255 / 0%);
box-shadow: none !important;
}
.a-tag {
cursor: pointer;
}
.reminder-deadline {
font-size: 12px;
color: #de0201;
font-weight: bold;
}
.reminder-text-card {
font-size: 16px;
width: 70%;
white-space: pre-line;
}
span.btn.admin-proof-expiry-reset {
background: #2dce89;
padding: 2px 10px !important;
margin: 10px 0;
border-radius: 20px;
color: #fff;
}
.dark-mode .redston-bug-email {
display: none;
}
.dark-mode .lineup {
background: linear-gradient(87deg, #201d2b 0, #201d2b 100%) !important;
}
.dark-mode .navbar-top.border-bottom.navbar-dark {
border-color: rgba(255, 255, 255, .08) !important;
background: rgb(32 29 43 / 76%) !important;
}
.dark-mode .dz-message {
background-color: #2e333d !important;
}
.manager-sites-available-button {
padding: 4px;
}
.dark-mode .gray-box .copy-details {
color: white !important;
}
.dark-mode #profile-acc-section .form-control {
border: 1px solid #141416 !important;
background: #201d2b;
box-shadow: none;
margin-top: 9px;
}
.dark-mode .border {
border: 1px solid #141416 !important;
}
.dark-mode .proof-action-container.proofSavebtn.col-lg-12 {
background: #1c1e23 !important;
}
.dark-mode .hide-and-show-qr-code {
background: #17151e !important;
}
.dark-mode button.btn.col-lg-12.btn-default.trigger-show-proof-dropzone, .dark-mode .trigger-show-vote-dropzone {
color: #656b78 !important;
background: #202127 !important;
}
.dark-mode .qr-code-list-container .cardy.card {
background: #343744 !important;
}
.dark-mode .proof-list-title.show_hide_proof_only {
border: 2px solid #201d2b !important;
}
.dark-mode .order-history-content {
display: flex;
text-align: center;
border: 2px solid #747474 !important;
background: #201d2b !important;
}
.dark-mode .navbar-expand .navbar-nav .nav-link {
color: #878e9c !important;
}
.dark-mode .rendered-form input {
background: #202127;
border: 1px solid #040407;
}
.dark-mode .rendered-form .form-control {
background: #202127;
border: 1px solid black !important;
}
.dark-mode .ck.ck-editor__main > .ck-editor__editable {
background: #202127 !important;
border: 1px solid black !important;
}
.dark-mode .proof-defualt-fields button.dropdown-toggle.btn.btn-primary.btn-round.bs-placeholder {
background: #202127 !important;
border: 1px solid #000000 !important;
color: #94a3b3 !important;
}
.cancel_editor {
padding: 7px 6px !important;
position: relative;
top: 5px;
min-height: 48px;
min-width: 87px;
background: whitesmoke;
}
.proof-comment-pre-loader {
position: absolute;
top: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
width: 100%;
height: 100%;
background: #eee;
z-index: 999;
bottom: 0;
}
.proof-comment-pre-loader .loader-elm {
width: 100%;
text-align: center;
font-size: 22px;
font-weight: bold;
}
button.btn.proof-complete-all-comment {
background: linear-gradient(45deg, #ff1100, #a51b1c);
border-radius: 25px;
color: #fff;
padding: 6px 14px;
font-size: 10px;
}
.intercom-suggestion-container {
display: flex;
flex-direction: column;
overflow: hidden;
}
.intercom-suggestion-container button.btn.project-view {
margin: 5 0;
width: 100%;
text-align: center;
}
.suggestion-container b {
font-size: 12px;
}
.intercom-suggestion-container button.btn.project-view.project-btn {
background: #ffffff;
color: #242424;
font-weight: bold;
border-radius: 34px;
margin-top: 18px;
text-transform: uppercase;
font-size: 11px;
cursor: pointer;
border: 2px solid #0082ff;
cursor: pointer;
}
.intercom-suggestion-container button.btn.project-view.article-btn {
background: #70d6a8;
color: #fff;
font-weight: bold;
border-radius: 45px;
text-transform: uppercase;
font-size: 11px;
cursor: pointer;
}
a.btn.place-edit.edit-place-from-proof {
float: right;
padding: 0 10px;
background: #333;
color: #fff;
font-size: 10px;
border-radius: 15px;
}
.load-hide {
display: none !important;
}
span.ifram-open-newtab.btn-primary.btn.pull-right, span.url-copy-to-clip-board.btn-primary.btn.pull-right {
margin-right: 10px;
border-radius: 20px;
background: #ffffff;
border-radius: 400px;
font-size: 8px;
margin: 4px;
color: black;
border: 1px solid #c7c7c7;
}
.input-group-flush > .input-group-prepend > .input-group-text {
color: #4c535f;
}
.iframe-url-options {
position: absolute;
right: 200px;
top: -50px;
}
.menu-card-detail .card-detail-action {
text-align: right;
}
.menu-card-detail .card-detail-action .btn {
border-radius: 5px;
background: grey;
padding: 5px 10px;
}
.menu-card-detail.card-feature-hide .redcore-flex {
display: none !important;
}
.login-card {
background-color: rgb(255 255 255 / 14%) !important;
box-shadow: 0 0 2rem 0 rgb(0 0 0 / 31%);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
padding: 0px 15px 29px 14px;
}
#companiesContainer .card-header {
background: #ebedf1;
}
.btn.project-btn .signup-loader {
visibility: visible !important;
}
@media screen and (max-width: 768px) {
.proof-image-overlay-container, .proof-image-overlay-container .project-image.unselectable {
width: 100% !important;
}
span.remove-user-from-proof {
width: auto !important;
left: -10px !important;
}
#redcore-pinned .redcore-flex, .show-pinned-project .redcore-flex {
flex-direction: column;
}
.card {
margin-bottom: 17px;
}
}
button.btn.btn-launch-pad-tag-search[data-tag-key="pinned"] {
background: #693cb6;
color: #fff;
}
#searchTagsProofs {
width: 100%;
background: white;
border-left: 1px solid #cecece;
border-right: 1px solid #cecece;
border-bottom: 1px solid #cecece;
border-radius: 0px 0px 7px 7px;
height: 48px;
box-shadow: 0px 8px 9px #f0f1f3;
}
#proofGritListMainContainer, #marketPlaceListSectionMainContainer {
display: flex;
flex-direction: column;
padding-top: 20px;
}
#redcore-awaiting_response, #redcore-Popular {
order: 1;
}
#redcore-production_hold, #redcore-userFavItems {
order: 2;
}
#redcore-awaiting_approval, #redcore-SignsBanners {
order: 3;
}
#redcore-new_project, #redcore-Wearables {
order: 4;
}
#redcore-in_production, #redcore-Website {
order: 5;
}
#redcore-shipped, #redcore-PaperPrinting {
order: 6;
}
#redcore-my_proofs, #redcore-PromoProducts {
order: 7;
}
#redcore-client_uploads, #redcore-Design {
order: 8;
}
#redcore-due_date_sort, #redcore-newProject {
order: 9;
}
#redcore-not_invoiced, #redcore-saleProject {
order: 10;
}
#redcore-pinned, #redcore-companyProject {
order: 11;
}
.restart-project-btn.btn .signup-loader {
position: unset !important;
margin: 0px !important;
}
span.btn.btn-pinned-note-send.btn-success, span.btn.btn-complied-data-item-link-view.btn-success {
position: absolute;
right: 5px;
border-radius: 15px;
padding: 5 10px;
top: 5px;
}
.companyPDFUpload {
width: 100%;
}
span.place-pdf-download-only-by-admin.title-download-button {
cursor: pointer;
font-size: 10px;
border-radius: 15px;
background: #333;
color: #fff;
padding: 2px 10px;
}
#redcore-Popular-items .card-body {
border: 1px solid #c1c1c1;
}
.bg-primary {
background-color: #ff1413;
background: linear-gradient(87deg, #ff0100e0 0, #2a3884 100%) !important;
backdrop-filter: blur(9px);
-webkit-backdrop-filter: blur(9px);
}
.navbar-vertical {
box-shadow: none;
}
#marketPlaceListSectionMainContainer .title-count-notification {
background: #c6c9ce;
}
.dark-mode #marketPlaceListSectionMainContainer .title-count-notification {
background: #3b3f4a;
}
.comment-user-details .hidden-avatar.user-details-name, .comment-user-details .user-details-name {
width: auto;
height: auto;
flex-direction: column;
display: flex;
padding-left: 12px;
background: transparent;
box-shadow: none;
border-color: transparent;
}
.comment-user-details {
position: relative;
display: inline-flex;
width: 62%;
flex-direction: row;
height: 60px;
vertical-align: middle;
align-items: center;
}
.comment-user-details .userInfoToolTip {
display: flex !important;
padding: 0px !important;
}
.comment-user-details .comment-name {
left: 0px;
top: 0px;
padding: 0px !important;
margin: 0;
}
.comment-user-details .userInfoToolTip img {
top: 0px;
}
.user-position-title {
font-size: 11px;
color: #3080df;
}
.comment-user-details.floating-icon-section {
width: 100% !important;
display: flex !important;
}
.show-on-hover span {
display: none;
}
.show-on-hover:hover span {
display: inline-block;
}
.webmanager-iframe-container {
width: 100%;
height: 71vh;
border: 3px solid #000000;
border-radius: 15px;
background: #000;
align-items: center;
justify-content: center;
font-size: 40px;
color: #fff;
font-weight: bold;
overflow-y: hidden;
position: relative;
}
.container-right-side {
padding: 0 30px;
}
.container-right-side, .container-left-side {
flex: 1;
position: relative;
}
.container-left-side {
max-width: 360px;
}
.website-bottom-details {
margin: 20px 0;
text-align: justify;
}
.webmanager-iframe-container:after {
content: 'Loading...';
position: absolute !important;
left: 35%;
bottom: 50%;
z-index: -1;
}
.webmanager-iframe-container {
border: 1px solid black;
}
.shipping_manager_line_header.text-center.project-model-title {
color: #f5365c;
font-weight: bold;
text-transform: capitalize;
font-family: 'AvantGardeLT-Bold';
letter-spacing: -1px;
font-size: 31px;
}
.iframe-reload-url {
background-color: #0885e9;
text-decoration: underline;
padding: 4px 13px;
border-radius: 37px;
}
.btn.admin-section-hide-container {
position: absolute;
right: 15px;
color: #fff;
background: #333;
font-size: 10px;
padding: 5 10px;
border-radius: 15px;
}
.hide-admin-section-fields .invoice-field-container, .hide-admin-section-fields .invoice-field-container .form-group {
display: block !important;
}
.hide-admin-section-fields .po-number-container, .hide-admin-section-fields .invoice-container {
display: block !important;
margin-top: 20px;
}
.hide-admin-section-fields .form-group, .hide-admin-section-fields .row {
display: none;
}
.btn.admin-hide-form-builder {
padding: 5 10px;
border-radius: 15px;
}
.top-notification-section-collapse.btn {
color: #333;
}
.proof-section-collapse.btn, .top-notification-section-collapse.btn {
position: absolute;
right: 0;
padding: 5 10px;
box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
border-radius: 15px;
font-size: 10px;
}
#proofGritListMainContainer .header-body {
position: relative;
}
.proof-section-collapse.btn i.fa, .top-notification-section-collapse.btn i.fa {
padding: 0px 0px 0px 3px;
}
.hidden-card-darker > .row {
background: #464646 !important;
padding: 60px 48px;
box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%) !important;
border-radius: 15px;
border: 3px solid #bcbdbf;
padding-bottom: 0px !important;
}
.proof-grid-column.active-tag-search-result {
display: block !important;
}
.status-group.hidden-card-darker .proof-grid-column[data-hide-proof=""] {
display: none !important;
}
.proof-invcoie .search-list-top b {
font-size: 12px;
}
ul.top-search-autocomplete.proof-invcoie {
padding: 10px 0px 0px 0px !important;
top: 90%;
}
ul.top-search-autocomplete.proof-invcoie li {
font-size: 12px;
list-style-type: none;
}
span.btn.closs-invoice-suggestion {
border: 1px solid;
padding: 5 10px;
border-radius: 15px;
position: absolute;
right: 10;
font-size: 10px;
font-weight: bold;
}
.redcore-flex.hide-pinner-active.invoice-field-container {
flex-wrap: wrap;
}
.redcore-flex.hide-pinner-active.proof-linked-invoices-list {
margin-top: 20px;
}
.proof-linked-invoices-list ul.top-search-autocomplete.proof-invcoie {
position: static;
border-radius: inherit;
}
.proof-user-remove button.btn {
border-radius: 15px;
}
.proof-user-remove {
max-width: 980px;
margin: 0 auto;
}
.proof-user-remove .proof-user-modal-intro {
margin-bottom: 14px;
text-align: center;
}
.proof-user-remove .proof-user-modal-intro small {
color: #1179cc;
font-weight: 700;
}
.proof-user-remove .proof-user-action-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
align-items: stretch;
}
.proof-user-remove .proof-user-action-grid > button.btn {
width: 100%;
margin: 0 !important;
min-height: 44px;
}
.proof-user-remove .proof-user-action-grid > button.btn.ping-proof-user {
width: 100% !important;
}
.proof-user-remove .proof-customer-note-panel {
margin-top: 12px;
padding: 12px;
border: 1px solid #d8e0e8;
border-radius: 12px;
background: #f9fbfd;
}
.proof-user-remove .proof-customer-note-label {
display: block;
font-weight: 700;
color: #2f3f50;
margin-bottom: 8px;
}
.proof-user-remove .proof-customer-note-panel textarea#project_customer_note {
min-height: 90px;
resize: vertical;
}
.proof-user-remove .proof-customer-note-panel .update-project-customer-note {
margin-top: 10px;
width: 100%;
}
.proof-user-remove .proof-user-qr-wrap {
margin-top: 12px;
text-align: center;
}
.proof-user-remove .proof-user-modal-company {
margin-top: 12px;
}
.proof-user-remove .proof-user-summary-card {
display: grid;
grid-template-columns: 72px minmax(0, 1fr);
gap: 12px;
align-items: center;
padding: 12px;
border: 1px solid #dde4ea;
border-radius: 14px;
background: #fff;
margin-bottom: 12px;
}
.proof-user-remove .proof-user-summary-avatar {
width: 72px;
height: 72px;
border-radius: 999px;
object-fit: cover;
border: 1px solid #d8dee5;
}
.proof-user-remove .proof-user-summary-name {
font-size: 24px;
line-height: 1.2;
font-weight: 700;
color: #1f2d3a;
}
.proof-user-remove .proof-user-summary-meta {
font-size: 14px;
color: #536272;
line-height: 1.4;
}
.proof-user-remove .proof-user-main-grid {
display: grid;
grid-template-columns: minmax(0, 1.5fr) minmax(280px, .9fr);
gap: 14px;
}
.proof-user-remove .proof-user-main-right {
border: 1px solid #dde4ea;
border-radius: 14px;
background: #fff;
padding: 10px;
max-height: 430px;
overflow-y: auto;
}
.proof-user-remove .proof-user-main-right .qrcode-download-button-title,
.proof-user-remove .proof-user-main-right .qrcode-download-button {
width: 100% !important;
max-width: 260px;
margin-left: auto;
margin-right: auto;
display: block;
}
.swal2-modal.proof-user-modal {
width: 980px !important;
max-width: 92vw;
}
@media screen and (max-width: 767px) {
.proof-user-remove {
max-width: 100%;
}
.proof-user-remove .proof-user-summary-card {
grid-template-columns: 60px minmax(0, 1fr);
}
.proof-user-remove .proof-user-summary-avatar {
width: 60px;
height: 60px;
}
.proof-user-remove .proof-user-main-grid {
grid-template-columns: 1fr;
}
.proof-user-remove .proof-user-main-right {
max-height: none;
}
.proof-user-remove .proof-user-action-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.proof-user-remove {
padding: 4px;
}
.proof-user-remove .proof-user-modal-intro {
margin-bottom: 12px;
}
.proof-user-remove .proof-user-modal-intro small {
color: #4b6076;
font-size: 13px;
letter-spacing: .01em;
}
.proof-user-remove .proof-user-summary-card {
border: 1px solid #e2e8ee;
border-radius: 16px;
background: linear-gradient(180deg, #ffffff 0%, #f7fafc 100%);
}
.proof-user-remove .proof-user-summary-name {
font-size: 26px;
}
.proof-user-remove .proof-user-summary-meta {
font-size: 14px;
}
.proof-user-remove .proof-user-main-left,
.proof-user-remove .proof-user-main-right {
border: 1px solid #dde5ec;
border-radius: 14px;
background: #fff;
padding: 12px;
}
.proof-user-remove .proof-user-main-right {
box-shadow: inset 0 1px 0 rgb(255 255 255 / 80%);
}
.proof-user-remove .proof-user-main-right {
max-height: none;
overflow: visible;
}
.proof-user-remove .proof-user-action-grid > button.btn {
border-radius: 10px;
min-height: 46px;
font-weight: 700;
letter-spacing: .01em;
border-width: 1px !important;
box-shadow: 0 7px 18px rgb(15 27 41 / 10%);
transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
.proof-user-remove .proof-user-action-grid > button.btn:hover {
transform: translateY(-1px);
filter: saturate(105%);
box-shadow: 0 10px 20px rgb(15 27 41 / 15%);
}
.proof-user-remove .proof-user-main-right .qrcode-download-button-title {
color: #1c2f42;
background: #f4f7fb;
border: 1px solid #dbe3eb;
}
.proof-user-remove .proof-user-qr-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
gap: 10px;
}
.proof-user-remove .proof-user-qr-wrap {
border: 1px solid #d9e1e8;
border-radius: 12px;
background: #f7fafc;
padding: 8px;
}
.proof-user-remove .proof-user-main-right .qrcode-download-button-title,
.proof-user-remove .proof-user-main-right .qrcode-download-button {
max-width: 170px;
}
.proof-user-remove .proof-user-main-right .qrcode-download-button {
margin-bottom: 4px;
}
.proof-user-remove .proof-user-main-right .main-container-qr-color-picker .qr-color-picker-hide-show button.show-hide-color-picker {
width: 100%;
}
.proof-user-remove .proof-user-main-right .main-container-qr-color-picker .qr-color-picker-container {
width: 100%;
max-width: 100%;
}
.proof-user-remove .proof-user-summary-name.proof-user-copy-field,
.proof-user-remove .proof-user-summary-meta.proof-user-copy-field {
cursor: pointer;
}
.proof-user-remove .proof-user-summary-name.proof-user-copy-field:hover,
.proof-user-remove .proof-user-summary-meta.proof-user-copy-field:hover {
color: #0f79d2;
}
.proof-user-remove .proof-user-copy-hint {
margin-top: 6px;
font-size: 11px;
color: #6b7d90;
}
.proof-user-remove .proof-user-qr-empty {
border: 1px dashed #ccd7e2;
border-radius: 10px;
padding: 12px;
color: #677b90;
text-align: center;
}
.proof-user-remove .proof-customer-note-panel {
margin-top: 10px;
border-color: #dbe4ec;
background: #f8fbff;
}
.proof-user-remove .proof-customer-note-panel textarea#project_customer_note {
border-radius: 10px;
border-color: #cfd9e2;
}
.proof-user-remove .proof-customer-note-panel .update-project-customer-note {
border-radius: 10px;
background: #0f7ad2;
border-color: #0f7ad2;
color: #fff;
}
.proof-user-remove .proof-user-modal-company {
margin-top: 10px;
border-radius: 12px;
border: 1px solid #e0e7ee;
padding: 8px 10px;
background: #fff;
}
.swal2-modal.proof-user-modal {
width: 1120px !important;
max-width: 96vw !important;
border-radius: 16px;
padding: 16px 18px;
}
@media screen and (max-width: 767px) {
.proof-user-remove .proof-user-action-grid {
grid-template-columns: 1fr 1fr;
gap: 8px;
}
.proof-user-remove .proof-user-main-left,
.proof-user-remove .proof-user-main-right {
padding: 10px;
}
.proof-user-remove .proof-user-qr-grid {
grid-template-columns: 1fr;
}
}
button.btn.ping-proof-user, button.btn.qrcode-download-button {
background: #0478d4;
color: #fff;
border: 3px solid #b2c7d8;
}
button.btn.view-user-profile {
background: #43c77e;
color: #fff;
border: 3px solid #a7e4c3;
}
button.btn.remove-user-profile {
background: #ff1100;
color: #fff;
border: 3px solid #f5afaa;
}
.inner-proof-expire.btn.btn-primary.hide-pinner-active {
background: #de0201;
border-color: transparent;
}
.proof-action-container.proofSavebtn.col-lg-12 {
position: sticky;
bottom: 90px;
z-index: 9999 !important;
background: #fff;
padding: 10px 30px;
border-top: 1px solid rgb(50 50 93 / 10%);
margin: 0px;
z-index: 0;
}
.cardy.card.invoice-outstanding .sub-title-pad-dd:before {
content: 'Past Due -';
}
.proof-action-container.proofSavebtn .proof-bottom-invoice-btn {
margin: 0px !important;
padding: 0px !important;
display: flex;
justify-content: space-between;
}
.proof-action-container.proofSavebtn .proof-bottom-invoice-btn button {
flex: 1;
}
.proof-action-container.proofSavebtn .proof-bottom-invoice-btn button.proofAddInvoice {
margin-right: 5px;
}
.proof-action-container.proofSavebtn .proof-bottom-invoice-btn button.reminder_proof_action {
margin-left: 5px;
}
.proof-action-container.proofSavebtn .proof-bottom-invoice-btn .proofAddInvoice {
margin: 0px;
line-height: 7px !important;
}
.proof-action-container.proofSavebtn.col-lg-12.user-view-submit-menu {
text-align: center;
}
button.btn.set-approver-proof-user {
background: #fb6340;
color: #fff;
border: 3px solid #e2d6d4;
}
span.btn.proof-copy-title.parent-title {
background: #fff;
padding: 5px 10px;
font-size: 12px;
flex: 1;
}
.card-feature-hide span.btn.proof-copy-title.parent-title.pull-left.hide {
display: block !important;
}
.card-feature-hide span.btn.proof-copy-title.parent-title.pull-left.hide:hover {
color: #333;
}
.btn-marketplace-megamenu-detail h1.title {
margin-left: 0;
font-size: 16px;
letter-spacing: 0px;
font-family: 'AvantGardeLT-Bold';
color: red;
border-bottom: 1px solid black;
}
.proof-user-remove .col-lg-12.ctm-padding.copy-details {
color: #23384d;
text-align: left;
font-weight: 600;
font-size: 13px;
line-height: 1.4;
padding: 7px 2px;
border-bottom: 1px solid #e8edf2;
}
.proof-image-toolbox.web-site-iframe-view span.dropdown-item.display-flex:hover {
background: transparent;
}
.proof-image-toolbox.web-site-iframe-view span.dropdown-item.display-flex b {
padding-right: 10px;
line-height: 20px;
color: black;
}
.proof-image-toolbox.web-site-iframe-view .proof-image-tool-action {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 14px;
color: #111;
text-decoration: none;
}
.proof-image-toolbox.web-site-iframe-view .proof-image-tool-action:hover {
background: #f3f5f8;
}
.single-proof-view .proof-image-overlay-container .edit-proof-by-editor,
.single-proof-view .proof-image-overlay-container .proof-download-section {
display: none !important;
}
#websiteManager-component .redcore-sites-list .company-list-icon {
width: 25px !important;
height: 25px !important;
}
.font-adjustment-button {
font-size: 19px;
background: black;
color: white;
cursor: pointer;
}
.font-adjustment-button.fa-angle-up {
border-top-right-radius: 56px;
border-bottom-right-radius: 56px;
background: #6674bf;
padding: 2px 12px;
color: white;
margin: 1px;
}
.font-adjustment-button.fa-angle-down {
border-top-left-radius: 56px;
border-bottom-left-radius: 56px;
padding: 2px 12px;
color: white;
margin: 0px;
background: #6674bf;
}
.form-builder-svg-container:before {
content: 'Font Size ';
font-size: 13px;
position: relative;
top: -3px;
right: 3px;
}
.form-builder-svg-container {
float: right;
}
span.btn-marketplace-megamenu-detail:hover {
color: #2196f3;
}
.megamenu-child {
margin: 20px 30px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
height: 55vh !important;
justify-content: start;
align-content: flex-start;
width: 100%;
}
h3.slider-caption-text {
background: #eeeeee;
padding: 0px 8px;
border-radius: inherit;
font-size: 26px;
}
h3.slider-caption-text:after {
background: #eeeeee;
padding: 0px 8px;
border-radius: inherit;
font-size: 16px;
color: #0476d0;
}
.mega-menu-titles ul.table-responsive.tag-container.overflowYhidden .megameny-header-list:hover .megamenu-child {
display: inline-flex;
}
.mega-menu-titles ul.table-responsive.tag-container.overflowYhidden .megameny-header-list:hover span.mega-menu-header-title {
color: #2196f3;
}
span.btn-marketplace-megamenu-detail:hover {
color: #2196f3;
}
span.btn-marketplace-megamenu-detail {
font-size: 13px;
font-weight: bold;
color: #565867;
width: 20%;
cursor: pointer;
}
.launch-pad-megamenu {
display: block;
}
button.btn.btn-white-color.btn-launch-pad-tag-search:hover, button.btn.btn-white-color.btn-launch-pad-tag-search.megamenu-active, button.btn.btn-white-color.btn-launch-pad-tag-search.megamenu-active:hover {
background: #1965f1;
color: #fff;
}
span.edit-img-caption.img-bg-thumb.btn.btn-primary.btn-round {
position: absolute;
right: 10;
bottom: 10;
padding: 5px 10px;
line-height: 20px;
margin: 0;
}
.image-selection-index-type.swiper-container-initialized.swiper-container-horizontal {
display: block;
overflow: hidden;
height: fit-content;
}
.image-selection-index-type .swiper-slide {
height: 137px;
width: 38%;
border: 3px solid #eeeeee;
margin: 16px 15px 12px 2px;
border-radius: 5px;
border: 1px solid #cecece;
}
.image-selection-index-type .swiper-slide .like-count.tooltip-left {
display: none;
}
.image-selection-index-type .swiper-slide.swiper-slide-active, .image-selection-index-type .swiper-slide.swiper-slide-duplicate-active {
border: 4px solid #27b578;
padding: 0px;
box-shadow: 0px 1px 9px #afafaf;
border-radius: 6px;
}
.btn-launch-pad-tag-search.proof-company-search-tag {
background: #673ab7;
color: #fff;
}
.project-select-type {
margin: 0px 10;
}
.fb-redcoreSingleSize.form-group label.fb-redcoreSingleSize-label {
display: none;
}
.redcore-single-size-radio.col-lg-1, .redcore-shirt-radio.col-lg-1, .redcore-custom-shirt-radio {
max-width: 100%;
}
.btn-marketplace-megamenu-detail h1.title {
margin-left: 0;
font-size: 16px !important;
letter-spacing: 0px;
font-family: 'AvantGardeLT-Bold';
color: red;
border-bottom: 1px solid black;
}
.redcore-show-error-notification {
font-weight: bold;
font-size: 12px;
padding: 9px;
color: red;
width: 100%;
background: white;
border-radius: 4px;
text-align: center;
}
.status-group.show-expired-proof .proof-grid-column[data-expired-proof=""] {
display: none !important;
}
#marketPlaceProofSwipeSlider .swiper-slide.active {
border: 5px solid #127fd6;
border-radius: 15px;
box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
}
#marketPlaceProofSwipeSlider .swiper-slide {
width: 64px;
margin: 5px;
overflow: hidden;
height: 64;
}
#marketPlaceView-Slidermain .swiper-wrapper .swiper-slide.swiper-slide-active img {
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
width: 117px;
background: #ffffff;
margin: auto;
border-radius: 50px;
top: 11px;
position: relative;
}
.select_type_dots .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
border-radius: 30px;
}
.select_type_dots .owl-dots .owl-dot.active span, .select_type_dots .owl-dots .owl-dot:hover span {
background: #869791;
}
.select_type_dots .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 2px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
}
.select_type_dots .owl-dots {
display: inline-flex;
width: auto !important;
position: relative;
top: 15px;
padding: 2px 5px;
}
.select_type_dots {
text-align: center;
border-bottom: 2px solid #D6D6D6;
margin-bottom: 20px;
}
button.btn.btn-sm.btn-neutral.mr-0.product-title-edit {
padding: 2px 5px;
margin-left: 10px;
display: none;
}
.btn-marketplace-megamenu-detail:hover button.btn.btn-sm.btn-neutral.mr-0.product-title-edit {
display: inline-block;
}
.element-align-right {
text-align: right;
display: inline-block;
}
.proof-image-container-wrapper svg, .proof-image-container-wrapper img {
height: auto;
}
#redcore-proof-placeholder-container {
height: auto !important;
}
.project-select-type .image-selection-index-type {
display: flex;
}
.proof-image-label-taggle label.btn.btn-secondary {
margin: 0;
padding: 5px 10px;
font-size: 10px;
}
span.btn-group.btn-group-toggle.proof-image-label-taggle {
font-size: 12px;
max-width: 317px;
text-align: center;
}
#contact-card-qrcode-download, .qrcode-download {
display: block;
width: 100px;
height: 100px;
background: white;
padding: 6px;
margin-top: 13px;
}
.qr-code-proof-container {
float: left;
clear: none;
}
.qr-code-proof-container:nth-child(2) {
margin-left: 10px;
margin-right: 10px;
}
.qr-code-proof-containers {
float: none;
clear: both;
}
.main-container-qr-color-picker {
clear: both;
}
.proof-image-label-taggle span.media-label-text {
font-weight: bold;
margin-right: 10px;
}
label.btn.btn-secondary.show-label {
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
}
label.btn.btn-secondary.hide-label {
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
}
#svg-dropzone-container #svg_dropzone_main, #svg-dropzone-container .fallback {
display: none;
}
#hidden-svg-container {
position: absolute;
left: -9999cm;
top: -9999cm;
visibility: hidden;
}
button.btn.btn-success.add-extra-percentage-location.tooltip-right, .remove-extra-percentage-location {
margin: 5px 0 0 0;
padding: 10px;
border-radius: 50px;
}
.quote-center-percentage-calculator-remaining-qty {
font-weight: bold;
color: red;
padding: 10px 15px;
font-size: 20px;
}
.company-top-notification span.btn-group.btn-group-toggle.proof-image-label-taggle {
bottom: 15px;
position: absolute;
right: 70px;
}
.company-top-notification span.send-notification {
padding: 10px;
background: #de0201;
right: 10;
position: absolute;
bottom: 10px;
border-radius: 50px;
}
#redcore-site-company-notification .company-top-notification {
position: relative;
}
.top-notification-collapse-option {
width: 100%;
height: 35px;
display: inline-block;
}
#projectSectionCategoriesList .bootstrap-select.btn-group .dropdown-menu {
height: auto !important;
}
div#print-manager-render-area svg {
width: 100%;
border: 1px solid black;
}
.print-proof-svg-render-container {
display: inline-block;
}
.marketplace-details .project-description .media {
display: block;
}
.marketPlaceFileLabels {
width: 100%;
}
.project-select-type .image-selection-index-type .swiper-wrapper {
flex-wrap: wrap;
}
#formBuilderViewProof .rendered-form .fb-radio-group-label {
text-transform: capitalize;
}
.col-lg-8.col-9.proof-list-title.show_hide_proof_only.Design {
transform: inherit;
}
.qr-code-add-container .btn.col-lg-12.justify-content-center {
flex-direction: row;
text-align: justify;
border: 1px solid #eee;
border-radius: 15px;
transform: translateY(-1px);
box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);
margin-bottom: 30px;
}
.qr-code-list-container .cardy.card {
flex-direction: row;
justify-content: center;
padding: 20px 0;
}
#redcore-qr-code-items .cardy.card {
padding: 5px 0;
margin-bottom: 6px;
border-radius: 5px;
}
.qr-code-container {
width: 78px;
padding: 8px;
background: #fff;
border-radius: 6px;
}
#color-qr-preview {
width: 50%;
background: #f7f7f7;
padding: 10px;
}
.btn-download-qr-code.btn, .btn-customize-qr-code.btn, .qr-proof-customize.btn, .btn-download-custom-qr-code.btn, .btn-qr-code-link-tree-add.btn {
width: 86px;
background: #0769e8;
border-radius: 45px;
border-color: #1176c5;
position: relative;
top: 0;
margin: 12px 8px;
text-align: center;
color: #fff !important;
min-height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.btn-download-qr-code, .btn-customize-qr-code, .qr-proof-customize, .btn-download-custom-qr-code {
margin-bottom: 10px;
}
.qr-action-events-section {
justify-content: center;
flex-direction: column;
display: flex;
}
.approve-shipping-section p:first-of-type {
font-weight: bold
}
.table-flush tbody tr:last-child td {
max-width: 318px !important;
white-space: break-spaces !important;
}
.qr-action-events-section .qr-action-events {
display: flex;
flex-direction: column;
}
.qr-code-container-section {
text-align: right;
justify-content: right;
display: grid;
}
.qr-action-events .btn-group {
display: block;
text-align: center;
}
.qr-code-details-section {
justify-content: center;
display: flex;
flex-direction: column;
flex: auto;
}
a.qr-enrypt-link, .qr-scan-count, .qr-unique-count, .qr-created-name {
color: #5e72e4;
cursor: pointer;
font-size: 12px;
font-weight: bold;
}
.svg-qr-code-container {
justify-content: center;
display: flex;
align-items: center;
}
.svg-qr-code-container .svg-qr-code-element {
width: 200px;
}
.cardy.card.qr-folder-container .qr-folder-icon {
font-size: 20px;
}
.qr-folder-icon {
display: none;
}
.cardy.card.qr-folder-container {
display: flex;
cursor: pointer;
}
.cardy.card.qr-folder-container .qr-count {
font-size: 13px !important;
}
.qr-title {
text-align: left;
}
.qr-count {
position: absolute;
right: 8px;
}
.cardy.card.qr-folder-container .qr-title, .cardy.card.qr-folder-container .qr-count {
padding: 3px 17px;
font-size: 17px;
font-weight: bold;
}
span.go-back-qr-code-folder, .go-back-launch-pad {
margin-left: 20px;
cursor: pointer;
}
#SesrchResults .proof-grid-column {
display: block !important;
}
.py-4.reset-password-notification {
padding: 17px;
}
button.digital-contact-qr-code {
width: 119px;
background: #fbfbfb;
padding: 9px;
border-radius: 5px;
}
#digital-contact-expander .nav-tabs .active {
background: white;
border-radius: 4px;
}
.place-list-launch-pad-container {
max-height: 200px;
overflow-y: scroll !important;
overflow-x: hidden;
}
#proof-message-container {
width: 100%;
height: 36px;
padding: 6px;
text-align: center;
}
.swal2-container.swal2-center.swal2-fade.swal2-shown {
overflow-y: auto !important;
}
.swal2-show {
-webkit-animation: inherit !important;
animation: inherit !important;
}
.qr-code-company-name {
padding: 20px;
}
.hide-and-show-qr-code {
background: #fff;
padding: 20px;
margin-bottom: 20px;
}
.qr-code-list-container .cardy.card {
padding: 11px 0px;
margin-bottom: 9px;
background: #ebedf1;
border-radius: 6px;
}
.hide-and-show-qr-code .col-lg-12 {
margin: 0;
padding: 0;
}
.qr-code-company-name.section__headline {
cursor: pointer;
}
.qr-code-company-name.section__headline:hover {
background: #f3f5f7;
transition: .4s;
}
.custom-email-type .bootstrap-tagsinput {
width: 100% !important;
}
.additional-email-section .bootstrap-tagsinput {
width: 100%;
}
.product-proof-details-list.parent-product .project-select-type {
display: none;
}
.btn.product-title-show-child {
margin-left: 20px;
padding: 2px 5px;
font-weight: bold;
}
.mega-menu.product-child-list-container {
display: contents;
width: 20%;
}
.qb-invoice-product-list {
position: relative;
}
.loop-desc .table-invoice-content-description {
min-height: 40px;
border: 1px solid #d5dee8;
border-radius: 8px;
background: #fff;
padding: 8px 10px;
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
max-width: 100%;
width: 100%;
margin: 0;
line-height: 1.3;
box-sizing: border-box;
display: block;
overflow: auto;
}
.loop-desc .invoice-description-editor {
max-width: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
}
.loop-desc .invoice-reset-description-style {
margin-top: 0;
width: fit-content;
min-width: 0;
border: 1px solid #d5d8de;
color: #495057;
border-radius: 999px;
padding: 4px 10px;
font-size: 11px;
line-height: 1.2;
}
.loop-desc .invoice-description-editor:focus-within {
border-color: transparent;
box-shadow: none;
}
.loop-desc .table-invoice-content-description:focus {
border-color: #7ab8f0;
box-shadow: 0 0 0 3px rgb(18 127 214 / 12%);
outline: none;
}
.proof-invoice .proof-invoice-lines-table {
width: 100%;
table-layout: fixed;
}
.proof-invoice {
border: 1px solid #dfe6ee;
border-radius: 14px;
background: #ffffff;
padding: 18px 18px 26px;
}
.proof-invoice .form-control,
.proof-invoice .bootstrap-select > .dropdown-toggle {
border-radius: 10px !important;
border-color: #d5dee8 !important;
min-height: 40px;
background: #fff;
}
.proof-invoice .above-label,
.proof-invoice .invoice-type-label {
font-size: 12px;
font-weight: 700;
color: #465869;
}
.proof-invoice .proof-invoice-meta-row,
.proof-invoice .proof-invoice-contact-row,
.proof-invoice .proof-invoice-message-row,
.proof-invoice .proof-invoice-footer-row {
margin-top: 10px;
margin-bottom: 0;
padding: 18px 16px 8px;
border: 1px solid #e3e9f0;
border-radius: 12px;
background: #fff;
}
.proof-invoice .proof-invoice-lines-table thead th {
border-bottom: 1px solid #e4ebf3;
color: #3f5161;
font-weight: 700;
}
.proof-invoice .proof-invoice-lines-table tbody tr {
border-bottom: 1px solid #edf2f7;
}
.proof-invoice .proof-invoice-lines-table tbody tr:nth-child(even) {
background: #fbfdff;
}
.proof-invoice .proof-invoice-lines-table tbody td {
padding-top: 10px;
padding-bottom: 10px;
}
.proof-invoice .proof-invoice-lines-table th,
.proof-invoice .proof-invoice-lines-table td {
vertical-align: top;
}
.proof-invoice .proof-invoice-lines-table th.loop-count-head,
.proof-invoice .proof-invoice-lines-table td.loop-count {
width: 4%;
}
.proof-invoice .proof-invoice-lines-table th.loop-action-head,
.proof-invoice .proof-invoice-lines-table td.loop-action {
width: 22%;
}
.proof-invoice .proof-invoice-lines-table th.loop-product-head,
.proof-invoice .proof-invoice-lines-table td.loop-product {
width: 15%;
}
.proof-invoice .proof-invoice-lines-table th.loop-desc-head,
.proof-invoice .proof-invoice-lines-table td.loop-desc {
width: 28%;
overflow: hidden;
}
.proof-invoice .proof-invoice-lines-table th.loop-qty-head,
.proof-invoice .proof-invoice-lines-table td.loop-qty {
width: 8%;
}
.proof-invoice .proof-invoice-lines-table th.loop-rate-head,
.proof-invoice .proof-invoice-lines-table td.loop-rate {
width: 10%;
}
.proof-invoice .proof-invoice-lines-table th.loop-tax-head,
.proof-invoice .proof-invoice-lines-table td.loop-tax {
width: 5%;
}
.proof-invoice .proof-invoice-lines-table th.loop-amount-head,
.proof-invoice .proof-invoice-lines-table td.loop-amount {
width: 8%;
}
.proof-invoice .proof-invoice-lines-table td.loop-desc .invoice-description-editor,
.proof-invoice .proof-invoice-lines-table td.loop-desc .table-invoice-content-description {
max-width: 100% !important;
}
.proof-invoice .proof-invoice-contact-row .form-group {
margin-bottom: 18px;
padding: 0 10px;
}
.proof-invoice .proof-invoice-meta-row .form-group,
.proof-invoice .proof-invoice-message-row .form-group,
.proof-invoice .proof-invoice-footer-row .form-group {
margin-bottom: 16px;
padding: 0 10px;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field .form-group {
margin-bottom: 14px;
padding: 0 10px;
}
.proof-invoice .proof-invoice-action-toolbar {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
padding-top: 10px;
margin-top: 8px;
border-top: 1px solid #e6edf5;
}
.proof-invoice .proof-invoice-action-toolbar .proof-invoice-action-btn {
flex: 1 1 200px;
margin: 0 !important;
border-radius: 10px;
min-height: 42px;
font-weight: 700;
}
.proof-invoice .proof-invoice-import-col {
margin-bottom: 12px;
}
.proof-invoice .proof-invoice-import-export-row {
margin-top: 12px;
margin-bottom: 0;
padding: 0 10px;
}
.proof-invoice .proof-invoice-import-export-row .proof-invoice-import-col {
margin-bottom: 0;
padding: 0 10px;
}
.proof-invoice .proof-invoice-import-export-group {
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: stretch;
}
.proof-invoice .proof-invoice-import-export-group > label {
width: 100%;
margin-bottom: 0;
}
.proof-invoice .proof-invoice-import-export-group textarea {
flex: 1 1 0;
min-height: 58px;
resize: vertical;
}
.proof-invoice .proof-invoice-import-export-group .export-invoice-grid,
.proof-invoice .proof-invoice-import-export-group .import-invoice-grid {
position: static !important;
min-width: 108px;
height: auto !important;
}
.proof-invoice .invoice-qty-total-summary {
margin-top: 8px;
font-size: 11px;
font-weight: 700;
color: #334155;
line-height: 1.45;
}
.proof-invoice .invoice-qty-total-summary .invoice-qty-total-value {
color: #0f172a;
}
.proof-invoice .invoice-qty-total-summary .invoice-suggested-cost-text {
display: inline;
color: #1f2937;
font-weight: 600;
}
.proof-invoice .invoice-qty-total-summary .invoice-suggested-cost-text b {
color: #0b4f9c;
}
.proof-invoice td.loop-action .invoice-action-utility {
display: flex;
justify-content: flex-end;
width: 100%;
margin-top: 6px;
}
.proof-invoice td.loop-action .invoice-row-remove-button {
min-width: 84px;
border-radius: 999px !important;
font-size: 11px;
font-weight: 700;
padding: 5px 12px !important;
}
.proof-invoice td.loop-action .invoice-row-remove-button.confirm-remove {
background: #c82333 !important;
border-color: #c82333 !important;
box-shadow: 0 0 0 2px rgba(200, 35, 51, 0.15);
}
.proof-invoice .proof-invoice-floating-total .proof-invoice-floating-item {
font-size: 12px;
line-height: 1.2;
opacity: .95;
}
.proof-invoice .proof-invoice-floating-total .proof-invoice-floating-item b {
color: #fff;
font-weight: 700;
}
.proof-invoice .table-flush tbody tr.invoice-line-amount-disabled td {
opacity: .68;
}
.proof-invoice .table-flush tbody tr.invoice-line-amount-disabled td.loop-amount input.invoice_amount {
background: #f4f5f6;
}
button.invoice-btn-morgin.addSection_7625.col-lg-12.btn.bg-danger.text-white {
max-width: 107px;
border-radius: 55px;
background: #127fd6 !important;
cursor: pointer;
}
.btn-default {
background-color: #ffffff !important;
box-shadow: inset 0px 2px 4px rgb(48 51 54 / 22%) !important;
}
button.pull-right.col-lg-6.btn.bg-danger.text-white.saveProofInvoice_7625 {
max-width: 200px;
border-radius: 53px;
background: #127fd6 !important;
cursor: pointer;
}
td.table-content-editable.table-invoice-content-description {
max-width: 100%;
white-space: pre-wrap;
}
.proof-invoice .table-responsive {
overflow-x: auto;
}
.proof-invoice .table-responsive {
overflow-x: auto;
}
@media screen and (max-width: 767px) {
div.proof-invoice {
width: 100%;
margin: 10px auto 90px;
padding: 0 8px 72px;
}
.proof-invoice .table-responsive {
overflow-x: visible !important;
}
.proof-invoice table.table-flush thead {
display: none;
}
.proof-invoice table.table-flush tbody tr {
display: block;
border: 1px solid #d8dee6;
border-radius: 14px;
background: #fff;
padding: 10px;
margin-bottom: 12px;
}
.proof-invoice table.table-flush tbody td {
display: block;
width: 100% !important;
border: 0 !important;
padding: 8px 0 !important;
}
.proof-invoice table.table-flush tbody td.loop-count {
display: none;
}
.proof-invoice table.table-flush tbody td.loop-action::before,
.proof-invoice table.table-flush tbody td.loop-product::before,
.proof-invoice table.table-flush tbody td.loop-desc::before,
.proof-invoice table.table-flush tbody td.loop-qty::before,
.proof-invoice table.table-flush tbody td.loop-rate::before,
.proof-invoice table.table-flush tbody td.loop-tax::before,
.proof-invoice table.table-flush tbody td.loop-amount::before {
display: block;
font-size: 12px;
font-weight: 700;
letter-spacing: .02em;
color: #5f6e7f;
margin-bottom: 6px;
text-transform: uppercase;
}
.proof-invoice table.table-flush tbody td.loop-action::before { content: "Action"; }
.proof-invoice table.table-flush tbody td.loop-product::before { content: "Product"; }
.proof-invoice table.table-flush tbody td.loop-desc::before { content: "Activity"; }
.proof-invoice table.table-flush tbody td.loop-qty::before { content: "Qty"; }
.proof-invoice table.table-flush tbody td.loop-rate::before { content: "Rate"; }
.proof-invoice table.table-flush tbody td.loop-tax::before { content: "Tax"; }
.proof-invoice table.table-flush tbody td.loop-amount::before { content: "Amount"; }
.proof-invoice table.table-flush tbody td.loop-action .bootstrap-select,
.proof-invoice table.table-flush tbody td.loop-action select,
.proof-invoice table.table-flush tbody td.loop-product .bootstrap-select,
.proof-invoice table.table-flush tbody td.loop-product select,
.proof-invoice table.table-flush tbody td.loop-qty input,
.proof-invoice table.table-flush tbody td.loop-rate input,
.proof-invoice table.table-flush tbody td.loop-amount input {
width: 100% !important;
max-width: 100%;
}
.proof-invoice table.table-flush tbody td.loop-rate button.btn-set-rate {
width: 100%;
}
.proof-invoice table.table-flush tbody td.loop-action span.invoice-check-box-container,
.proof-invoice table.table-flush tbody td.loop-action span.invoice-price-lock-check-box-container,
.proof-invoice table.table-flush tbody td.loop-action span.invoice-price-send-invoice-expired-and-keep-container,
.proof-invoice table.table-flush tbody td.loop-action span.invoice-price-item-hidden-container,
.proof-invoice table.table-flush tbody td.loop-action span.invoice-amount-disabled-container {
margin: 0 12px 10px 0;
display: inline-block;
}
.proof-invoice .loop-desc .table-invoice-content-description {
max-width: 100%;
}
.proof-invoice .loop-desc .invoice-description-editor {
max-width: 100%;
}
.proof-invoice .loop-desc .invoice-reset-description-style {
width: 100%;
min-width: 0;
}
.proof-invoice .proof-invoice-action-toolbar .proof-invoice-action-btn,
.proof-invoice .proof-invoice-import-export-group textarea,
.proof-invoice .proof-invoice-import-export-group .export-invoice-grid,
.proof-invoice .proof-invoice-import-export-group .import-invoice-grid {
width: 100%;
max-width: 100%;
min-width: 0;
flex: 1 1 100%;
}
.proof-invoice table.table-flush tbody td.loop-action .invoice-action-utility {
justify-content: flex-start;
}
.proof-invoice table.table-flush tbody td.loop-action .invoice-row-remove-button {
width: 100%;
}
.proof-invoice .proof-invoice-floating-total {
position: static;
max-width: 100%;
margin: 10px 0;
gap: 8px;
}
.proof-invoice .proof-invoice-floating-total .proof-invoice-floating-item {
width: calc(50% - 4px);
}
}
button.btn.approve-request-quote-proof {
flex: 0 1 auto;
margin: 8px 1px;
border-radius: 43px;
color: #fff;
border-color: #47bf8c;
background-color: #2dce89;
box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
font-size: .875rem;
position: relative;
transition: all .15s ease;
letter-spacing: .025em;
text-transform: none;
will-change: transform;
-webkit-appearance: button;
text-align: center;
vertical-align: middle;
white-space: nowrap;
height: 66px;
max-width: 371px;
margin: 33px;
}
@keyframes glowing {
0% {
background-color: #2dce89;
box-shadow: 0 0 2px #2dce89;
}
50% {
background-color: #3ece8e;
box-shadow: 0 2px 13px #2dce89;
}
100% {
background-color: #2dce89;
box-shadow: 0 0 2px #2dce89;
}
}
button.btn.approve-request-quote-proof, .approve-proof-button, .set-avaiting-approve-proof-button {
animation: glowing 2400ms infinite;
}
button.approve-proof-button::before, button.approve-proof-button::after, .set-avaiting-approve-proof-button::before, .set-avaiting-approve-proof-button::after {
box-sizing: inherit;
content: "";
position: absolute;
width: 100%;
height: 100%;
}
button.final-approve-button::before, button.final-approve-button::after {
box-sizing: inherit;
content: "";
position: absolute;
width: 100%;
height: 100%;
}
.spin:hover {
color: #ffffff;
}
.spin::before, .spin::after {
top: 0;
left: 0;
}
.spin::before {
border: 2px solid transparent;
}
.spin:hover::before {
border-top-color: #208a5b;
border-right-color: #208a5b;
border-bottom-color: #208a5b;
border-left-color: #208a5b;
transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.spin::after {
border: 0 solid transparent;
}
.spin:hover::after {
border-top: 2px solid #208a5b00;
border-left-width: 2px;
border-right-width: 2px;
transform: rotate(270deg);
transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}
.circle {
border-radius: 34px;
box-shadow: none;
}
.circle::before, .circle::after {
border-radius: 34px;
}
.gradient-border {
--borderWidth: 3px;
}
.gradient-border:after {
content: '';
position: absolute;
top: calc(-1 * var(--borderWidth));
left: calc(-1 * var(--borderWidth));
height: calc(100% + var(--borderWidth) * 2);
width: calc(100% + var(--borderWidth) * 2);
background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
border-radius: calc(22 * var(--borderWidth));
z-index: -1;
animation: animatedgradient 19s ease alternate infinite;
background-size: 300% 300%;
border-radius: 50px;
}
@keyframes animatedgradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.ship-message {
color: #f44336;
margin: 6px;
position: relative;
top: -14px;
}
.proof-detail-tracking-view, .proof-details-complete-shipping, .proof-quickbook-link {
width: 100%;
padding: 38px 19px !important;
max-width: 100%;
font-weight: bold;
font-size: 14px;
right: 10px;
position: relative;
display: inline-block;
text-align: center;
background: #ffffff;
margin-bottom: 1px;
}
.font30 {
font-size: 25px !important;
}
button.card-options-btn.redcore-invoice-view {
background: #2dce89;
color: #fff;
padding: 0 10px;
}
label.new-user-input-label {
position: initial;
left: 0px;
text-align: left;
font-size: 11px;
font-weight: 600;
color: #2ba1ff;
}
p.sub-title-pad-dd.text-sm.text-muted.mb-0.text-red {
background: #d4857f;
border-radius: 4px;
padding: 5px 8px 5px 12px;
height: 27px;
color: white !important;
position: relative;
top: 12px;
margin-bottom: 25px !important;
width: 100%;
font-size: 11px !important;
text-transform: uppercase;
}
.fb-checkbox-group-label {
position: absolute;
}
.card-body img.button-loader {
width: 19px !important;
display: inherit !important;
position: relative;
right: 4px;
}
div#main {
background-image: url(https://redcoredesign.s3.us-east-2.amazonaws.com/core/uploads/356675269proof-bg.png);
}
main.profile-page .card-body {
background: white;
}
main.profile-page .btn-group.proof-card-tag {
top: 0px;
}
main.profile-page .card-header {
padding: 9px 0px 10px 22px;
}
label.size-labeler {
font-size: 12px;
background: #1f50dc !important;
padding: 5px 0px 3px 10px;
border-radius: 41px 0px 0px 41px;
height: 23px;
color: white;
font-weight: 900;
width: 50px;
margin: 0px !important;
position: relative;
top: 12px;
right: -1px;
}
label.size-labeler {
font-size: 12px;
background: #1f50dc !important;
padding: 4px 0px 3px 8px;
border-radius: 41px 0px 0px 41px;
height: 23px;
color: white;
font-weight: 900;
width: 50px;
margin: 0px !important;
position: relative;
top: 12px;
right: -1px;
}
.blink-bg-font {
padding: 10px;
display: inline-block;
border-radius: 5px;
animation: blinkingBackground 2s;
}
@keyframes blinkingBackground {
0% {
background-color: #10c018;
}
25% {
background-color: #1056c0;
}
50% {
background-color: #ef0a1a;
}
75% {
background-color: #254878;
}
100% {
background-color: #04a1d5;
}
}
.btn.proof-viewed-timer {
background: #f4f4f6;
border-radius: 15px;
position: absolute;
top: -77px;
padding: 0;
right: 211px;
display: inline-flex;
}
.proof-viewed-timer div {
padding: 0 10px;
font-size: 20;
font-weight: bold;
}
.order-history-flex-box {
display: flex;
flex-direction: column;
padding-bottom: 24px;
}
.order-history-content {
display: flex;
text-align: center;
border: 2px solid #747474 !important;
background: #f8f8f9 !important;
border-radius: 0px 0px 6px 6px;
}
.border-right-2 {
border-right: 2px solid #eee;
}
.order-history-content .child {
flex-grow: 1;
text-align: center;
padding: 26px 8px;
}
.order-history-project {
display: flex;
flex: 7 !important;
flex-wrap: wrap;
}
.order-history-content > div {
flex: 1;
}
.order-history-invoice {
padding: 23px 20px;
}
.project-lists {
display: inline-flex;
flex: 0 0 100%;
}
.badge.badge-pill.my_proofs, .badge.badge-pill.client_uploads {
background: rgb(52 214 124 / 74%);
color: white;
}
.badge.badge-pill.shipped {
background: #2196f3;
color: white;
}
.dark-mode h5.h3.mb-0 {
color: #878e9c;
}
.order-history-invoice, .order-history-project-name, .order-history-project-thumb {
cursor: pointer;
}
.order-history-paid-late-label {
font-size: 10px;
line-height: 1.1;
color: #d46b08;
font-weight: 600;
margin-top: 0;
letter-spacing: 0.02em;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 2px 7px;
border-radius: 999px;
background: #fff4e5;
border: 1px solid #f5d8a8;
}
.order-history-paid-late-label:empty {
display: none;
}
.order-history-approved-by:empty {
display: none;
}
.dark-mode .profile-page .card-body {
background: #2b2834 !important;
}
.order-history-container li {
list-style: none;
}
button#order-history-invoice-link {
position: fixed;
bottom: 50px;
left: 50%;
}
.proof-order-history-container {
margin-top: 20px;
}
.proof-order-history-container .my-3.text-center {
position: static;
bottom: 50px;
width: 100%;
}
.proof-order-history-container #order-history-invoice-link {
position: fixed !important;
bottom: 21px;
background: blue;
left: 24px;
z-index: 9999;
}
span.btn.user-profile-pic-toggle {
position: absolute;
bottom: -100px;
right: 25px;
color: #5e72e4;
width: 225px;
}
button#order-history-po-number-update {
position: fixed;
bottom: 41px;
margin: auto -4%;
}
button.btn.order-history-mass-edit-po {
position: fixed;
top: 133px;
z-index: 9999;
}
.text-success {
color: #34d67c !important;
}
.admin-update-memo {
position: absolute;
right: 0px;
top: -25px;
font-size: 12px;
cursor: pointer;
color: #f5365c !important;
font-weight: bold;
}
#orderHistoryRedcoreTab .alert.company-top-notification {
background: #e32a29 !important;
margin: 16px;
}
a.border-red:after {
content: 'PAST DUE';
color: red;
background: white;
border-radius: 46px;
padding: 1px 6px;
margin: 0px 7px;
}
a.border-red {
border: 1px solid red;
}
button.btn.bg-danger.text-white.invoice-clone-row, button.btn.bg-danger.text-white.invoice-remove-row {
padding: 5px;
}
a.border-red {
border: 1px solid rgb(255 255 255 / 22%);
color: white !important;
background: red;
font-weight: 900 !important;
}
.proof-card-approver-notification::after {
content: '1';
position: absolute;
background: red;
border-radius: 100px;
padding: 2px 10px;
font-size: 15px;
background: red;
top: -35px;
left: -40px;
box-shadow: 0px 1px 6px rgb(0 0 0 / 31%);
border: 2px solid white;
color: white;
font-weight: 900;
}
#proof-title-notification {
background: red;
color: white;
padding: 5px 6px;
border-radius: 15px;
font-size: 8px;
margin: 5px;
position: relative;
top: -4px;
}
div.parent_approver_access .btn.btn-success {
cursor: pointer;
float: left;
padding: 15px 23px 16px 30px;
min-height: 48px;
min-width: 87px;
position: fixed;
bottom: 102px;
width: 421px;
border-radius: 65px;
}
span.badge.badge-pill.due-date-label.new_project.received, span.badge.badge-pill.proof-due-date-label.new_project.received {
background: #cb0302 !important;
position: absolute;
top: -38px;
left: 0px;
border: 3px solid white;
}
span.remove-selected-all-users {
font-size: 12px;
color: red;
font-weight: bold;
float: right;
cursor: pointer;
}
#duplicate-proof-remove-form-data {
width: 10px !important;
}
.order-history-status .due-date-label, .order-history-status .parent-approver-label {
display: none;
}
.text-alert {
color: #34d67c !important;
}
.view-order-history {
position: absolute;
right: 20;
border-radius: 80px;
font-size: 11px;
top: 17;
border: 2px solid;
}
.invoice-state-label {
background: #9fe1ff;
position: absolute;
margin-left: 2px;
border: 2px solid white;
color: #0f2f5e;
font-weight: 700;
}
.invoice-state-label.invoice-state-label-flexible {
background: #7f8892;
color: #fff;
}
.invoice-state-label.invoice-state-label-preferred {
background: #1f6fe5;
color: #fff;
}
.invoice-state-label.invoice-state-label-important {
background: #f4c542;
color: #3a2d00;
}
.invoice-state-label.invoice-state-label-time-sensitive {
background: #ef8a17;
color: #fff;
}
.invoice-state-label.invoice-state-label-critical {
background: #c81f1f;
color: #fff;
animation: redcore-card-label-flash 1s ease-in-out infinite;
}
.invoice-state-label.invoice-state-label-extremely-critical {
background: #6d0000;
color: #fff;
animation: redcore-card-label-flash 0.8s ease-in-out infinite, redcore-card-label-pulse 1.2s ease-in-out infinite;
transform-origin: center;
}
@keyframes redcore-card-label-flash {
0%, 100% {
filter: brightness(1);
box-shadow: 0 0 0 rgba(194, 21, 21, 0.0);
}
50% {
filter: brightness(1.3);
box-shadow: 0 0 14px rgba(194, 21, 21, 0.55);
}
}
@keyframes redcore-card-label-pulse {
0%, 100% {
transform: scale(1);
}
50% {
transform: scale(1.08);
}
}
@media (prefers-reduced-motion: reduce) {
.invoice-state-label.invoice-state-label-critical,
.invoice-state-label.invoice-state-label-extremely-critical {
animation: none;
}
}
.invoice-state-label-invoiced {
background: #11ab66;
color: white;
font-weight: 900;
}
body {
counter-reset: section;
}
.print-proof-svg-render-container::before {
counter-increment: section;
content: counter(section)'';
}
.order-history-content::before {
counter-increment: section;
content: counter(section)'';
color: #efefef;
position: absolute;
right: 5px;
}
.navbar-nav .avatar {
background: #e0e0e0;
color: #0484ea;
font-weight: 900;
}
.child.order-history-tracking.col-lg {
color: #0484ea !important;
font-weight: 900;
}
.child.order-history-tracking.col-lg {
color: #0484ea !important;
font-weight: 900;
}
.col-lg-12.redcore-flex.hide-pinner-active .dropdown-item.pdf-invoice-button, .col-sm-6.redcore-flex.hide-pinner-active .dropdown-item.pdf-invoice-button {
background: #fff !important;
border-radius: 10px;
text-align: center;
margin-left: 15px;
}
.col-lg-12.redcore-flex.hide-pinner-active {
border-radius: 16px; 
padding: 0px;
}
.order-history.proof-send-invoice-btn {
display: block;
margin-top: 10px;
}
.single-proof-view .pdf-invoice-button,
.single-proof-view .proof-tracking-number-click,
.single-proof-view .view-proof-invoice {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
min-height: 58px;
padding: 14px 18px !important;
border: 1px solid rgba(255,255,255,0.18);
border-radius: 18px;
background: linear-gradient(180deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.08) 100%);
box-shadow: 0 14px 30px rgba(0,0,0,0.18);
color: #fff !important;
font-size: 24px;
font-weight: 800;
letter-spacing: -0.02em;
text-decoration: none !important;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}
.single-proof-view .proof-carrier-tracking-wrap {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
width: 100%;
}
.single-proof-view .proof-carrier-tracking-logo-wrap {
display: flex;
align-items: center;
justify-content: center;
min-height: 28px;
}
.single-proof-view .proof-carrier-tracking-logo {
max-width: 116px;
max-height: 26px;
width: auto;
height: auto;
object-fit: contain;
display: block;
}
.single-proof-view .proof-carrier-tracking-logo-fallback {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 26px;
padding: 4px 10px;
border-radius: 999px;
background: rgba(17, 24, 39, 0.06);
color: #374151;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.single-proof-view .proof-carrier-button.is-fedex {
background: linear-gradient(180deg, #7f39fb 0%, #6f2ce8 100%) !important;
border-color: rgba(255,255,255,0.18);
}
.single-proof-view .proof-carrier-button.is-ups {
background: linear-gradient(180deg, #6b4620 0%, #5a3815 100%) !important;
border-color: rgba(255,255,255,0.18);
}
.single-proof-view .proof-carrier-button.is-usps {
background: linear-gradient(180deg, #163b73 0%, #102d59 100%) !important;
border-color: rgba(255,255,255,0.18);
}
.single-proof-view .proof-carrier-button.is-dhl {
background: linear-gradient(180deg, #d40511 0%, #bc040f 100%) !important;
border-color: rgba(255,255,255,0.18);
}
.single-proof-view .proof-carrier-button.is-fedex:hover {
background: linear-gradient(180deg, #8d4bff 0%, #7b34f2 100%) !important;
}
.single-proof-view .proof-carrier-button.is-ups:hover {
background: linear-gradient(180deg, #7b5328 0%, #68401a 100%) !important;
}
.single-proof-view .proof-carrier-button.is-usps:hover {
background: linear-gradient(180deg, #1a4688 0%, #123669 100%) !important;
}
.single-proof-view .proof-carrier-button.is-dhl:hover {
background: linear-gradient(180deg, #e30b18 0%, #cb0712 100%) !important;
}
.single-proof-view .pdf-invoice-button:hover,
.single-proof-view .proof-tracking-number-click:hover,
.single-proof-view .view-proof-invoice:hover {
transform: translateY(-1px);
box-shadow: 0 18px 38px rgba(0,0,0,0.24);
background: linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.10) 100%);
}
.single-proof-view .pdf-invoice-button i,
.single-proof-view .proof-tracking-number-click i,
.single-proof-view .view-proof-invoice i {
font-size: 18px;
opacity: 0.92;
}
.single-proof-view .pdf-invoice-button span,
.single-proof-view .proof-tracking-number-click span,
.single-proof-view .view-proof-invoice span {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
white-space: normal;
line-height: 1.15;
}
.proof-image-container-wrapper .proof-carrier-tracking-logo-wrap svg,
.proof-image-container-wrapper .proof-carrier-tracking-logo-wrap img,
.proof-carrier-tracking-logo {
max-height: 69px;
padding-bottom: 9px;
}
.single-proof-view .dropdown-item.proof-toggle-invoice-lock {
font-weight: 700;
}
.single-proof-view .dropdown-item.proof-toggle-invoice-lock i {
color: #ff9f43;
}
.child.order-history-project-thumb.col-lg-1 img {
border-radius: 11px;
padding: 4px;
}
.proof-status-notification-main .sub-text-notification:after {
content: ' We will notify you when production has been completed.';
}
.proof-order-history-container button#order-history-po-number-update {
bottom: 80px;
}
.btn.send-all-invoice {
background: #d0d1d5;
position: absolute;
padding: 2px 7px;
font-size: 9px;
position: absolute;
border-radius: 50px;
}
span.invoice-delete-proof-confirmation {
background: red;
color: white;
padding: 10px;
border-radius: 5px;
font-weight: 800;
font-size: 16px;
margin: 22px;
display: block;
}
span.hide-pdf-download-btn {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
opacity: 0;
}
button.btn.quotecenter-add-stock {
position: absolute;
right: 130px;
background: #fff;
padding: 4px 10px;
top: 0;
border: 1px solid;
}
.proof_stock_details small {
font-size: 14px;
color: red;
font-weight: bold;
display: block;
}
span.order-history-pay-invoice {
color: #38367d;
font-size: 12px;
margin-left: 15px;
border: 1px solid #38367d;
padding: 2px 5px;
cursor: pointer;
margin-top: 8px;
}
small.ifram-pay-now-text {
font-size: 12px;
position: absolute;
left: 220px;
top: 15px;
font-weight: bold;
}
.btn.parent-place-selection.active {
background: #eee;
}
.btn.parent-place-selection {
width: 90%;
border: 1px solid #333;
margin: 10px;
text-overflow: ellipsis;
overflow: hidden;
}
.order-title {
font-size: 17px;
font-weight: bold;
padding: 10px;
border-bottom: 2px solid;
}
.order-list-body {
color: #333;
}
.order-list-body span.size-for.size-border {
font-size: 12px;
}
.size-border {
border-right: 1px solid;
padding: 0 5px;
}
.ordered-checkbox, .partial-checkbox, .issue-order-checkbox, .received-order-checkbox, .point-order-checkbox {
height: calc(1.75rem + 0px) !important;
}
.order-content small.proof-title-view, .order-content small.proof_order_number {
font-size: 10px;
cursor: pointer;
font-weight: bold;
}
.order-content-list.col-lg-12.row.p-0.m-0 {
margin-bottom: 15px !important;
}
.order-content-list .form-data {
cursor: pointer;
}
.order-content-list {
padding: 11px 0px !important;
border-bottom: 1px solid gainsboro;
}
input.form-control.card-ordered-checkbox {
height: 20px;
margin: 10 0;
display: inline-block;
}
span.btn.btn-success.btn-primary.order-history-pay-invoice {
border-radius: 45px;
color: white;
padding: 3px 9px;
border: none;
}
.order-list-card .col-lg-3 {
font-size: 12px;
text-align: center;
}
.order-list-header.col-lg-12.row.p-0 {
cursor: pointer;
}
.order-history-flex-box.payment-due div.h3.text-danger {
background: #aba7a7 !important;
}
label.order-history-update-title {
padding: 10px;
}
.show-all-btn-container {
justify-content: flex-end;
padding: 20px 10px;
}
button.order-list-show-all {
padding: 5px 20px;
font-size: 12px;
margin: 0 20px;
}
button.btn.order-list-show-all.active {
background: #0275ff;
color: #fff;
}
.partial-email-send-container {
justify-content: flex-end;
}
.btn.send-partial-send-email, .btn.remove-due-date-proof {
padding: 5px 10px;
background: #de0201;
color: #fff;
flex: 1;
}
.btn.send-partial-send-email .fa.fa-paper-plane {
border: 2px solid #eee;
padding: 5px;
border-radius: 15px;
margin-left: 10px;
}
.quote-center-price {
text-align: justify;
padding: 10px;
font-size: 18px;
font-weight: bold;
}
.py-3.display-center {
border-radius: 7px;
}
.quotecenter-total-price {
position: absolute;
top: 3px;
right: 280px;
color: #333;
font-weight: bold;
}
#is-180-days-late {
border-top: 2px solid #eeeeee;
margin: 0px;
padding: 14px 37px 23px;
background: #ff0d0f;
color: white !important;
border-radius: 5px;
font-size: 33px;
}
.h3.text-danger {
border-top: 2px solid #747474 !important;
margin: 0px !important;
padding: 4px 27px !important;
border-right: 2px solid #747474 !important;
border-left: 2px solid #747474 !important;
background: #c70b0a !important;
color: white !important;
border-radius: 6px 6px 0px 0px;
}
@media (max-width: 900px) {
.view-order-history {
display: none;
}
}
.show-magic {
border: 5px solid;
background: #eee;
}
.rainbow::before {
box-sizing: border-box;
content: "";
position: absolute;
z-index: -2;
left: -50%;
top: -50%;
width: 200%;
height: 200%;
background-color: #399953;
background-repeat: no-repeat;
background-size: 50% 50%, 50% 50%;
background-position: 0 0, 100% 0, 100% 100%, 0 100%;
background-image: linear-gradient(#399953, #399953), linear-gradient(#fbb300, #fbb300), linear-gradient(#d53e33, #d53e33), linear-gradient(#377af5, #377af5);
-webkit-animation: rotate 4s linear infinite;
animation: rotate 4s linear infinite;
}
.rainbow::after {
box-sizing: border-box;
content: "";
position: absolute;
z-index: -1;
left: 6px;
top: 6px;
width: calc(100% - 12px);
height: calc(100% - 12px);
background: white;
border-radius: 5px;
}
.sk-circle .sk-child {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
span.sk-circle.selected {
display: inline-block;
position: relative;
width: 20px;
height: 20px;
top: 5px;
margin-left: 5px;
visibility: hidden;
}
.sk-circle .sk-child:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #fff;
border-radius: 100%;
-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.code-login-template p, .code-login-template span, .code-login-template label {
font-weight: 500;
}
.code-login-template {
font-weight: 500;
}
.code-login-template h3 .small-text {
font-size: 18px;
}
.code-login-template h3 {
justify-content: space-around;
align-items: center;
display: flex;
}
.error.user-code-error {
color: #9e9e9e;
padding: 10px;
}
.rc-auto-submit-press {
transform: scale(.96) !important;
}
#continue-code.rc-auto-submit-sheen,
#verifyBtn.rc-auto-submit-sheen {
position: relative;
overflow: hidden;
}
#continue-code.rc-auto-submit-sheen::after,
#verifyBtn.rc-auto-submit-sheen::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.22) 45%, transparent 75%);
transform: translateX(-120%);
animation: rcAutoSubmitSheen .18s ease-out forwards;
}
@keyframes rcAutoSubmitSheen {
to {
transform: translateX(120%);
}
}
@media (prefers-reduced-motion: reduce) {
.rc-auto-submit-press {
transform: none !important;
}
#continue-code.rc-auto-submit-sheen::after,
#verifyBtn.rc-auto-submit-sheen::after {
animation: none;
}
}
.menu-boxy .redcore-flex.hide-pinner-active {
align-items: center;
gap: 6px;
width: 100%;
}
.menu-boxy .redcore-flex.hide-pinner-active .redcore-status-button-conatiner {
padding: 0 !important;
}
.menu-boxy .redcore-flex.hide-pinner-active .redcore-status-button-conatiner div.btn {
width: 100%;
min-height: 30px;
padding: 5px 8px !important;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 11px;
line-height: 1;
font-weight: 800;
white-space: nowrap;
margin: 0 !important;
box-shadow: none !important;
border: 1px solid transparent;
}
.menu-boxy .redcore-flex.hide-pinner-active .redcore-status-button-conatiner .btn.proof-bulk-action {
background: #1d4ed8;
color: #fff;
border-color: #1e40af;
}
.menu-boxy .redcore-flex.hide-pinner-active .redcore-status-button-conatiner .copy-proof-url {
background: #475569;
color: #fff;
border-color: #334155;
top: 0 !important;
}
.menu-boxy .redcore-flex.hide-pinner-active .redcore-status-button-conatiner .inner-proof-expire {
background: #f97316;
color: #fff;
border-color: #ea580c;
}
.menu-boxy .redcore-flex.hide-pinner-active .redcore-status-button-conatiner .inner-proof-delete {
background: #de0201;
color: #fff;
border-color: #b91c1c;
}
.menu-boxy .redcore-flex.hide-pinner-active .redcore-status-button-conatiner .show-full-width {
width: 100% !important;
}
@media screen and (max-width: 767px) {
.menu-boxy .redcore-flex.hide-pinner-active {
gap: 4px;
}
.menu-boxy .redcore-flex.hide-pinner-active .redcore-status-button-conatiner div.btn {
min-height: 28px;
padding: 4px 6px !important;
font-size: 10px;
border-radius: 8px;
}
}
.download-proof-media.btn.btn-primary.col-lg {
padding: 3px !important;
}
.error.user-code-error {
}
.sk-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg);
}
.sk-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
}
.sk-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.sk-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg);
}
.sk-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg);
}
.sk-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg);
}
.sk-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg);
}
.sk-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.sk-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg);
}
.sk-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg);
}
.sk-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.sk-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.sk-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.sk-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.sk-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.sk-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.sk-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.sk-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.sk-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.sk-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.sk-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
@keyframes sk-circleBounceDelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0)
}
40% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.stat-boxes.comunities-color.proof-color.copy-proof-url {
width: 30%;
display: inline-block;
padding: 16px 24px;
margin: 11px 11px 0px 0px;
}
.start_new_button_container {
text-align: center;
}
.user-account-takeover.success {
background: #70d6a8;
}
.user-account-takeover {
width: 100%;
}
.user-account-transfer-overlay {
background: rgb(22 26 29 / 89%) !important;
top: 0;
position: fixed;
bottom: 0;
right: 0;
left: 0;
width: 100%;
z-index: 999999;
height: 100%;
display: flex;
overflow: hidden;
flex-flow: row nowrap;
justify-content: center;
align-items: center;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
.user-account-transfer-overlay .inner-container {
text-align: center;
align-content: center;
align-items: center;
background: white;
padding: 30px;
border-radius: 21px;
margin: 10px;
position: relative;
}
.user-account-transfer-overlay .main-container {
margin-top: 35px;
width: 350px;
}
.inner-container .headerContainer {
text-align: center;
}
.user-account-transfer-overlay .main-container .account-name-check {
background: #0478d4;
border-color: #0478d4;
border-radius: 25px;
padding: 10px 30px;
}
.user-account-transfer-overlay .headerContainer img {
position: absolute;
top: -38px;
left: 41%;
background: #fff;
width: 77px;
height: 77px;
}
.user-account-transfer-overlay .user-avatar-image-container {
float: left;
width: 30%;
}
#account-transfer-user.success {
background: #4fd69c;
color: #fff;
}
.btn-group.proof-tools span.badge.badge-pill {
margin: 0 5px;
line-height: 8px;
font-size: 8px;
max-height: 20px;
top: 10px;
position: relative;
}
.proof-image-toolbox .badge.badge-pill.my_proofs span.badge.badge-pill {
position: inherit;
}
.company-top-notification .col-md-11 {
padding-left: 0px;
padding-right: 0px;
}
.payment-paid .order-history-content {
border: 2px solid #f5f5f5 !important;
border-radius: 9px;
}
.proof-title-container .badge.badge-pill.my_proofs {
background: none;
height: 0px;
top: -7px !important;
position: absolute;
}
.dark-mode .navbar-vertical .navbar-nav .nav-link > i, .dark-mode .tool-menu-tap-icon {
background: #181621;
}
.place-datatab .btn-warning {
margin: auto 12%;
}
div::-webkit-scrollbar:vertical {
width: 20px;
display: none;
}
div::-webkit-scrollbar:horizontal {
height: 11px;
display: none;
}
div::-webkit-scrollbar {
-webkit-appearance: none;
background-color: transparent;
}
span.btn.copy-generate-user-id {
padding: 0 10px;
background: #5e72e4;
color: #fff;
font-size: 12;
}
.navbar-expand .navbar-nav .nav-link {
color: #000 !important;
}
.sidenav-toggler-dark .sidenav-toggler-line {
background-color: #000;
}
.proof-grid-column .card-body {
cursor: pointer;
}
.proof-details-inner-container .admin-view-area h3.title, .proof-defualt-fields h3.title {
margin: 0;
margin-top: 20px;
}
button.account-name-check {
padding-right: 40px !important;
}
.col-lg-12.shipping-type {
height: 50px;
font-size: 12px;
font-weight: bold;
padding: 0px;
}
.col-lg-12.shipping-type img {
height: 79% !important;
position: relative;
top: 11px;
}
@keyframes textBlinkAnimate {
0% {
opacity: 0;
}
50% {
opacity: 0.7;
}
100% {
opacity: 0;
}
}
button.btn.bg-danger.text-white.invoice-proof-view-row, button.btn.bg-danger.text-white.invoice-proof-title-copy-row, button.btn.bg-danger.text-white.invoice-mass-description-update {
padding: 5px;
}
button.btn.proof-pay-and-approve {
padding: 12px 18px;
text-align: center;
border-radius: 24px;
font-size: 10px;
}
.comment-box-icon i::before {
animation: pincommentout 3s infinite ease-out;
}
@keyframes pincommentout {
50% {
box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, .6);
}
100% {
box-shadow: 0px 0px 0px 30px rgba(255, 255, 255, 0.0);
}
}
span.add-proof-image-title {
position: relative !important;
right: 0;
top: 0px !important;
box-shadow: none;
box-shadow: 0;
font-size: 14px;
cursor: pointer;
background: transparent;
width: 100%;
z-index: 999999;
font-weight: bold;
padding: 10 20px;
}
span.add-proof-image-title h1 {
position: absolute;
color: red;
left: 1px;
font-size: 19px;
top: -25px;
}
p.font15.mb-0.col-lg-12 {
max-width: 550px;
padding: 10px;
display: block;
margin: 0 auto;
text-align: center;
}
.proof-image-overlay-container:first-child span.add-proof-image-title {
top: 3px !important;
}
.proof-image-container-wrapper span.add-proof-image-title .proof-image-title-edit {
font-size: 14px;
}
span.proof-image-title-edit {
padding: 10px;
}
.table-content-editable.table-invoice-content-description[data-message-status="error"] {
text-decoration: underline;
text-decoration-color: red;
}
.form-group.bmd-form-group.product-grid-list {
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.comment-wrapper:hover span.comment-full-date.hoverover.comment_icon {
display: inline-block;
}
.invoice-price-item-quick-price-break, .invoice-price-item-hidden-container, .invoice-check-box-container, .invoice-price-lock-check-box-container, .invoice-price-send-invoice-expired-and-keep-container, .invoice-amount-disabled-container {
position: relative;
}
.invoice-price-item-hidden-container input, .invoice-check-box-container input, .invoice-price-lock-check-box-container input, .invoice-price-send-invoice-expired-and-keep-container input, .invoice-amount-disabled-container input {
visibility: hidden;
}
span.invoice-check-box-container {
margin-right: 15px;
}
span.invoice-price-send-invoice-expired-and-keep-container, span.invoice-price-item-hidden-container, span.invoice-price-item-quick-price-break, span.invoice-amount-disabled-container {
margin-left: 15px;
}
.invoice-price-item-hidden-container label.invoice-price-item-hidden-check, .invoice-check-box-container label.invoice-label-check, .invoice-price-lock-check-box-container label.invoice-price-lock-check, .invoice-price-send-invoice-expired-and-keep-container label.invoice-price-send-invoice-expired-and-keep-check, .invoice-price-item-quick-price-break label.invoice-price-item-quick-price-break-check, .invoice-amount-disabled-container label.invoice-amount-disabled-check {
padding: 5px;
box-sizing: border-box;
top: -4px;
left: -4px;
position: absolute;
border-radius: 5px;
}
.invoice-price-item-hidden-container label.invoice-price-item-hidden-check i, .invoice-check-box-container label.invoice-label-check i, .invoice-price-lock-check-box-container label.invoice-price-lock-check i, .invoice-price-send-invoice-expired-and-keep-container label.invoice-price-send-invoice-expired-and-keep-check i, .invoice-amount-disabled-container label.invoice-amount-disabled-check i {
visibility: hidden;
}
.invoice-price-item-hidden-container input:checked ~ label.invoice-price-item-hidden-check i, .invoice-check-box-container input:checked ~ label.invoice-label-check i, .invoice-price-lock-check-box-container input:checked ~ label.invoice-price-lock-check i, .invoice-price-send-invoice-expired-and-keep-container input:checked ~ label.invoice-price-send-invoice-expired-and-keep-check i, .invoice-amount-disabled-container input:checked ~ label.invoice-amount-disabled-check i {
visibility: visible;
}
.proof-invoice .table-flush tbody tr:last-child td {
white-space: inherit !important;
}
.active.comment_update_disable {
color: red;
}
.proof-media-version .cardy.card {
padding: 20px !important;
cursor: pointer;
position: relative;
}
.proof-version-image-label {
background: rgba(17, 24, 39, 0.88);
border-radius: 999px;
box-shadow: 0 8px 18px rgb(0 0 0 / 18%);
color: #fff;
font-size: 12px;
font-weight: 800;
left: 30px;
letter-spacing: 0.02em;
line-height: 1;
padding: 8px 11px;
position: absolute;
top: 30px;
z-index: 2;
}
.btn-group.proof-tools span.badge.badge-pill {
margin: 0 5px;
line-height: 8px;
font-size: 8px;
max-height: 26px;
top: 6px;
position: relative;
}
.col-md-12.text-center {
border-top: 1px solid rgb(0 0 0 / 17%);
}
button.btn.btn-success.crop_image.image-cropper-submit {
background: #007adb;
border-radius: 43px;
padding: 21px 50px;
border: 7px solid #39a7ff;
margin: 0px;
}
input[type=range].cr-slider {
-webkit-appearance: none;
margin: 2px;
width: 100%;
}
.product-proof-details-list .form-group .fb-required {
position: relative !important;
top: 9px !important;
}
div#redcore-po-company-notification, div#redcore-qb-only-invoice-notification {
background: #3a367d;
padding: 17px;
border-radius: 6px;
white-space: pre-wrap;
word-break: break-word;
color: white;
}
div#redcore-qb-only-invoice-notification {
border: thin solid white;
}
button#structure-add-shipping-button {
background: #673ab7;
padding: 7px;
border-radius: 3px;
color: white;
font-weight: bold;
}
.fedex-description-est-date, .ups-description-est-date {
font-size: smaller;
width: 100%;
display: block;
color: white;
padding: 10px 6px;
border-radius: 0px 0px 9px 9px;
}
.fedex-description-est-date {
background: #673ab7;
}
.ups-description-est-date {
background: #7e5844;
}
.fedex-description {
position: relative;
padding: 2px;
font-size: 11px;
left: 0px;
text-align: left;
margin-top: 30px;
display: inline-block;
}
.shipping-rate-options-label {
width: 100%;
text-align: left;
}
.fedex-description-total {
color: white;
position: relative;
background: #4caf50;
border-radius: 15px;
padding: 4px 12px;
display: block;
text-align: right;
width: auto;
float: right;
margin-top: 17px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
button.btn.btn-success.btn-primary.proof-pay-and-approve {
background: linear-gradient(135deg, #1f7cff, #0d5fde) !important;
border: 2px solid #58a1ff !important;
box-shadow: 0 14px 28px rgb(13 95 222 / 26%);
color: #fff !important;
}
div.viewed-link {
color: #f44336 !important;
}
div.proof-rush-admin-container {
margin-top: 35px;
background: #f4f4f6;
padding: 36px 17px;
border-radius: 29px;
}
#proof_rush_shipping .active h4 {
color: #333 !important;
}
#proof_rush_shipping h4 {
color: #8898aa !important;
}
#proof_rush_shipping p {
color: #007bff !important;
text-align: left;
}
#proof_rush_shipping .active button {
background-color: #2dce89;
}
#proof_rush_shipping button {
background-color: #959393;
color: #fff;
font-size: 15px;
text-transform: uppercase;
padding: 5px 10px;
}
.rush-shipping-list {
cursor: pointer;
}
.rush-shipping-list.active, .rush-shipping-list.active:hover {
background: #fff !important;
border: 1px solid #b9bbbd;
}
div.viewed-link {
color: #f44336 !important;
text-decoration: underline;
font-weight: 500;
}
h4.delivery-title {
font-size: 16px;
}
.cardy.card.my-1.rush-shipping-list.active h4.delivery-title:before {
content: 'Delivers -  ';
}
.cardy.card.my-2.rush-shipping-list.active:after {
right: 9px;
position: absolute;
top: 37px;
color: blue;
}
.no-pad .cardy.card.my-1.rush-shipping-list.active {
border-radius: 4px;
}
.cardy.card.my-1.rush-shipping-list {
background: #efefef;
border-radius: 4px;
}
.no-pad .card {
border-radius: 4px;
background: #efefef;
}
.rush-ship-container {
padding: 0px;
text-align: justify;
}
p.main-title {
font-size: 14px;
color: #8898aa;
font-weight: bold;
}
.rush-ship-container p {
margin-bottom: 0px;
}
.proof-view-loader:before {
content: 'One Moment...';
position: absolute;
margin: auto;
top: 8px;
}
.btn-request-new-location {
background: #00befe;
color: #fff;
border-radius: 25px;
}
button.btn.user-choose-company {
margin-left: 20px;
background: #00befe;
color: #fff;
}
.user-add-new-place-section {
float: right;
font-size: 20px;
color: #333;
}
.proof-got-expired {
position: absolute;
color: red;
text-align: center;
width: 100%;
font-size: 95px;
font-weight: bold;
background: #eee;
opacity: .8;
margin: 10% auto;
top: 148px;
padding: 10%;
}
.proof-detail-tracking-view .dropdown-item {
color: #ffffff;
background-color: #673ab7;
font-size: 18px;
border-radius: 53px;
padding: 14px 19px !important;
max-width: 297px;
margin: auto;
}
.proof-fedex-delivery-photo {
margin-top: 14px;
}
.proof-fedex-photo-card {
max-width: 420px;
padding: 12px;
border-radius: 16px;
background: #ffffff;
border: 1px solid rgba(16, 24, 40, 0.08);
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
}
.proof-fedex-photo-card.is-loading {
background: #f8fafc;
color: #667085;
}
.proof-fedex-photo-card.is-debug {
background: #fff7ed;
border-color: #fed7aa;
color: #9a3412;
}
.proof-fedex-photo-eyebrow {
margin-bottom: 8px;
color: #4d148c;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.proof-fedex-photo-image {
display: block;
width: 100%;
height: auto;
border-radius: 12px;
object-fit: cover;
background: #f2f4f7;
}
.proof-fedex-photo-copy {
margin-top: 8px;
color: #667085;
font-size: 12px;
line-height: 1.45;
}
.proof-fedex-photo-debug {
margin-top: 10px;
padding-top: 10px;
border-top: 1px dashed rgba(154, 52, 18, 0.24);
color: #9a3412;
font-size: 11px;
line-height: 1.45;
}
.proof-fedex-photo-debug-summary > div + div {
margin-top: 4px;
}
.proof-fedex-photo-debug-details {
margin-top: 10px;
}
.proof-fedex-photo-debug-details summary {
cursor: pointer;
font-weight: 700;
color: #7c2d12;
user-select: none;
}
.proof-fedex-photo-debug-raw {
margin-top: 8px;
max-height: 220px;
overflow: auto;
padding: 10px;
border-radius: 10px;
background: rgba(255,255,255,0.65);
border: 1px solid rgba(154, 52, 18, 0.16);
word-break: break-word;
}
.proof-fedex-photo-debug-raw > div + div {
margin-top: 6px;
}
.proof-fedex-photo-refresh {
margin-top: 10px;
border-radius: 999px;
border: 1px solid rgba(77, 20, 140, 0.18);
background: #ffffff;
color: #4d148c;
font-size: 12px;
font-weight: 700;
padding: 7px 14px;
}
.proof-fedex-photo-refresh:hover {
border-color: rgba(77, 20, 140, 0.36);
background: #faf5ff;
}
.proof-fedex-photo-actions {
margin-top: 12px;
display: flex;
justify-content: center;
}
.proof-fedex-photo-open-overlay,
.proof-fedex-photo-open-new-tab {
border-radius: 999px;
background: #ffffff;
border: 1px solid rgba(77, 20, 140, 0.18);
color: #4d148c;
font-size: 12px;
font-weight: 700;
padding: 7px 14px;
box-shadow: 0 8px 20px rgba(77, 20, 140, 0.08);
text-decoration: none !important;
}
.proof-fedex-photo-open-overlay:hover,
.proof-fedex-photo-open-new-tab:hover {
border-color: rgba(77, 20, 140, 0.36);
background: #faf5ff;
}
.proof-fedex-tracking-overlay-backdrop {
position: fixed;
inset: 0;
z-index: 100000;
background: rgba(15, 23, 42, 0.72);
display: flex;
align-items: center;
justify-content: center;
padding: 24px;
}
.proof-fedex-tracking-overlay-card {
width: min(1180px, calc(100vw - 32px));
height: min(860px, calc(100vh - 32px));
background: #ffffff;
border-radius: 24px;
overflow: hidden;
box-shadow: 0 28px 80px rgba(15, 23, 42, 0.35);
display: flex;
flex-direction: column;
}
.proof-fedex-tracking-overlay-header {
padding: 18px 22px 14px;
border-bottom: 1px solid rgba(15, 23, 42, 0.08);
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
}
.proof-fedex-tracking-overlay-title-wrap {
min-width: 0;
}
.proof-fedex-tracking-overlay-eyebrow {
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #4d148c;
margin-bottom: 4px;
}
.proof-fedex-tracking-overlay-title {
font-size: 22px;
line-height: 1.2;
font-weight: 800;
color: #111827;
}
.proof-fedex-tracking-overlay-buttons {
display: inline-flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-end;
}
.proof-fedex-tracking-overlay-close,
.proof-fedex-tracking-overlay-new-tab,
.proof-fedex-tracking-overlay-copy-link {
border-radius: 999px;
font-weight: 700;
font-size: 13px;
padding: 9px 16px;
}
.proof-fedex-tracking-overlay-close {
background: #f8fafc;
color: #334155;
border: 1px solid rgba(148, 163, 184, 0.24);
}
.proof-fedex-tracking-overlay-new-tab {
background: #4d148c;
color: #ffffff;
border: 1px solid rgba(77, 20, 140, 0.22);
}
.proof-fedex-tracking-overlay-copy-link {
background: #ffffff;
color: #4d148c;
border: 1px solid rgba(77, 20, 140, 0.18);
}
.proof-fedex-tracking-overlay-copy {
padding: 12px 22px 0;
font-size: 13px;
line-height: 1.45;
color: #64748b;
}
.proof-fedex-tracking-overlay-frame-wrap {
flex: 1 1 auto;
padding: 16px 22px 22px;
}
.proof-fedex-tracking-overlay-frame-wrap.is-notice {
display: flex;
align-items: stretch;
}
.proof-fedex-tracking-overlay-frame {
width: 100%;
height: 100%;
border: 0;
border-radius: 18px;
background: #f8fafc;
box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.18);
}
.proof-fedex-tracking-overlay-notice {
width: 100%;
min-height: 320px;
border-radius: 18px;
background: linear-gradient(180deg, #fcf7ff 0%, #f8fafc 100%);
border: 1px solid rgba(77, 20, 140, 0.14);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 14px;
padding: 28px;
}
.proof-fedex-tracking-overlay-notice-icon {
width: 58px;
height: 58px;
border-radius: 999px;
background: rgba(77, 20, 140, 0.08);
color: #4d148c;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 24px;
}
.proof-fedex-tracking-overlay-notice-title {
font-size: 22px;
line-height: 1.2;
font-weight: 800;
color: #1e293b;
}
.proof-fedex-tracking-overlay-notice-copy {
max-width: 620px;
font-size: 14px;
line-height: 1.55;
color: #64748b;
}
.proof-fedex-tracking-overlay-link {
width: 100%;
max-width: 720px;
padding: 12px 14px;
border-radius: 14px;
background: #ffffff;
border: 1px dashed rgba(77, 20, 140, 0.28);
color: #4d148c;
font-size: 13px;
line-height: 1.5;
word-break: break-word;
}
body.proof-fedex-tracking-overlay-active {
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.proof-fedex-tracking-overlay-backdrop {
padding: 0;
}
.proof-fedex-tracking-overlay-card {
width: 100vw;
height: 100vh;
border-radius: 0;
}
.proof-fedex-tracking-overlay-header {
padding: 16px;
align-items: flex-start;
flex-direction: column;
}
.proof-fedex-tracking-overlay-buttons {
width: 100%;
justify-content: flex-start;
}
.proof-fedex-tracking-overlay-copy {
padding: 10px 16px 0;
}
.proof-fedex-tracking-overlay-frame-wrap {
padding: 14px 16px 16px;
}
.proof-fedex-tracking-overlay-frame {
border-radius: 14px;
}
.proof-fedex-tracking-overlay-notice {
min-height: 260px;
border-radius: 14px;
padding: 22px 18px;
}
.proof-fedex-tracking-overlay-notice-title {
font-size: 18px;
}
}
button#placeholder-schedule-post {
border-radius: 45px;
padding: 6px 19px;
border: 1px solid #bec0c3;
color: #0885e9;
background: #201d2b;
}
button.btn.btn-success.idea-board-show-more {
border-radius: 45px;
background: #673ab7;
border: none;
}
.proof-details-approve-section i.ni.ni-money-coins {
padding: 0px 7px 0px 0px;
}
.invoice-payment-form .form-control {
color: #555555;
padding: 13px;
}
.ElementsApp, .ElementsApp .InputElement {
color: #555555 !important;
font-weight: 400 !important;
font-family: Roboto !important;
font-size: 17px !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.dark-mode .user-file-upload-area:hover {
background: #464a54;
}
.dark-mode-switch:checked {
background-image: url('https://redcoredesign.s3.us-east-2.amazonaws.com/dark.png');
background-size: cover;
transition: background-image 1s ease-in-out;
}
.dark-mode span.btn-marketplace-megamenu-detail {
color: #878e9c;
}
.dark-mode-switch:after {
content: '';
width: 46px;
height: 30px;
border-radius: 50%;
background-color: #fff;
position: absolute;
left: 2px;
top: 2px;
transform: translateX(0px);
animation: switch-on .7s forwards cubic-bezier(.8, .5, .2, 1.4);
border: 2px solid #909090;
}
.dark-mode .bootstrap-select.btn-group .dropdown-menu li a span.text {
color: white;
}
.dark-mode button.btn.btn-success.btn-primary.proof-pay-and-approve {
background: none !important;
color: #efefef;
}
.dark-mode .swal2-modal .swal2-image {
display: none !important;
}
.dark-mode .bootstrap-select .dropdown-menu {
background-color: #252231;
}
.dark-mode .bottom-fixed.new-task-creation {
background: rgba(255, 255, 255, 0);
}
.dark-mode .header {
background-color: #1f1d2b;
}
.dark-mode .order-history-content {
border: 2px solid #eeeeee !important;
background: #181621 !important;
}
.dark-mode .proof-information-container {
padding: 7px 47px;
}
.dark-mode .padleftright {
border-bottom: 3px solid #262930;
}
.dark-mode .navbar-light .navbar-nav .show > .nav-link {
background: #1f1d2b !important;
}
.dark-mode .owl-theme .owl-dots, .dark-mode .select_type_dots .owl-dots {
background: #1f1d2b;
border: 1px solid #22252c;
}
.redcore-hr {
display: none;
}
.dark-mode span.red-only {
color: #ffffff;
}
.dark-mode .sidenav {
border-right: 0px solid #cecece !important;
}
.dark-mode #MarketPlaceFrequentCarousel .click-next, .dark-mode #MarketPlaceFrequentCarousel .click-before {
background: #ffffff;
}
.dark-mode .card.placeholder-container.notification-banner {
background: #1f1d2b;
}
.dark-mode .proof-submitted-user-name {
background: #1f1d2b;
color: white;
}
.dark-mode .proof-image-container-wrapper {
background: #30333d;
}
.dark-mode p.approved-by-text {
background: #191a20;
}
.darkmode .proof-grid-switch {
border: 0px solid black;
}
.dark-mode input#proofsSearchForms {
border: 1px solid #3b3f4a !important;
}
.dark-mode p.approval-message {
font-size: 11px;
color: #c3c3c3;
}
.dark-mode .proof-title-container.moveTop {
background: rgb(0 0 0 / 78%);
}
.dark-mode .comment-box-container {
background: #30333d;
}
.dark-mode #marketPlaceProjectImageSlider .marketplace-details-title h4.project-title {
color: #eeeeee;
}
.dark-mode h2.project-details {
color: #eeeeee !important;
}
.dark-mode .swal2-modal {
background-color: #1f1d2b !important;
}
.dark-mode .sidenav {
border-right: 1px solid #1f1d2b !important;
}
.dark-mode .search-pad {
padding: 0px 22px 0px 22px;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
}
.dark-mode .red-article-pagination.row {
border: 4px solid #1f1d2b;
width: 100%;
margin: 48px 0px 0px 0px;
padding: 15px 48px 1px 36px;
background: #34363e;
}
.dark-mode #searchTagsProofs {
width: 100%;
background: #3b3f4a;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-radius: 0px 0px 7px 7px;
height: 60px;
box-shadow: 0px 8px 9px #313131;
}
.dark-mode .section__bg .paper {
background: #1f1d2b !important;
}
.dark-mode #companiesContainer .card-header {
background: #262931;
}
body .dark-mode {
background-color: #1f1d2b;
}
.dark-mode .card {
background: #3b3f49;
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.15);
}
.dark-mode {
background-color: #1f1d2b;
}
.dark-mode .btn-launch-pad-tag-search {
background: #4f545f;
color: #fff;
}
.dark-mode .fa .fa-heart {
color: #1f1d2b !important
}
.dark-mode .bg-white {
background-color: #1f1d2b !important;
}
.dark-mode .moveTop {
background: #2f333c;
}
.dark-mode .placeholder_row_drag:hover:nth-of-type(odd) {
background-color: #262930;
color: white;
}
.dark-mode .placeholder_list_drag .row {
color: #878e9c;
border-top: none;
}
.dark-mode .placeholder_list_drag .row:nth-of-type(odd) {
background: #262930;
border: none;
color: white;
}
.dark-mode .placeholder_header {
background: #3b3f49;
}
.dark-mode .web-manager a {
color: #8898aa;
}
.dark-mode .navbar-light .navbar-nav .nav-link {
color: rgb(135, 142, 156);
}
.dark-mode .paper:hover {
border: 0px solid rgba(136, 149, 162, 0.2);
background-color: #1f1d2b;
}
.dark-mode support-feedback-tab-content-itcome.nav-pills > li > a.nav-link {
color: #ffffff !important;
}
.dark-mode #main {
background-color: #20232b;
}
.dark-mode .support-messages.smsg-intercom .support-feedback-panel-content-itcome .category-container .support-li-header:hover {
background: #1f1d2b;
}
.dark-mode .nav {
border-bottom: 0px solid #e5e5e5;
}
.dark-mode .support-messages .category-container .article__preview .paper__preview {
color: #ec1000;
}
.dark-mode .navbar-light .navbar-nav .active > .nav-link {
background: rgba(73, 80, 92, 0.5);
color: #ffffffa8 !important;
}
.dark-mode .navbar-vertical {
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.15);
}
.dark-mode .support-messages .nav-pills .nav-item.active .nav-link {
background-color: #777c88 !important;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08) !important;
}
.dark-mode hr {
border-top: 1px solid #444852;
}
.dark-mode #redcore-page-title {
color: #878e9c !important;
}
.dark-mode .bg-primary {
background: linear-gradient(87deg, #1f1d2b 0, #1f1d2b 100%) !important;
}
.dark-mode .sub-title-pad-dd {
color: #2091ec !important;
}
.dark-mode .card-options-btn {
background: #3b3f49;
border: none;
color: white;
}
.dark-mode .swal2-container.swal2-shown {
background-color: rgba(0, 0, 0, 0.72) !important;
}
.dark-mode span.search-switchers-btn.active-btn[data-action="projects"] {
background: #858a92 !important;
color: white;
}
.dark-mode span.search-switchers {
background: #1f1d2b;
}
.dark-mode .badge-pill {
opacity: .8;
}
.dark-mode .search-switchers-btn:nth-child(1) {
background: #4f535e;
border: 1px solid #4f545f;
}
.dark-mode .card-header {
background-color: #3b3f4a;
border-bottom: 1px solid #595d69;
}
.dark-mode .project-details-container {
background: #292b34;
}
.dark-mode span.search-switchers-btn.active-btn {
background: #4f535e !important;
border-radius: 115px;
border: 1px solid #292b34;
}
.dark-mode .search-switchers-btn:nth-child(1) {
background: #292b34 !important;
border: 1px solid #292b34;
}
.dark-mode .proof-list-title h4 {
color: #878e9c !important;
}
.dark-mode span.search-switchers-btn[data-action="projects"] {
background: #292b34 !important;
border: 1px solid #292b34;
}
.dark-mode .measure-box, .dark-mode .redcore_shirt.col-lg-12 {
background: #1f1d2b;
background: rgb(40, 43, 51);
}
.dark-mode button.btn.col-lg-12.btn-default.trigger-show-proof-dropzone, .dark-mode button.btn.col-lg-12.btn-default.trigger-show-svg-dropzone, .dark-mode .user-file-upload-trigger-btn, .dark-mode .trigger-show-vote-dropzone {
background-color: #292b34;
color: #ffffff;
}
.dark-mode button.btn.col-lg-12.btn-default.trigger-show-svg-dropzone {
background-color: #292b34 !important;
color: #909191 !important;
}
.dark-mode .rendered-form .pull-left {
color: white;
}
.dark-mode ul.top-search-autocomplete li {
background: #4f545f;
color: white;
}
.dark-mode h3.slider-caption-text {
background: #202127;
}
.dark-mode .card-body a {
color: #e8e8e8;
}
.dark-mode .proof-grid-column.col-lg-12.col-xl-12 .card-options-btn {
padding: 4px;
background: rgb(59, 63, 74);
}
.dark-mode .proof-subItems-container:before {
background: #575e69;
border-top: .094rem solid #575e69;
border-left: .094rem solid #575e69;
}
.dark-mode .add-btn {
background: #292b34;
color: #99a6bb;
}
.dark-mode .c__primary .title-count-notification {
background: #3b3f4a;
border: 1px solid #292b34;
}
.dark-mode .category-container .article__preview .paper__preview {
color: #99a6bb;
}
.dark-mode .proof-subItems-container {
border: 1px solid #525764;
background: rgb(19 20 21);
border-top: 1px solid rgb(89, 94, 108);
}
.dark-mode li {
color: white;
}
.dark-mode .owl-carousel.owl-theme.testttt.owl-loaded.owl-drag:before, .dark-mode .owl-carousel.owl-theme.testttt.owl-loaded.owl-drag:after {
background: #1f1d2b;
}
.dark-mode #redcore-Popular-items .card-body {
background: #1f1d2b;
border: 4px solid #6c737d;
}
.dark-mode .project-card-title-2 {
color: #d60000 !important;
}
.dark-mode span.project_order_submit_start_over, .dark-mode span.quote_request_project_order_submit {
color: white;
}
.dark-mode .btn-marketplace-order-now {
background: #3b3f49;
}
.dark-mode .btn-neutral {
border-color: #1f1d2b;
background-color: #3b3f49;
}
.dark-mode ul.top-search-autocomplete {
background: #4f545f;
}
.dark-mode .proof-grid-switch {
background: #3b3f49;
border: 1px solid #1f1d2b;
}
.dark-mode .zoom {
background-color: #090a0b !important;
border: 1px solid #3f444e !important;
color: white !important;
}
.dark-mode button.grid-switch-btn.active-btn {
background: #5a606e;
}
.dark-mode .text-white {
color: #646a77;
}
.dark-mode #proof-gif {
filter: invert(.999) hue-rotate(206deg) contrast(0.82224) brightness(.2);
}
.dark-mode .dark-mode-switch:after {
content: '';
width: 30px;
height: 30px;
border-radius: 100px;
background-color: #1f1d2b;
}
.dark-mode .list-group-item {
background-color: #2f333c;
}
.dark-mode-switch:after {
border-radius: 100px;
}
.dark-mode button.btn.btn-primary.create_new_project_action {
border: 6px solid #cf0a23;
color: white;
background: #201d2b;
}
.dark-mode .user-position-title {
font-size: 11px;
color: white;
}
.dark-mode .col-lg-12.no-padding.main-slider-container .col-lg-6 {
border-radius: none;
}
.dark-mode .cardy.card:hover {
background: rgb(53 56 66);
}
.dark-mode #proof-user-add-section .nav-pills li.active a, #proof-user-add-section .nav-pills li.active a:hover {
background: #201d2b !important;
box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(0 0 0) !important;
}
.dark-mode #proof-user-add-section .nav-pills li a {
border-radius: 0px !important;
color: #b5bfc9 !important;
background: #3f434e !important;
font-weight: 400;
box-shadow: none !important;
border-radius: 50px !important;
}
.dark-mode.approve-shipping-section, .dark-mode.proof-details-approve-section {
background: #201d2b;
}
.dark-mode #marketPlaceProjectImageSlider .marketplace-details-title h4.project-title {
color: #94a3b3;
}
.dark-mode h2.project-details, .dark-mode .project-description.col-lg-12.no-padding {
color: #94a3b3 !important;
}
.dark-mode button.dropdown-toggle.btn.btn-primary.btn-round {
background: #202127 !important;
color: white !important;
}
.dark-mode .create_new_project_action.btn.btn-danger.btn.btn-round-radious {
color: #878e9c !important;
}
.dark-mode #account-past-due-accounts-receivable-email-modal-overlay #account-past-due-accounts-receivable-email-modal {
background: #2a2c34;
}
.dark-mode .fb-radio {
border: 1px solid #040407;
background: #202127;
}
.dark-mode .web-manager a {
color: #878e9c;
}
.dark-mode .web-manager-edit-btn {
background: #201d2b;
}
.dark-mode h3, .dark-mode h5, .dark-mode h2 {
color: #878e9c;
}
.dark-mode button.dropdown-toggle.select-control.btn.btn-primary {
background: #201d2b;
border: 1px solid black;
}
.dark-mode .lineup-2 {
background: #201d2b;
}
.dark-mode #comment-area button.btn.btn-md.btn-neutral.mr-0 {
background: #646973;
}
.dark-mode input.check-required-enter.mark-check:not(:-webkit-autofill) {
background-color: #202127;
}
.dark-mode #proof-title {
position: relative;
top: -3px;
left: 31px;
font-weight: 700;
font-size: 19px;
color: #81828d !important;
}
.dark-mode span.back-to-dashboar-section .back-to-my-projects {
margin-right: 10px;
background: #201d2b !important;
padding: 4px 10px;
border-radius: 47px;
}
.lineup-2 p {
color: #a3a3a3;
}
div#proof_invoice_full_amount {
font-weight: bold;
text-transform: uppercase;
font-size: 24px;
}
button.completed-reorder-btn.btn.btn-success.reorder.proof-reorder {
position: absolute;
right: -5px;
padding: 8px 20px 8px 18px;
}
#full-screen-modal .badge.badge-pill.my_proofs {
background: none !important;
color: white;
margin: 2px;
}
button.btn.proof-feedback-q1.proof-questionfeedback.my-0, button.btn.proof-feedback-q2.proof-questionfeedback.my-0 {
width: 100%;
}
button.btn.show-hide-color-picker {
color: #fff;
background: #333;
padding: 3px 6px;
font-size: 9.5px;
border-radius: 15px;
border: 2px solid #fff;
box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);
left: 0px;
position: relative;
}
#marketPlaceView-Slidermain .swiper-button-next, #marketPlaceView-Slidermain .swiper-button-prev {
background: #fff;
border-radius: 15px;
width: 30px;
height: 30px;
font-size: 50% !important;
}
.swiper-button-next {
right: 22px;
}
#marketPlaceView-Slidermain .swiper-button-next::after, #marketPlaceView-Slidermain .swiper-button-prev::after {
font-size: 12px;
font-weight: bold;
color: #ccc;
}
.term-net-30-label {
position: absolute;
right: 56px;
margin: -22px;
font-size: 11px;
color: #2bbf7f;
}
.swal2-modal.launch-pad-details #swal2-content {
border-radius: 22px;
}
@media only screen and (min-width: 768px) {
.swal2-modal.launch-pad-details #swal2-content {
display: block;
height: 95vh !important;
overflow: hidden;
border-radius: 22px;
}
.swal2-modal.launch-pad-details div.project-details-container, .swal2-modal.launch-pad-details div.product-top-section.order-lg-first {
overflow-y: scroll;
max-height: 95vh;
min-height: 95vh;
}
}
body.launch-pad.client-launch-pad nav, body.launch-pad.client-launch-pad nav {
display: none !important;
}
body.launch-pad.client-launch-pad #site-top-notification {
left: 0px !important;
}
body.launch-pad.client-launch-pad div#panel.main-content {
margin-left: 0px !important;
}
.dark-mode span.close-project-section button, .dark-mode span.back-to-dashboar-section button {
color: #fff;
background: transparent;
}
span.close-project-section button, span.back-to-dashboar-section button {
color: #fff;
background: transparent !important;
font-weight: bold;
}
span.back-to-dashboar-section .back-to-my-projects {
margin-right: 10px;
background: #d62632 !important;
padding: 4px 10px;
border-radius: 47px;
color: white;
}
span.back-to-dashboar-section {
position: fixed;
top: 58px;
left: 23px;
color: #333;
font-weight: bold;
font-size: 14px;
}
span.close-project-section {
position: fixed;
right: 23px;
top: 59px;
color: #333;
font-weight: bold;
font-size: 13px;
}
.close-project-section button.back-to-my-projects span {
background: #cb000f;
padding: 3px 9px;
color: #fff;
font-weight: bold;
border-radius: 50px;
margin: 0px 0px 0px 6px;
width: 30px;
height: 30px;
}
span.professional-check-text {
color: #0476d0;
font-size: 14px;
font-weight: bold;
position: absolute;
top: 3px;
padding: 0 10px;
}
.professional-check-list-container label.custom-toggle {
display: inline-block;
}
.professional-check-list-container {
position: relative;
}
.col-lg-12.shipping-type:after {
width: 119px;
padding: 14px 63px;
position: absolute;
top: 17px;
right: 0px;
display: inline-block;
content: "";
background-size: 32px 32px;
background-size: contain;
background-repeat: no-repeat;
}
.col-lg-12.approval-blind-drop-row {
padding-bottom: 18px;
}
#proof_shipping_address.customer-pickup-selected .shipping-type:after, #proof_shipping_address_origin.customer-pickup-selected .shipping-type:after {
display: none;
content: none;
}
.customer-pickup-shipping-type img {
max-width: 150px;
object-fit: contain;
}
.h3.text-danger {
border-top: 2px solid #eeeeee;
margin: 0px;
padding: 4px 27px;
border-right: 2px solid #eeeeee;
border-left: 2px solid #eeeeee;
background: #c70b0a;
color: white !important;
}
.child.order-history-approver-name.col-lg {
font-size: 11px;
padding: 13px 0px;
color: #009a30;
font-weight: 500;
min-width: 210px;
}
.proof-grid-column .card-body {
cursor: pointer;
overflow: visible;
}
.proof-grid-column .card-body:hover {
overflow: visible;
}
.proof-submitted-user-name {
font-size: 9px;
}
.container-2.lineup.launch-img {
display: none;
}
.project-details-container .btn-default {
background-color: #eeeeee !important;
box-shadow: inset 0px 2px 4px rgb(48 51 54 / 22%) !important;
padding: 33px !important;
}
.navbar-vertical .navbar-brand-img, .navbar-vertical .navbar-brand > img {
left: 77px;
}
.proof-place-credit-section {
margin: 10px 0;
font-weight: bold;
}
span.btn.add-credit-amount {
background: red;
color: #fff;
font-size: 12px;
border-radius: 25px;
margin: 10px 0;
padding: 5px 10px;
}
.credit-sub-title label.custom-control-label::before, .credit-sub-title label.custom-control-label::after {
top: 0px !important;
background-color: #49b887 !important;
border-color: #49b887 !important;
}
.place-credit-content label.custom-control-label {
font-size: 12px;
display: inline-block;
}
.place-credit-content {
text-align: center;
justify-content: center;
padding: 22px 3px 13px 3px;
margin-top: -20px;
border-top: 1px solid #dddddd;
border-radius: 0px 0px 4px 5px;
}
.place-credit-content .credit-title {
font-size: 22px;
font-weight: bold;
margin: 5px 0;
}
span.credit-amount-text {
color: #49b887;
}
button#add-new-organizatoin-title {
padding: 10px;
background: #c11022;
color: #fff;
font-weight: bold;
}
li[place-not-found="yes"] {
display: block !important;
}
a.place-title-not-found {
padding: 3px;
background: #f5f5f5;
margin: 0 5px;
}
.under-line {
text-decoration: underline;
}
#fixed-status-bar .badge.badge-pill.in_production, #fixed-status-bar .badge.badge-pill.received, #fixed-status-bar .badge.badge-pill.production_hold, #fixed-status-bar .badge.badge-pill.awaiting_response {
top: -103px;
position: relative;
z-index: 9999;
}
#full-screen-modal button.move-to-top.btn {
top: 12px;
}
#full-screen-modal .avatar img {
border: 3px solid #747474;
}
.avatar-group .avatar:hover {
z-index: 3;
transform: scale(1.2);
transition: .4s;
}
#fixed-status-bar .badge.badge-pill.my_proofs {
top: 12px;
}
#fixed-status-bar span.badge.badge-pill {
top: -96px;
}
#fixed-status-bar .badge.badge-pill.new_project.m-auto {
top: -106px;
position: relative;
z-index: 9999;
}
a.comment-text-link.viewed-link {
color: #8d028d;
}
button.btn.proof-details-pdf-download, button.btn.proof-show-only-on-loadmore, button.proof-complied-data-download {
width: 100%;
border-radius: 15px;
border: 1px solid #6b6b6b;
}
button.btn-sm.btn-primary.view-upcoming-tours, .view-tours-availablity, .tour-download-ics-files {
font-size: 14;
font-weight: bold;
}
.row.col-lg-12.tour-list-header > div {
border-bottom: 1px solid #333;
}
.row.col-lg-12.tour-list-header.py-2 div {
font-weight: bold;
font-size: 14px;
}
.table.table-flush.place-datatab tbody tr:last-child td {
white-space: nowrap !important;
}
.search-autocomplete-list {
position: absolute;
z-index: 9999999999;
bottom: 0px;
background: red;
width: 100%;
}
.search-autocomplete-list ul.top-search-autocomplete li {
font-weight: bold;
text-transform: lowercase;
}
button.btn.back-to-dashboard {
font-size: 18px;
color: #fff;
background: #de0201;
border-radius: 15px;
}
.pdf-full-screen-iframe .row.col-lg-12 {
background: #fff;
text-align: center;
align-items: center;
justify-content: center;
height: 100%;
font-size: 45px;
font-weight: bold;
flex-direction: column;
color: #de0201;
}
.proof-not-yet-ready {
font-size: 8px;
background: #0755d9;
color: #fff;
font-weight: bold;
padding: 5px 10px;
display: inline-block;
border-radius: 15px;
top: -13px;
position: relative;
}
.swal2-popup .swal2-styled.swal2-cancel {
order: 2;
}
#fixed-status-bar [data-tooltip]::after {
white-space: pre !important;
}
.swal2-icon-text {
font-size: 45px;
}
img#cust-web-button {
position: absolute;
left: -1px;
bottom: -16px;
width: 137px;
border-radius: 0px 0px 0px 14px;
}
.bigger-font-title {
font-family: inherit;
font-size: 21px;
}
hr.lineee {
margin: 52px 10px 20px;
}
button.blue-btn.btn.btn-primary {
background: #36537a !important;
}
.table-responsive.pb-4 .table.table-flush.dataTable {
display: block;
overflow: inherit !important;
white-space: nowrap;
}
#measurement-shape-container div::-webkit-scrollbar:horizontal, .element-scrollable::-webkit-scrollbar:horizontal, .table-responsive.pb-4::-webkit-scrollbar:horizontal, .table-responsive.pb-4 .table.table-flush.dataTable::-webkit-scrollbar:horizontal {
display: inline-block !important;
height: 10px;
}
#measurement-shape-container div::-webkit-scrollbar, .element-scrollable::-webkit-scrollbar, .table-responsive.pb-4::-webkit-scrollbar, .table-responsive.pb-4 .table.table-flush.dataTable::-webkit-scrollbar {
width: 10px !important;
}
#measurement-shape-container div::-webkit-scrollbar-track, .element-scrollable::-webkit-scrollbar-track, .table-responsive.pb-4::-webkit-scrollbar-track, .table-responsive.pb-4 .table.table-flush.dataTable::-webkit-scrollbar-track {
background-color: #e4e4e4 !important;
border-radius: 100px !important;
}
#measurement-shape-container div::-webkit-scrollbar-thumb, .element-scrollable::-webkit-scrollbar-thumb, .table-responsive.pb-4::-webkit-scrollbar-thumb, .table-responsive.pb-4 .table.table-flush.dataTable::-webkit-scrollbar-thumb {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
background-color: #d4aa70 #e4e4e4 !important;
border-radius: 100px #e4e4e4 !important;
}
.table-responsive.pb-4 .table-flush tbody tr:last-child td {
min-width: 180px;
}
.material-icons.list-avatar {
padding: 0;
width: 38px;
border: 3px solid #eee;
border-radius: 50px;
margin: 0;
}
#search-proof-select-user-container span.p-btn.text, #select_new_users_bulk_action_container span.p-btn.text {
position: absolute;
top: 23px;
padding: 8px 11px;
}
.bootstrap-select.btn-group .dropdown-menu li small {
padding-left: 0.5em;
position: absolute;
top: -14px;
left: 2px;
font-size: 17px;
font-weight: 900;
color: #0065e5 !important;
}
#search-proof-select-user-container .dropdown-menu > li > a, #select_new_users_bulk_action_container .dropdown-menu > li > a {
display: block;
padding: 13px 13px;
padding-left: 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
height: 60px;
border-bottom: 1px solid #efefef;
}
.proof-ship-day-counts {
display: flex;
justify-content: space-around;
font-size: 16px;
font-weight: bold;
}
.proof-ship-day-counts .count-list:nth-child(1), .proof-ship-day-counts .count-list:nth-child(2), .proof-ship-day-counts .count-list:nth-child(3) {
color: #fff;
border-radius: 34px;
padding: 9px 14px 12px 15px;
}
.proof-ship-day-counts .count-list:nth-child(1) {
background: #ffc107;
}
.proof-ship-day-counts .count-list:nth-child(2) {
background: #2196f3;
}
.proof-ship-day-counts .count-list:nth-child(3) {
background: #de0201;
}
span.proof-image-title-add:hover {
background: white;
width: 100%;
padding: 10px;
}
input#support-search-input {
border: 2px solid #cf0a23;
margin-top: 10px;
}
a.btn.btn-primary.col-lg-6 {
padding: 19px;
max-width: 100%;
border-radius: 64px;
background: #2050dc;
border: 1px solid #2050dc;
margin: 0px 3px 16px 0px;
}
.badge-pill {
border-radius: 10rem;
padding: 7px 11px 5px 12px;
left: -4px;
position: relative;
}
p.expire-text.update-in-progress-bg {
width: auto;
}
button#structure-add-shipping-button {
background: #673ab7;
padding: 7px;
border-radius: 28px;
color: white;
font-weight: bold;
top: -12px;
position: relative;
}
.btn.checked-successfully {
background: #49b887;
}
#file-upload-users-list span.pip.img-bg-thumb {
margin: 10px;
}
.file-uploader-preview-grid {
min-height: 240px;
}
#file-upload-preview {
display: flex;
flex-wrap: wrap;
gap: 18px;
}
#file-upload-preview .pip.img-bg-thumb {
width: calc(33.333% - 12px);
min-width: 200px;
max-width: 100%;
margin: 0;
background: #ffffff;
border: 1px solid rgba(148, 163, 184, 0.18);
border-radius: 24px;
padding: 16px;
box-shadow: 0 16px 32px rgba(15, 23, 42, 0.07);
display: flex;
flex-direction: column;
gap: 10px;
}
#file-upload-preview .pip.img-bg-thumb .imageThumb {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 18px;
background: #f8fafc;
}
#file-upload-preview .remove.img-bg-thumb.btn.btn-primary.btn-round {
width: 100%;
margin: 0;
border-radius: 16px;
background: #0f172a;
border: 0;
font-weight: 800;
letter-spacing: 0.02em;
}
.file-uploader-preview-meta {
display: flex;
flex-direction: column;
gap: 4px;
}
.file-uploader-preview-meta strong {
color: #0f172a;
font-size: 14px;
line-height: 1.45;
word-break: break-word;
}
.file-uploader-preview-meta small {
color: #64748b;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.file-uploader-empty-state {
width: 100%;
min-height: 220px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
gap: 10px;
border-radius: 24px;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
border: 1px dashed rgba(148, 163, 184, 0.32);
color: #64748b;
padding: 24px;
}
.file-uploader-empty-icon {
width: 72px;
height: 72px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: rgba(37, 99, 235, 0.1);
color: #2563eb;
font-size: 30px;
}
.file-upload-history-grid {
row-gap: 18px;
}
.file-uploader-history-card {
height: 100%;
border-radius: 24px;
border: 1px solid rgba(148, 163, 184, 0.14);
box-shadow: 0 16px 34px rgba(15, 23, 42, 0.06);
padding: 16px 16px 14px;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.file-uploader-history-head {
display: flex;
justify-content: space-between;
gap: 14px;
align-items: flex-start;
margin-bottom: 10px;
}
.file-uploader-history-label {
display: inline-flex;
color: #2563eb;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 6px;
}
.file-uploader-history-head h5 {
margin: 0;
color: #0f172a;
font-size: 16px;
font-family: 'AvantGardeLT-Bold';
}
.file-uploader-history-date {
font-size: 11px;
color: #64748b;
font-weight: 700;
text-align: right;
}
.file-uploader-history-message {
margin: 0 0 12px;
color: #334155;
font-size: 13px;
line-height: 1.45;
min-height: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.file-uploader-history-files {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.file-uploader-history-file {
display: flex;
align-items: center;
gap: 10px;
padding: 10px;
border-radius: 16px;
background: #ffffff;
border: 1px solid rgba(148, 163, 184, 0.14);
text-decoration: none !important;
transition: transform 200ms cubic-bezier(0.2, 0.9, 0.2, 1), box-shadow 200ms cubic-bezier(0.2, 0.9, 0.2, 1);
}
.file-uploader-history-file:hover {
transform: translateY(-2px);
box-shadow: 0 12px 22px rgba(15, 23, 42, 0.08);
}
.file-uploader-history-thumb {
width: 42px;
height: 42px;
flex: 0 0 42px;
border-radius: 12px;
overflow: hidden;
background: #f8fafc;
border: 1px solid rgba(148, 163, 184, 0.14);
display: inline-flex;
align-items: center;
justify-content: center;
}
.file-uploader-history-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.file-uploader-history-file-meta {
display: flex;
flex-direction: column;
gap: 3px;
}
.file-uploader-history-file-meta strong {
color: #0f172a;
font-size: 13px;
line-height: 1.3;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.file-uploader-history-file-meta small {
color: #64748b;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.file-uploader-history-more {
grid-column: 1 / -1;
color: #2563eb;
font-size: 12px;
font-weight: 800;
text-align: center;
padding-top: 2px;
}
.file-uploader-history-empty {
border-radius: 24px;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
border: 1px dashed rgba(148, 163, 184, 0.28);
padding: 38px 24px;
text-align: center;
color: #64748b;
}
.file-uploader-history-empty h5 {
margin-bottom: 8px;
color: #0f172a;
font-family: 'AvantGardeLT-Bold';
}
.file-uploader-history-empty p {
margin: 0;
}
@media (max-width: 991px) {
.file-upload-container {
padding: 24px 18px !important;
}
.user-file-upload-area {
min-height: 360px;
}
.file-uploader-drop-title {
font-size: 30px;
}
.file-uploader-panel-stats,
.file-uploader-drop-meta {
grid-template-columns: 1fr;
}
#file-upload-preview .pip.img-bg-thumb {
width: calc(50% - 9px);
}
}
@media (max-width: 767px) {
.file-uploader-actions {
flex-direction: column;
}
.file-uploader-actions .btn,
.file-uploader-actions .file-uploader-cta {
width: 100%;
}
#file-upload-preview .pip.img-bg-thumb {
width: 100%;
min-width: 0;
}
.file-uploader-history-files {
grid-template-columns: 1fr;
}
}
#file-upload-users-list .pip.img-bg-thumb {
overflow: initial !important;
}
#file-upload-users-list span.img-title-list {
padding: 10px;
background: #fff !important;
z-index: 9999999;
text-align: center;
border-radius: 8px;
}
#file-upload-users-list .pip.img-bg-thumb .imageThumb {
width: 100%;
}
#proofSectionQuoteCenter .modal-dialog {
width: 100% !important;
max-width: 100% !IMPORTANT;
}
#proofSectionQuoteCenter .modal-content {
width: 100%;
max-height: 100vh;
overflow: scroll;
}
#proofSectionQuoteCenter {
z-index: 9999 !important;
}
.set-shrink-img:first-child {
display: block !important;
}
.set-shrink-img {
display: none !important;
width: 30% !important;
height: auto !important;
}
.proof-img-resize-update {
display: ruby-text;
top: -160px;
position: relative;
background: #ffffff;
padding: 11px 33px 12px 29px;
border-radius: 59px;
font-weight: bold;
cursor: pointer;
color: #000000;
width: 100%;
position: relative;
margin: 15px auto 0px auto;
}
.proof-img-resize-update:after {
content: ' Image'
}
.place-based-invoice-pending {
position: fixed;
left: 50%;
bottom: -2px;
margin: auto;
background: red;
padding: 2px 9px;
color: #fff;
border-radius: 14px 14px 0px 0px;
border: 0;
font-weight: 700;
box-shadow: 0 8px 24px rgba(127, 29, 29, 0.3);
transition: transform 160ms ease, box-shadow 160ms ease;
transform: translateX(-50%);
z-index: 10032;
pointer-events: auto;
cursor: pointer;
}
.place-based-invoice-pending.active {
transform: translate(-50%, -2px);
box-shadow: 0 12px 28px rgba(127, 29, 29, 0.38);
}
.place-based-invoice-breakdown {
position: fixed;
left: 50%;
bottom: 28px;
margin: auto;
width: min(760px, calc(100vw - 36px));
max-height: min(58vh, 520px);
overflow-y: auto;
background: rgba(255, 255, 255, 0.98);
border: 1px solid rgba(15, 23, 42, 0.12);
border-radius: 18px 18px 0 0;
box-shadow: 0 28px 40px rgba(15, 23, 42, 0.18);
padding: 14px;
opacity: 0;
visibility: hidden;
transform: translate(-50%, 8px);
pointer-events: none;
transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
z-index: 10031;
}
.place-based-invoice-breakdown.is-open {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0);
pointer-events: auto;
}
.invoice-breakdown-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 12px;
}
.invoice-breakdown-header-title {
font-size: 15px;
font-weight: 800;
color: #0f172a;
}
.invoice-breakdown-close {
width: 34px;
height: 34px;
min-width: 34px;
border-radius: 999px;
border: 1px solid rgba(148, 163, 184, 0.26);
background: #ffffff;
color: #334155;
font-size: 22px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08);
}
.invoice-breakdown-close:hover {
background: #f8fafc;
}
.invoice-breakdown-section + .invoice-breakdown-section {
margin-top: 14px;
}
.invoice-breakdown-section-title {
font-size: 12px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #334155;
margin-bottom: 10px;
padding: 0 2px;
}
.invoice-breakdown-item {
border: 1px solid rgba(148, 163, 184, 0.22);
border-radius: 14px;
padding: 12px 14px;
background: #fff;
}
.invoice-breakdown-item + .invoice-breakdown-item {
margin-top: 10px;
}
.invoice-breakdown-item.is-upcoming {
border-left: 4px solid #2563eb;
}
.invoice-breakdown-item.is-past-due {
border-left: 4px solid #dc2626;
}
.invoice-breakdown-item-top {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 12px;
}
.invoice-breakdown-meta {
display: flex;
flex-direction: column;
gap: 4px;
}
.invoice-breakdown-invoice-link,
.invoice-breakdown-invoice-label {
font-size: 15px;
font-weight: 800;
color: #0f172a;
}
.invoice-breakdown-invoice-link:hover {
color: #2563eb;
}
.invoice-breakdown-due {
font-size: 12px;
color: #64748b;
}
.invoice-breakdown-amount {
font-size: 17px;
font-weight: 800;
color: #111827;
white-space: nowrap;
}
.invoice-breakdown-projects {
margin-top: 9px;
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
color: #334155;
}
.invoice-breakdown-projects.empty {
color: #94a3b8;
font-style: italic;
}
.invoice-breakdown-projects {
display: grid;
gap: 10px;
}
.invoice-breakdown-proof-link {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 10px;
border: 1px solid rgba(148, 163, 184, 0.2);
border-radius: 12px;
background: #f8fafc;
color: #2563eb;
font-weight: 700;
text-decoration: none;
}
.invoice-breakdown-proof-link:hover {
text-decoration: underline;
}
.invoice-breakdown-proof-thumb {
width: 46px;
height: 46px;
min-width: 46px;
border-radius: 10px;
overflow: hidden;
background: #e2e8f0;
display: inline-flex;
align-items: center;
justify-content: center;
}
.invoice-breakdown-proof-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.invoice-breakdown-proof-title {
color: #0f172a;
line-height: 1.3;
}
.invoice-breakdown-proof-copy {
display: grid;
gap: 4px;
min-width: 0;
}
.invoice-breakdown-proof-status {
display: inline-flex;
align-items: center;
width: fit-content;
padding: 3px 8px;
border-radius: 999px;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.02em;
text-transform: uppercase;
background: #e2e8f0;
color: #334155;
}
.invoice-breakdown-proof-status.approved,
.invoice-breakdown-proof-status.admin-approved,
.invoice-breakdown-proof-status.preparing-shipment,
.invoice-breakdown-proof-status.in-production {
background: #dcfce7;
color: #166534;
}
.invoice-breakdown-proof-status.new-project,
.invoice-breakdown-proof-status.unapproved,
.invoice-breakdown-proof-status.awaiting-approval,
.invoice-breakdown-proof-status.response-needed {
background: #dbeafe;
color: #1d4ed8;
}
.invoice-breakdown-proof-status.production-hold,
.invoice-breakdown-proof-status.cancelled,
.invoice-breakdown-proof-status.cancelled-proof,
.invoice-breakdown-proof-status.expired {
background: #fee2e2;
color: #b91c1c;
}
.invoice-breakdown-proof-status.shipped,
.invoice-breakdown-proof-status.delivered,
.invoice-breakdown-proof-status.completed,
.invoice-breakdown-proof-status.complete {
background: #f3f4f6;
color: #374151;
}
.invoice-breakdown-divider {
color: #cbd5e1;
border-radius: 11px 11px 0px 0px;
}
.shipment-confirm-container {
background: gray;
padding: 7px 7px;
justify-content: space-evenly;
border-radius: 7px;
}
.btn.parent-approver-notification {
right: 310px !important;
}
.btn.show-hide-proof-invoice-line-item, .btn.parent-approver-notification {
position: absolute;
color: #333;
right: 150px;
font-size: 12px;
box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);
top: 0px;
border-radius: 15px;
padding: 5px 10px;
}
.dropdown-menu .row.shortcuts .shortcut-item.parent-approver-notification.shortcut-final-approval {
position: relative !important;
right: auto !important;
top: auto !important;
left: auto !important;
order: 999 !important;
}
span.btn.close-custom-line-item {
right: 20px;
position: absolute;
background: red;
border-radius: 100px;
color: #fff;
font-weight: bold;
}
.custon-item-line-container {
display: flex;
flex-direction: column;
padding: 40px;
height: 100vh;
overflow-y: scroll;
}
span.btn.create-new-custom-item {
background: red;
border-radius: 15px;
padding: 5px 20px;
color: #fff;
}
.bg-white.col-lg-12.main-container {
padding: 40px;
}
.card-content-main .input-group-merge .form-control:not(:first-child) {
border-left: 1px solid !important;
padding-left: 10px !important;
}
.custom-line-list-form-container {
justify-content: center;
align-items: center;
display: flex;
}
.full-width-main-container {
padding: 40px;
height: 100vh;
overflow-y: auto;
}
.invoice-line-item-button-container .item-price {
font-size: 22px;
font-weight: bold;
}
.invoice-line-item-button-container .btn-group.proof-card-tag {
bottom: 10px !important;
top: auto !important;
right: 30px !important;
}
.invoice-line-item-button-container {
margin-top: 20px;
}
.invoice-line-item-button-container .proof-card-options.btn-group.proof-card-tag {
display: flex;
gap: 8px;
}
.invoice-line-item-button-container .proof-card-options .btn {
border-radius: 999px;
font-size: 11px;
padding: 5px 10px;
}
.invoice-line-item-button-container .invoice-line-item-visibility-row {
margin-top: 10px;
}
.invoice-line-item-button-container .invoice-line-item-visibility-badge {
font-size: 10px;
letter-spacing: 0.03em;
}
.proof-invoice .table-flush tbody td.table-content-editable.table-invoice-content-description {
white-space: normal !important;
}
.company-user-order-lists .order-list-details {
display: flex;
justify-content: space-between;
margin: 10px 0;
}
.company-user-order-lists .col-lg-12.order-lists {
margin-bottom: 30px;
}
.company-user-order-lists .order-list-details span {
font-size: 15px;
font-weight: bold;
width: 100%;
}
div#company-user-order-lists {
width: 100%;
margin: 0px;
display: inline-block;
min-width: 100%;
}
.company-user-order-lists .col-lg-12.order-container {
background: #fff;
padding: 0;
border: 2px solid;
border-bottom: 0;
}
.company-user-order-lists .col-lg-12.order-header-title {
padding: 10px 20px;
border-bottom: 2px solid;
vertical-align: middle;
align-items: center;
display: flex;
cursor: pointer;
}
.company-user-order-lists .col-lg-12.row.order-lists-tabs {
justify-content: center;
padding: 20px;
}
.price-grid-lists {
text-align: center;
justify-content: center;
align-items: center;
}
.row.col-lg-12.price-grid-lists .form-group {
margin: 0 !important;
position: relative;
}
button.btn.btn-success.export-price-grid, button.btn.btn-success.import-price-grid {
position: absolute;
right: 0;
bottom: -5px;
}
textarea#export-price-grid, #import-price-grid {
padding: 5px !important;
}
.col.col-dv-column.margin-top-marketPlace .form-group {
display: inline-block;
width: 100%;
}
div.ignore_key {
position: absolute;
right: 20px;
width: auto;
cursor: pointer;
bottom: 41px;
background: #c1c3c7;
border-radius: 22px;
color: #ffffff;
padding: 1px 10px;
font-weight: bold;
font-size: 14px;
}
.related-projects-lists img.project-thumbnail {
width: 50px !important;
border-radius: 5px;
height: 49px;
padding: 0px;
margin-right: 4px;
}
.related-projects-lists a.project-card-title-2 {
font-size: 12px !important;
font-weight: bold;
white-space: normal !IMPORTANT;
}
.related-projects-lists .col-lg-4 {
padding-left: 0px !important;
}
.related-projects-lists .card-body {
padding: 8px 10px !important;
height: 78px;
border: 2px solid #cbcbcb;
border-radius: 9px;
}
.card-body.launch-padding:hover .rocket {
display: block;
}
.card-body.launch-padding .rocket {
position: absolute;
right: 0;
bottom: 45px;
}
.rocket.vertical {
transform: rotate(271deg) translate(18px, -10px) scale(1.5);
}
.rocket span {
display: block;
width: 65px;
height: 22px;
background-color: #ff4949;
position: absolute;
border-bottom-right-radius: 100%;
border-top-right-radius: 100%;
border-left: 3px solid #5b595d;
border-right: 3px solid #D11C40;
-webkit-animation: wiggling 300ms infinite;
-moz-animation: wiggling 300ms infinite;
-o-animation: wiggling 300ms infinite;
-ms-animation: wiggling 300ms infinite;
animation-timing-function: ease-out;
}
.launch-pad-search-overlay .rocket span {
left: 20px;
position: relative;
}
.rocket span:before, .rocket span:after {
content: '';
position: absolute;
display: block;
width: 51%;
top: 50%;
height: 50%;
background-color: #c53535;
}
.rocket span:before {
right: 0;
border-bottom-right-radius: 100%;
}
.rocket span:after {
left: -3px;
border-left: 3px solid #444244;
}
.rocket span i.fin-top, .rocket span i.fin-bottom {
display: block;
position: absolute;
left: -4px;
width: 10px;
height: 10px;
background-color: #c53535;
border-left: 3px solid #ff4949;
}
.rocket span i.fin-top:before, .rocket span i.fin-bottom:before {
content: '';
position: absolute;
left: 5px;
width: 10px;
height: 100%;
background-color: #a22929;
bottom: 0;
}
.rocket span i.fin-top {
top: -10px;
-webkit-transform: skew(35deg, 0deg);
-moz-transform: skew(35deg, 0deg);
-o-transform: skew(35deg, 0deg);
transform: skew(35deg, 0deg);
}
.rocket span i.fin-bottom {
bottom: -10px;
-webkit-transform: skew(-35deg, 0deg);
-moz-transform: skew(-35deg, 0deg);
-o-transform: skew(-35deg, 0deg);
transform: skew(-35deg, 0deg);
}
.rocket span i.fin-top:before {
-webkit-transform: skew(40deg, 0deg);
-moz-transform: skew(40deg, 0deg);
-o-transform: skew(40deg, 0deg);
transform: skew(40deg, 0deg);
}
.rocket span i.fin-bottom:before {
-webkit-transform: skew(-40deg, 0deg);
-moz-transform: skew(-40deg, 0deg);
-o-transform: skew(-40deg, 0deg);
transform: skew(-40deg, 0deg);
}
.rocket span i.faya {
position: absolute;
display: block;
left: -33px;
width: 30px;
height: 100%;
overflow: hidden;
}
.rocket span i.faya:before {
position: absolute;
content: '';
display: block;
width: 220px;
height: 20px;
left: 0;
top: 0;
border-radius: 100%;
background-color: #f45224;
-webkit-animation: vrouming 200ms infinite;
-moz-animation: vrouming 200ms infinite;
-o-animation: vrouming 200ms infinite;
animation: vrouming 200ms infinite;
}
.rocket span i.faya:after {
position: absolute;
content: '';
display: block;
width: 220px;
height: 10px;
left: 10px;
top: 5px;
border-radius: 100%;
background-color: #ffedd5;
-webkit-animation: vrouming 200ms infinite;
-moz-animation: vrouming 200ms infinite;
-o-animation: vrouming 200ms infinite;
animation: vrouming 200ms infinite;
}
.rocket span i.wastes {
position: absolute;
left: -53px;
top: -10px;
width: 50px;
height: 200%;
}
.rocket span i.wastes i {
position: absolute;
width: 3px;
right: 0;
height: 1px;
background-color: rgba(255, 255, 255, 0.5);
}
.rocket span i.wastes i:nth-child(1) {
top: 15px;
-webkit-animation: wasting 500ms infinite 100ms;
-moz-animation: wasting 500ms infinite 100ms;
-o-animation: wasting 500ms infinite 100ms;
animation: wasting 500ms infinite 100ms;
}
.rocket span i.wastes i:nth-child(2) {
top: 17px;
-webkit-animation: wasting2 500ms infinite 200ms;
-moz-animation: wasting2 500ms infinite 200ms;
-o-animation: wasting2 500ms infinite 200ms;
animation: wasting2 500ms infinite 200ms;
}
.rocket span i.wastes i:nth-child(3) {
top: 19px;
-webkit-animation: wasting 500ms infinite 300ms;
-moz-animation: wasting 500ms infinite 300ms;
-o-animation: wasting 500ms infinite 300ms;
animation: wasting 500ms infinite 300ms;
}
.rocket span i.wastes i:nth-child(4) {
top: 21px;
-webkit-animation: wasting2 500ms infinite 400ms;
-moz-animation: wasting2 500ms infinite 400ms;
-o-animation: wasting2 500ms infinite 400ms;
animation: wasting2 500ms infinite 400ms;
}
.rocket span i.wastes i:nth-child(5) {
top: 23px;
-webkit-animation: wasting 500ms infinite 100ms;
-moz-animation: wasting 500ms infinite 100ms;
-o-animation: wasting 500ms infinite 100ms;
animation: wasting 500ms infinite 100ms;
}
@-webkit-keyframes wiggling {
0% {
-webkit-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px, 0px, 0);
}
50% {
-webkit-transform: translate3d(0px, -4px, 0);
transform: translate3d(0px, -4px, 0);
}
100% {
-webkit-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px, 0px, 0);
}
}
@-moz-keyframes wiggling {
0% {
-moz-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px, 0px, 0);
}
50% {
-moz-transform: translate3d(0px, -4px, 0);
transform: translate3d(0px, -4px, 0);
}
100% {
-moz-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px, 0px, 0);
}
}
@-o-keyframes wiggling {
0% {
-o-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px, 0px, 0);
}
50% {
-o-transform: translate3d(0px, -4px, 0);
transform: translate3d(0px, -4px, 0);
}
100% {
-o-transform: translate3d(0px, 0px, 0);
transform: translate3d(0px, 0px, 0);
}
}
@keyframes wiggling {
0% {
transform: translate3d(0px, 0px, 0);
}
50% {
transform: translate3d(0px, -4px, 0);
}
100% {
transform: translate3d(0px, 0px, 0);
}
}
@-webkit-keyframes vrouming {
0% {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
50% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
}
@-moz-keyframes vrouming {
0% {
-moz-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
50% {
-moz-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-moz-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
}
@-o-keyframes vrouming {
0% {
-o-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
50% {
-o-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-o-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
}
@keyframes vrouming {
0% {
transform: translate3d(0px, 0, 0);
}
50% {
transform: translate3d(5px, 0, 0);
}
100% {
transform: translate3d(0px, 0, 0);
}
}
@-webkit-keyframes wasting {
0% {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
100% {
-webkit-transform: translate3d(-40px, -5px, 0);
transform: translate3d(-40px, -5px, 0);
}
}
@-moz-keyframes wasting {
0% {
-moz-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
100% {
-moz-transform: translate3d(-40px, -5px, 0);
transform: translate3d(-40px, -5px, 0);
}
}
@-o-keyframes wasting {
0% {
-o-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
100% {
-o-transform: translate3d(-40px, -5px, 0);
transform: translate3d(-40px, -5px, 0);
}
}
@keyframes wasting {
0% {
transform: translate3d(0px, 0, 0);
}
100% {
transform: translate3d(-40px, -5px, 0);
}
}
@-webkit-keyframes wasting2 {
0% {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
100% {
-webkit-transform: translate3d(-40px, 5px, 0);
transform: translate3d(-40px, 5px, 0);
}
}
@-moz-keyframes wasting2 {
0% {
-moz-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
100% {
-moz-transform: translate3d(-40px, 5px, 0);
transform: translate3d(-40px, 5px, 0);
}
}
@-o-keyframes wasting2 {
0% {
-o-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
100% {
-o-transform: translate3d(-40px, 5px, 0);
transform: translate3d(-40px, 5px, 0);
}
}
@keyframes wasting2 {
0% {
transform: translate3d(0px, 0, 0);
}
100% {
transform: translate3d(-40px, 5px, 0);
}
}
#rocket-ship-container {
z-index: 9999999;
min-height: 110vh;
}
.rocket-ship-main-container {
min-height: 70px;
}
.rocket-ship-main-container .rocket {
position: absolute;
top: 50%;
left: 50%;
}
.rocket-ship-text {
font-weight: bold;
font-size: 20px;
}
.rocket-row-list .rocket {
position: absolute;
top: 35%;
left: 40%;
}
.rocket.rocket-rush-fee-and-free-shipping span {
border-color: #673ab7;
}
.rocket.rocket-rush-fee-shipping span {
border-color: #ffbf00;
}
.rocket.rocket-rush-fee-and-free-shipping span, .rocket.rocket-rush-fee-and-free-shipping span:before, .rocket.rocket-rush-fee-and-free-shipping span:after {
background: #673ab7;
}
.rocket.rocket-rush-fee-shipping span, .rocket.rocket-rush-fee-shipping span:before, .rocket.rocket-rush-fee-shipping span:after {
background: #ffbf00;
}
.rocket-ship-lists {
cursor: pointer;
}
.col-md-12.row.border-0.my-3.rocket-ship-platform {
position: absolute;
bottom: 10px;
text-align: center;
color: #ff4949;
justify-content: center;
}
.rocket-ship-platform .rocket-row-list {
cursor: pointer;
}
.rocket-shipping-available {
min-height: 70px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
background: #ff4949;
color: #fff;
font-weight: bold;
}
.rocket-shipping-available .rocket {
position: absolute;
left: 30px;
top: 40%;
}
.proof-img-resize-update.view-large-position {
top: 20px !important;
}
.rocket.proof-card-rocket {
position: absolute;
bottom: 5px;
right: 70px;
transform: rotate(360deg) translate(-20px, -17px) scale(0.5);
}
.project-card.proof-list-card:hover .rocket.proof-card-rocket span, .card-body.launch-padding:hover .rocket span {
animation: wiggling 300ms infinite;
-webkit-animation: wiggling 300ms infinite;
}
.project-card.proof-list-card .rocket.proof-card-rocket span, .card-body.launch-padding .rocket span {
-webkit-animation: none;
animation: none;
}
.card-body.launch-padding .rocket span .faya {
display: none;
}
.card-body.launch-padding:hover .rocket span .faya {
display: block;
}
.status-group.expend-container > .row {
display: none;
}
.proof-rush-admin-container .admin-rush-shipping {
min-width: 1200px;
}
div.proof-rush-admin-container {
border: 1px solid rgba(15, 23, 42, 0.06);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
padding: 30px 28px;
}
.proof-rush-admin-container .admin-rush-shipping {
background: #ffffff;
border: 1px solid #e3e8ef;
border-radius: 17px;
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
margin: 0 0 13px;
min-width: 0;
padding: 15px;
}
.proof-rush-admin-container .admin-rush-shipping-grid {
align-items: end;
display: grid;
gap: 12px 14px;
grid-template-columns: minmax(145px, 1.25fr) minmax(145px, 1.25fr) minmax(82px, .7fr) minmax(155px, 1.25fr) minmax(82px, .7fr) minmax(155px, 1.25fr) minmax(98px, .8fr) minmax(86px, .7fr) minmax(110px, .85fr);
}
.proof-rush-admin-container .rush-field {
min-width: 0;
}
.proof-rush-admin-container .rush-field .form-group {
margin-bottom: 0;
}
.proof-rush-admin-container .above-label {
color: #687386;
display: block;
font-size: 10px;
font-weight: 800;
letter-spacing: .055em;
line-height: 1.2;
margin: 0 0 6px;
position: static;
text-transform: uppercase;
white-space: normal;
}
.proof-rush-admin-container .form-control {
background: #ffffff;
border: 1px solid #d7dde7;
border-radius: 11px;
box-shadow: 0 1px 0 rgba(15, 23, 42, 0.03);
min-height: 44px;
}
.proof-rush-admin-container .form-control:focus {
border-color: #429dff;
box-shadow: 0 0 0 3px rgba(66, 157, 255, 0.14);
}
.rush-delivery-preset-footer {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: flex-start;
margin-top: 18px;
}
.rush-delivery-save-preset {
background: #111827;
border: 0;
border-radius: 999px;
box-shadow: 0 10px 22px rgba(17, 24, 39, 0.18);
color: #ffffff;
cursor: pointer;
font-size: 13px;
font-weight: 800;
letter-spacing: .01em;
padding: 12px 18px;
}
.rush-delivery-save-preset:hover {
background: #0f172a;
transform: translateY(-1px);
}
.rush-delivery-preset-chips {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.rush-delivery-preset-chip {
background: #eef6ff;
border: 1px solid #b9dcff;
border-radius: 999px;
color: #1769c2;
cursor: pointer;
font-size: 12px;
font-weight: 800;
padding: 9px 13px;
}
.rush-delivery-preset-chip:hover {
background: #dff0ff;
transform: translateY(-1px);
}
@media (max-width: 1400px) {
.proof-rush-admin-container .admin-rush-shipping-grid {
grid-template-columns: repeat(4, minmax(145px, 1fr));
}
}
@media (max-width: 768px) {
div.proof-rush-admin-container {
padding: 20px 14px;
}
.proof-rush-admin-container .admin-rush-shipping-grid {
grid-template-columns: 1fr;
}
}
.element-scrollable {
overflow: auto;
}
#fixed-status-bar .badge.badge-pill.my_proofs:hover::before, #fixed-status-bar .badge.badge-pill.my_proofs:hover::after {
content: '';
display: none !important;
}
.inner-section-admin-view button.btn.proof-complied-data-download {
position: absolute;
top: 10px;
left: 35px;
width: auto !important;
background: #333;
color: #fff;
font-size: 10px;
padding: 5px 10px;
}
.row.complied-list-main-container .row {
width: 100% !important;
margin-bottom: 10px !important;
}
.set-error-border {
border: 3px solid #f5365c;
border-radius: 6px;
}
.measure_not_sure {
font-size: 16px;
cursor: pointer;
}
.copy-to-clipboard {
cursor: pointer;
}
.hide-by-formbuilder {
display: none !important;
}
.measure_box_popup.banner {
line-height: initial;
margin-top: 16px;
font-size: 13px;
font-weight: bold;
padding: 20px 15px;
background: #535d78;
text-align: center;
color: #fff;
border-radius: 6px;
}
.cancel-request-with-proof {
width: 90%;
text-align: center;
font-size: 14px;
padding: 10px;
top: -40px;
}
.cancel-request-label {
width: 90%;
text-align: center;
font-size: 14px;
padding: 10px;
}
span.view-more-due-option {
font-size: 10px;
font-weight: bold;
color: red;
cursor: pointer;
position: absolute;
right: 20;
bottom: 0;
}
#proof-add-users-tab button.dropdown-toggle.btn.form-control {
height: auto;
}
#proof-add-users-tab .btn i:not(:last-child) {
margin-right: -3px;
}
.proof-information-container span.measure_not_sure {
display: none;
}
span.measure_not_sure {
font-size: 14px;
font-weight: 900;
cursor: pointer;
}
div#upcoming-tour-list {
padding: 17px;
}
a.btn-sm.btn-primary.tour-download-ics-files {
position: absolute;
right: 0;
padding: 12px 19px;
font-size: 9px;
background: transparent;
border: 3px solid;
}
div#upcoming-tour-list h3 {
font-size: 13px !important;
}
.launch-pad .create_new_project_action {
border: 2px solid #cf0923;
background-color: #cf092300;
color: white;
}
.information-container .bootstrap-select.btn-group .dropdown-menu li small {
padding-left: 0.5em;
position: relative;
top: 0px;
left: 0px;
font-size: 17px;
font-weight: 900;
color: #0065e5 !important;
}
.information-container .bootstrap-select.btn-group .dropdown-menu li a {
margin: 7px;
border-bottom: 1px solid #e7e7e7;
padding-bottom: 10px;
}
.ifram-drak-bg #proof-title {
color: #a5a5a5;
}
img.imageThumb {
padding: 25px;
}
.swal2-modal .col-10.tour-settings-hours-container {
min-width: auto !important;
}
h4#tour-settings-legend {
color: red;
}
.col-2.tour-settings-title-container {
width: 100%;
flex: 100%;
display: inline-flex;
}
.marketplace-details h2.project-details {
border-top: 1px solid #dbdbdb;
padding: 17px 0px;
margin: 2px 0px;
}
#marketPlaceProjectImageSlider .main-container-marketplace {
height: 410px;
float: left;
width: 100%;
padding-bottom: 20px;
border-bottom: 0px solid #0000002e;
}
.not-sure {
color: #ffffff;
padding: 9px 15px;
background: #a9a9a9;
border-radius: 5px;
font-weight: 400;
}
.launch-pad #redcore-page-title {
font-family: 'AvantGardeLT-Bold';
font-size: 2.4em;
color: #f99198;
letter-spacing: -1.5px;
margin-top: 54px;
}
.product-proof-details-list .measure-box.row {
background: white;
padding: 11px 24px;
border-radius: 4px;
border: 1px solid #bec0c3;
}
h4.delivery-title {
max-width: 308px;
}
.product-proof-details-list .redcore_shirt {
background: white;
padding: 22px 35px 21px 28px;
border-radius: 4px;
border: 1px solid #bec0c3;
}
button.btn.reorder-action.btn-block.btn-primary {
background: #005aff;
border-radius: 90px;
margin: 27px 0px;
border: 2px solid #005aff;
}
button#proof_reorder_submit {
text-align: center;
margin: auto;
border-radius: 40px;
padding: 21px 56px;
margin-top: 34px;
}
span.badge.badge-pill.reorder.btn {
cursor: pointer;
}
.proof-reorder-modal {
text-align: left;
max-width: 720px;
margin: 0 auto;
}
.proof-reorder-header {
margin-bottom: 18px;
}
.proof-reorder-kicker {
display: inline-flex;
align-items: center;
padding: 5px 10px;
border-radius: 999px;
background: rgba(220, 38, 38, 0.08);
color: #b91c1c;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.proof-reorder-title {
margin: 10px 0 8px;
font-size: 26px;
line-height: 1.1;
color: #111827;
font-weight: 800;
}
.proof-reorder-copy {
margin: 0 0 12px;
color: #4b5563;
font-size: 14px;
line-height: 1.6;
}
.proof-reorder-status-note {
padding: 12px 14px;
border-radius: 14px;
background: #f8fafc;
border: 1px solid #e2e8f0;
color: #475569;
font-size: 13px;
line-height: 1.5;
}
.proof-reorder-options {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-bottom: 14px;
}
.proof-reorder-option {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
text-align: left;
gap: 8px;
min-height: 128px;
width: 100%;
padding: 18px 18px 16px;
border-radius: 20px;
background: #ffffff;
border: 1px solid #e5e7eb;
color: #111827;
box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
position: relative;
overflow: hidden;
white-space: normal !important;
line-height: 1.35;
}
.proof-reorder-option.btn-primary,
.proof-reorder-option.is-selected {
background: linear-gradient(180deg, rgba(239, 68, 68, 0.08), rgba(255, 255, 255, 0.98));
border-color: rgba(239, 68, 68, 0.48);
color: #111827;
box-shadow: 0 16px 34px rgba(185, 28, 28, 0.12);
}
.proof-reorder-option.is-selected::after {
content: "Selected";
position: absolute;
top: 12px;
right: 12px;
padding: 4px 9px;
border-radius: 999px;
background: rgba(185, 28, 28, 0.10);
color: #b91c1c;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.proof-reorder-option.disabled,
.proof-reorder-option:disabled {
opacity: 0.46;
cursor: not-allowed;
box-shadow: none;
}
.proof-reorder-option-title {
display: block;
font-size: 15px;
font-weight: 800;
line-height: 1.3;
max-width: 100%;
padding-right: 82px;
white-space: normal !important;
overflow-wrap: anywhere;
}
.proof-reorder-option-copy {
display: block;
color: #6b7280;
font-size: 13px;
line-height: 1.55;
max-width: 100%;
white-space: normal !important;
overflow-wrap: anywhere;
text-wrap: pretty;
}
.proof-reorder-missing-form-note {
margin: 0 0 14px;
padding: 10px 14px;
border-radius: 14px;
background: #fff7ed;
border: 1px solid #fdba74;
color: #9a3412;
font-size: 13px;
line-height: 1.45;
}
.proof-reorder-changes {
display: none;
margin-top: 10px;
padding: 18px;
border-radius: 20px;
background: #f8fafc;
border: 1px solid #e5e7eb;
}
.proof-reorder-field-label {
display: block;
margin: 14px 0 8px;
color: #111827;
font-size: 13px;
font-weight: 700;
}
.proof-reorder-changes textarea#request-changes-here {
min-height: 120px;
resize: vertical;
}
.proof-reorder-actions {
display: flex;
justify-content: flex-end;
margin-top: 18px;
}
#proof_reorder_submit {
text-align: center;
border-radius: 999px;
padding: 14px 28px;
margin-top: 0;
min-width: 220px;
font-weight: 800;
}
@media (max-width: 767px) {
.proof-reorder-options {
grid-template-columns: 1fr;
}
.proof-reorder-title {
font-size: 22px;
}
.proof-reorder-actions {
justify-content: stretch;
}
#proof_reorder_submit {
width: 100%;
}
}
#fixed-status-bar .client_uploads {
top: -93px !important;
}
.badge-pill {
left: auto !important;
}
.marketplace-details .rocket-shipping-available .rocket {
position: absolute;
left: 18px;
top: 42%;
transform: scale(0.7);
}
.project-sub-status-info .rocket.vertical {
transform: rotate(219deg) translate(-20px, -17px) scale(0.5);
}
.modal-dialog {
max-width: 500px;
margin: 8% auto;
}
.col-lg-3.relative-position.rocket-row-list {
transform: scale(0.5);
margin: -19px;
}
.launch-pad-search-overlay .rocket-ship-platform .rocket-row-list {
cursor: pointer;
margin: -18px 1% !important;
transform: scale(0.5);
}
#view-invoice-esta button.dropdown-item.pdf-invoice-button {
padding: 11px;
margin: 35px 0px;
text-align: center;
}
.create-project-first-slide .py-3, .create-project-first-slide-past-due .py-3 {
padding-bottom: 1rem !important;
text-align: center;
background: rgb(255 255 255 / 94%);
}
p.product-sub-title {
text-align: left;
font-size: 13px;
margin: 9px;
line-height: 39px;
color: #2050dc;
font-weight: 500;
}
span.badge.badge-pill.proof-due-date-label.new_project.received {
right: 40;
}
span.btn.speed-up-production-article {
background: #db656d;
color: #fff;
cursor: pointer;
border-radius: 45px;
margin: 47px 14px;
font-size: 13px;
padding: 6px 25px;
border: 4px solid white;
}
.educate_content button.breadcrumb-item {
background: white;
}
p.cancel-order-sub-text {
font-size: 12px;
text-align: justify;
font-weight: bold;
color: #0088f5 !important;
}
.comment-reorder {
position: absolute;
right: 30px;
top: 5px;
}
.comment-reorder {
position: absolute;
right: 30px;
top: 1px;
z-index: 99;
cursor: pointer;
}
.comment-reorder[data-action="normal"] img.reorder-normal.hide {
display: block !important;
}
.comment-reorder[data-action="reverce"] img.reorder-reverce.hide {
display: block !important;
}
.reverce-comment-container {
display: flex;
flex-direction: column;
}
.create-project-first-slide h3, .create-project-first-slide-past-due h3 {
max-width: 590px;
margin: auto;
padding: 0px;
}
.launch-pad .create_new_project_action.btn.btn-danger.btn.btn-round-radious {
border: 2px solid #a7000b;
background-color: #cf092300;
color: white;
}
h2.lefty:after {
content: "Please set a due date to ensure your order is received on time.";
font-size: 11px;
font-weight: 400;
font-family: Roboto;
color: black;
padding-left: 8px;
line-height: 4px;
}
#suppertCenter-component .paper-content {
background-color: #f7f7f7;
}
.g__space {
margin-top: 16px;
}
h2.order-history-list-title {
font-size: 36px;
}
button#save-qr-code-datat, button#save-qr-code-tree-link {
border-radius: 40px;
background: #2956dd;
border: #294edd;
padding: 20px 33px;
}
span.view-proportions-text {
font-size: 12px;
padding: 10px;
position: relative;
top: -4;
}
#measurement-shape-container {
z-index: 99999;
}
.btn.measure_calculator.bg-dark span.view-proportions-text {
display: none !important;
}
#measurement-shape-container button.close {
background: transparent;
right: 20px;
top: 10px;
}
.measurement-main-container {
transform: translateY(-1px);
box-shadow: 0 7px 14px rgb(50 50 93 / 10%), 0 3px 6px rgb(0 0 0 / 8%);
display: inline-block;
position: relative;
}
div.measure-border {
position: absolute;
text-align: center;
justify-content: center;
align-items: center;
display: flex;
}
.measure-top-border, .measure-bottom-border {
width: 100%;
}
.measure-left-border, .measure-right-border {
height: 100%;
}
.measure-bottom-border.measure-border {
bottom: -25px;
}
.measure-top-border.measure-border {
top: -25px;
}
.measure-right-border.measure-border {
right: -25px;
transform: rotate(-90deg);
}
.measure-left-border.measure-border {
left: -25px;
transform: rotate(-90deg);
}
.measurement-row span.measurement-column {
border-right: 1px solid #d3cbcb;
margin: 0;
border-radius: 0px;
border-bottom: 1px solid #d3cbcb;
display: inline-block;
}
.measurement-main-container .measurement-row:nth-child(6) .measurement-column {
border-top: 1px solid #d3cbcb;
}
.measurement-row span.measurement-column:nth-child(1) {
border-left: 1px solid #d3cbcb;
}
#measurement-shape-container .modal-dialog {
max-width: 80%;
}
#measurement-shape-container .modal-dialog .modal-content {
width: 100% !important;
}
.measurement-body.col-lg-12 {
flex-direction: row;
display: flex;
align-items: flex-end;
}
.measurement-body.col-lg-12 .col-lg-8 {
text-align: justify;
}
.measurement-body.col-lg-12 .col-lg-4 {
text-align: right;
}
.measurement-body.col-lg-12 .col-lg-8, .measurement-body.col-lg-12 .col-lg-4 {
padding: 20px !important;
}
.measure-inches-container {
position: absolute;
left: 0px;
bottom: 0px;
border: 2px solid red;
}
#comment-area.reverse-comment-order .comment-container.processing-comment > div:last-child, #comment-area.reverse-comment-order .comment-complete-container.comment-container > div:last-child {
margin-top: 230px;
}
#comment-area.reverse-comment-order .comment-box-container {
position: absolute;
top: 200px;
width: 100%;
padding-bottom: 10px;
margin: 0;
padding-top: 0;
}
#comment-area.no-completed-comment.reverse-comment-order .comment-box-container {
top: 170px;
}
#comment-area.reverse-comment-order .proof-typing-indicator {
top: 165px;
position: absolute;
}
#comment-area.reverse-comment-order .comment-container.processing-comment > div:nth-child(4), #comment-area.reverse-comment-order-user .comment-container.processing-comment > div:nth-child(3) {
margin-bottom: 200px;
}
#comment-area.reverse-comment-order .comment-container.comment-complete-container > div:first-child, #comment-area.reverse-comment-order-user .comment-container.comment-complete-container > div:first-child {
margin-bottom: 200px;
}
#comment-area.reverse-comment-order-user .comment-container.processing-comment > div:last-child, #comment-area.reverse-comment-order-user .comment-complete-container.comment-container > div:last-child {
margin-top: 180px !important;
}
#comment-area.reverse-comment-order-user .comment-box-container {
position: absolute;
top: 135px;
width: 100%;
padding-bottom: 10px;
margin: 0;
}
#comment-area.no-completed-comment.reverse-comment-order-user .comment-box-container {
top: 135px;
padding: 0 20px;
}
@media screen and (max-width: 960px) {
#comment-area {
position: relative;
}
.swal2-popup {
padding: 0.25em;
}
.swal2-modal .swal2-close {
font-size: 27px;
line-height: 31px;
}
.justify-space-evenly {
justify-content: center;
margin: auto !important;
display: inline;
margin: auto !important;
}
.project-check {
padding: 8px 4px !important;
background: #c50000;
border-radius: 54px;
font-size: 22px !important;
color: transparent;
height: 38px !important;
width: 39px !important;
position: absolute;
left: 7px;
text-align: center;
}
.hide-from-mobile {
display: none;
}
.project-check-details {
text-align: center !important;
}
.new-project-message-lists {
margin: 12px 0px !important;
}
.new-project-promo-notification {
display: none;
}
}
.qr-code-company-name.section__headline i.fa {
color: #cf0a23;
}
#marketPlaceView-Slidermain .swiper-slide.swiper-slide-active img {
cursor: url(/core/templates/assets/img/magnifier.svg) 8 8, default;
}
.proof-card-grid {
display: inline-block;
padding: 10px;
}
.proof-card-grid button {
font-size: 12px;
padding: 10px;
}
.error-message-shirt {
margin: 36px 3px 17px;
}
.title {
font-family: inherit;
}
.content .educate_content {
padding: 0px 16px;
margin-top: 17px;
}
.section {
padding-top: 26px;
z-index: -1;
}
#suppertCenter-component .paper {
z-index: 0;
}
h6.content.support-article-date {
text-align: left;
top: -52px;
position: relative;
left: 2px;
color: #f7f7f7;
}
.calendar .fc-day-header {
text-align: left;
padding: 11px;
border-color: #4440;
}
#full-screen-modal .card.card-calendar {
background: #fff !important;
}
.custom-notification.alert-success {
padding: 10px !important;
}
#full-calendar-notification {
height: 85vh;
overflow-y: auto;
}
.fc-event-container .fc-time {
display: none;
}
.remove-too-box .btn-group.proof-tools.hide-mob::before {
content: '' !important;
padding: 0px !important;
}
.remove-too-box button.card-options-btn {
display: none !important;
}
.media-prime-check {
position: absolute;
cursor: pointer;
bottom: -30px;
z-index: 9999999;
padding: 5px 10px;
border-radius: 15px;
width: 100%;
text-align: center;
}
.media-prime-check label {
padding: 5px 10px !important;
border-radius: 15px !important;
}
.proof-side-slider {
background: rgb(255 255 255 / 0%);
position: fixed;
z-index: 9999999 !important;
bottom: 0px;
display: flex;
padding: 10px;
border-radius: 15px;
left: -42px;
flex-direction: column;
transform: translateY(-1px);
justify-content: center;
height: 94vh;
}
.proof-side-slider span.proof-side-dot {
padding: 0px !important;
margin: 5px 0 !important;
cursor: pointer;
}
.proof-side-dot.active i.fas.fa-dot-circle {
color: red;
transform: scale(1.4);
}
.user-part-of-this-company span:after {
content: '* *';
}
.proof-comment-count {
position: absolute;
background: red;
padding: 2px 10px;
border-radius: 45px;
color: #fff;
top: -15px;
left: -10px;
}
span.btn.add-pre-comments, span.btn.add-automated-comments {
border-radius: 20px;
background: red;
color: #fff;
margin: 20px;
}
.pre-comment-section-card {
padding: 10px;
}
.pre-comment-section-card .card-body {
background: #eee;
}
#pre_comment_view_container {
margin: 0;
flex-direction: row;
justify-content: center;
display: flex;
max-height: 450px;
overflow-y: auto;
}
#pre_comment_view_container .btn.pre-comment {
border-radius: 15px;
border: 1px solid;
margin: 5px;
width: 100%;
}
#pre_comment_view_container .btn.pre-comment:hover {
background: #2dce89;
color: #fff;
}
#pre_comment_view_container::-webkit-scrollbar {
display: inline-block;
width: 10px;
}
.comment_response_form label {
text-align: justify !important;
}
.response-list span {
display: inline-block;
}
.response-list input {
width: 75%;
display: inline-block;
}
span.btn.response-btn-trigger {
background: #34d67c;
color: #fff;
border-radius: 50%;
padding: 10px;
margin: 10px;
}
.response-list-status-select {
width: 20px !important;
height: 10px !important;
}
.btn-group.bootstrap-select.response-list-status-select > button {
height: 10px;
position: absolute;
top: -15;
border: 0px;
background: transparent !important;
box-shadow: inherit !important;
}
.btn-group.bootstrap-select.response-list-status-select > button::after {
display: none !important;
}
.btn-group.bootstrap-select.response-list-status-select > button::before {
content: '...';
position: absolute;
color: #333;
left: 4px;
top: -5px;
}
.comment-complete-error-message {
font-size: 12px;
font-weight: bold;
}
#automated-comment-container {
z-index: 9999;
}
#automated-comment-container .modal-dialog {
max-width: 80% !important;
width: 80% !important;
}
#automated-comment-container .modal-content {
width: 100% !important;
}
#automated-comment-container .modal-dialog .close {
color: #333;
background: transparent;
}
.comment-response.response-approver-user .response-list, .comment-response.response-user .response-list {
display: inline-block;
width: 100%;
}
.comment-response.response-approver-user .response-list input, .comment-response.response-user .response-list input {
width: 65%;
display: inline-block;
}
.response-delay-container {
display: inline-block;
width: 40px;
margin: 0 5px;
}
.response-delay-container input {
width: 100% !important;
}
.comment-refresh {
top: 13px;
left: 15px;
font-size: 11px;
z-index: 99;
cursor: pointer;
background: #ebebeb;
color: #101010;
border-radius: 15px;
font-weight: bold;
width: 65px;
text-align: center;
padding: 3px;
border: 0px solid #fff;
box-shadow: 0px 3px 6px rgb(0 0 0 / 20%);
margin: 7px 0px 26px 4px;
}
.btn.dashboard-fixed-bottom {
position: fixed;
top: 125px;
bottom: auto !important;
right: 15;
border-radius: 45px;
z-index: 3;
margin: auto 41.2%;
font-size: 12px;
border: 4px solid black;
padding: 4px 11px;
width: 151px;
}
button.btn-sm.btn-primary.btn-qr-code-link-tree-add.btn {
width: 134px;
}
.btn.dashboard-fixed-bottom[data-tag-key="awaiting_response"] {
background: #8967c6;
color: white;
}
.btn.dashboard-fixed-bottom[data-tag-key="production_hold"] {
background: #626a74;
color: white;
}
.btn.dashboard-fixed-bottom[data-tag-key="awaiting_approval"] {
background: #de0201;
color: white;
}
.btn.dashboard-fixed-bottom[data-tag-key="new_project"] {
background: #70d6a8;
color: white;
}
.btn.dashboard-fixed-bottom[data-tag-key="in_production"] {
background: #ffc107;
color: white;
}
.btn.dashboard-fixed-bottom[data-tag-key="shipped"] {
background: #2196f3;
color: white;
}
.btn.dashboard-fixed-bottom[data-tag-key="my_proofs"] {
background: #34d67c;
color: white;
}
.btn.dashboard-fixed-bottom[data-tag-key="client_uploads"] {
background: #858890;
color: white;
}
.qr-action-events button {
margin: 5px;
}
.proof-side-dot[tooltip]:hover::after {
width: 55px !important;
left: 0;
bottom: 10;
padding: 10;
}
span.image-count-list {
background: #fff;
padding: 5 10;
right: 0;
font-weight: bold;
position: absolute;
border-radius: 15pc;
}
.add-new-votes {
padding: 5px 10px;
margin-right: 10px;
background: #de0201;
color: #fff;
}
.add-new-votes:hover {
background: #1965f1;
color: #fff;
}
#vote-dropzone-container .dz-default.dz-message::after {
content: '' !important;
}
#redcore-votes-items img.project-thumbnail {
width: 100%;
height: 100%;
}
#vote_section .vote_image_line {
margin-bottom: 30px;
}
#vote_section .vote_image_parent {
max-height: 100%;
text-align: center;
margin: 8px auto;
position: relative;
max-width: 97%;
}
#vote_section .vote_image_parent .vote_white_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, .75);
display: none;
}
#vote_section .vote_image_line.active .vote_check_mark {
display: block;
}
#vote_section .vote_image_parent .vote_check_mark {
position: absolute;
right: 10px;
bottom: 10px;
display: none;
}
#vote_section .vote_image {
max-width: 100%;
background: #f1f1f3;
}
#vote_section .vote_image_line.active .vote_image_parent {
outline: 5px solid #009688;
}
#vote_section {
text-align: center;
max-height: 70%;
overflow: auto;
height: 100%;
align-items: center;
justify-content: center;
}
.navbar-fixed-bottom {
left: 0;
}
#vote_section .vote_image_parent .vote_check_mark .material-icons {
font-size: 40px;
color: #eeeeee;
background: #009688;
border-radius: 83px;
padding: 4px;
}
#vote_section .vote_image_line {
cursor: pointer;
}
#vote_section .vote_image_line.not_clicked .vote_white_overlay {
display: block;
}
#vote_section .vote_image_parent .vote_white_overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, .75);
display: none;
}
.vote_image_parent {
background: white;
border-radius: 5px;
}
.redcore-vote-container {
background: #eee !important;
padding: 0px !important;
}
.redcore-vote-container .card-header-title {
padding-bottom: 5px;
background: #fff;
}
.winner_container {
text-align: left;
background: #ffffff;
border-radius: 12px;
-moz-box-shadow: 0px 13px 63px -8px rgba(0, 0, 0, 0.44);
margin: 75px 1px 77px;
padding: 37px 56px;
}
.winner_img_container {
animation: yourAnimation 1s Forwards .2s ease-in;
}
.winner_img_container {
display: inline-block;
max-width: 344px;
-webkit-box-shadow: 0px 7px 28px -2px rgb(0 0 0 / 44%);
-moz-box-shadow: 0px 7px 28px -2px rgba(0, 0, 0, 0.44);
box-shadow: 2px 6px 29px 0px rgb(0 0 0 / 24%);
padding: 6px !important;
height: auto;
top: -22px;
position: relative;
border-radius: 8px;
margin: 32px 0px 5px 0px;
}
.redcore-vote-container .vote_image {
max-width: 100%;
background: #f1f1f3;
}
.winner_text_container {
display: inline-block;
width: calc(100% - 350px);
}
.winner_container_2 {
padding: 34px;
}
.redcore-vote-container .steps_title {
font-size: 38px !important;
font-weight: bold;
color: #5b6065;
font-family: "AvantGardelT-Bold", Larsseit-Bold, sans-serif;
letter-spacing: -2px;
}
.count_submissions {
font-size: 20px;
font-weight: 400;
}
span.count_submissions.colorvote {
color: #02b3a2;
background: red;
border-radius: 83px;
color: #ffffff;
padding: 2px 5px;
}
.colorvoter {
color: #02b3a2;
}
.count_submissions {
font-size: 20px;
font-weight: 400;
}
span.winner_votes {
background: #02b3a2;
padding: 14px 22px;
width: 205px;
border-radius: 115px;
text-align: center;
font-size: 29px;
color: white;
float: left;
display: block;
font-weight: 500;
-webkit-box-shadow: 0px 7px 28px -2px rgb(0 0 0 / 44%);
-moz-box-shadow: 0px 7px 28px -2px rgba(0, 0, 0, 0.44);
box-shadow: 1px 4px 12px 2px rgb(0 0 0 / 24%);
margin-top: 25px;
position: absolute;
}
.vote_count {
background: #02b3a2;
padding: 5px;
width: 85px;
position: absolute;
border-radius: 115px;
text-align: center;
margin-right: 50%;
right: -44px;
top: -15px;
font-size: 17px;
color: white;
font-weight: 500;
-webkit-box-shadow: 0px 7px 28px -2px rgb(0 0 0 / 44%);
-moz-box-shadow: 0px 7px 28px -2px rgba(0, 0, 0, 0.44);
box-shadow: 2px 6px 29px 0px rgb(0 0 0 / 24%);
}
.redcore-vote-container .container {
width: auto !important;
}
.top-rated-image-lists {
margin-bottom: 30px !important;
}
.vote-card-section .sub-text-vote {
font-size: 12px;
font-weight: bold;
}
.vote-card-options button.vote-card-options {
background: transparent;
border: 0px;
}
.vote-card-options.btn-group.proof-card-tag {
bottom: 10px !important;
right: 25px;
}
.proof-subItems-container.proof-subItems-width.vote-sub-menu-card {
background: #fff;
color: #333;
font-size: 12;
font-weight: bold;
padding: 20px;
}
.proof-subItems-container.vote-sub-menu-card:before {
background: #fff;
}
.vote_line_email {
position: relative;
}
.user_status {
position: absolute;
right: 0px;
}
.vote-card-section .sub-text-vote:nth-child(2) {
margin-top: 20px;
}
.btn.close-custom-line-item.vote-section-close {
position: absolute;
right: 20%;
top: 20;
background: red;
border-radius: 50%;
padding: 5px 10px;
color: #fff;
}
button.btn.vote-now-btn {
position: absolute;
left: 0;
padding: 2px 10px;
background: #d62734;
color: #fff;
font-size: 10;
border-radius: 15px;
bottom: -30px;
}
.vote-card-section .align-items-center {
margin-bottom: 20px;
}
#redcoreVoteGritListMainContainer .header-body {
position: relative;
}
button.btn.delete-vote {
padding: 5px 9px;
background: #d62734;
color: #fff;
border-radius: 50% !important;
font-size: 10px;
position: absolute;
display: none;
top: -13px;
right: -19px;
}
.sort-votes .cardy.card:hover .btn.delete-vote {
display: block;
}
button.swal2-cancel.btn.btn-trigger-vote-section.swal2-styled {
background: #ffffff;
border: 0px solid;
position: absolute;
margin: 54px 114px;
bottom: -103px;
color: black;
border-radius: 44px;
font-size: 10px;
}
small.vote-short-description {
color: #2196f3;
padding: 2px 10px;
font-size: 12px;
margin-bottom: 5px !important;
font-weight: bold;
display: inline-block;
}
.view-all-vote-section, .view-all-vote-section:hover {
background: #d62734;
color: #fff;
border-radius: 15px;
font-size: 10px;
padding: 2px 10px;
}
#search-proof-select-user-container button.dropdown-toggle.btn.form-control {
display: inline-block;
height: auto;
}
#search-proof-select-user-container button.dropdown-toggle.btn.form-control .filter-option {
white-space: initial;
}
#search-proof-select-user-container button.dropdown-toggle.btn.form-control .filter-option .material-icons {
display: none;
}
.project-hidden-for-designer {
background: #c5e5ff;
color: #313131;
position: absolute;
top: -84px;
left: -23px;
padding: 8px 20px;
border-radius: 0px;
cursor: pointer;
border: 3px solid #ffffff;
font-size: 14px;
font-weight: bold;
min-width: 105%;
overflow: hidden;
}
.package-items.col-lg-6 {
border: 1px solid #ffacac;
padding: 14px 21px 23px 25px;
margin: 9px 0px;
border-radius: 22px;
}
span.proof-side-dot.btn.active.tooltip-right {
right: -41px;
}
span.proof-side-dot.btn.tooltip-right {
right: -41px;
}
button.btn.vote-now-btn .btn.dashboard-fixed-bottom {
background: #dbdcdf;
}
.navbar-fixed-bottom button.btn.btn-md {
background: #0064e4;
border-radius: 50px;
color: white;
padding: 18px 47px;
}
.top-hidden-proof-notification {
margin-top: 100px;
text-align: center;
}
.terms-list {
width: 100%;
justify-content: center;
text-align: center;
font-weight: bold;
color: #1965f1;
text-decoration: underline;
}
.pre-post-comment {
padding: 10px 33px;
margin: 0;
}
.pre-post-comment p {
margin: 0;
}
.delayed-card {
position: absolute;
font-size: 12px;
padding: 3px 5px;
left: 10;
border-radius: 15px;
background: #fff;
bottom: 10;
}
.delayed-card.active.btn {
background: #f44336;
color: #fff;
}
.in_production.approved.active-back-order-card, .active-back-order-card div.production-progress-bar {
background: #f29e05;
color: #fff;
}
.active-delay-card div.production-progress-bar, .in_production.approved.active-delay-card {
background: #f44336;
color: #fff;
}
span.btn.col-lg-4.active.delayed-card-action-btn {
background: red;
}
.card-delayed-check-container .col-lg-4 .delayed-card-action-btn, .card-delayed-check-container .col-lg-4 .btn-invoice-due-puase {
height: 20px;
margin: 10px 0;
}
.card-delayed-check-container .col-lg-4 {
text-align: center;
}
.card-no-form {
position: absolute;
right: 35;
background: red;
bottom: 10px;
padding: 2px 10px;
color: #fff;
font-size: 12px;
border-radius: 25px;
}
.redcore-pro-connected {
text-align: center;
margin-top: 30px;
font-weight: bold;
background: #fff;
padding: 50px 10px 30px;
}
.redcore-pro-connected p {
margin-top: 20px;
text-transform: capitalize;
font-weight: bold;
}
.redcore-pro-waiting-1 {
margin-left: -15%;
position: relative;
display: inline-block;
}
.redcore-pro-waiting-1 i {
position: absolute;
bottom: 0px;
display: block;
width: 9px;
height: 5px;
background: #9b59b6;
animation: redcore-pro-waiting-1 1.5s infinite ease-in-out;
}
.redcore-pro-waiting-1 i:nth-child(2) {
left: 11px;
animation-delay: .2s;
}
.redcore-pro-waiting-1 i:nth-child(3) {
left: 22px;
animation-delay: .4s;
}
.redcore-pro-waiting-1 i:nth-child(4) {
left: 33px;
animation-delay: .6s;
}
.redcore-pro-waiting-1 i:nth-child(5) {
left: 44px;
animation-delay: .8s;
}
@keyframes redcore-pro-waiting-1 {
0% {
height: 5px;
transform: translateY(0px);
background: #9b59b6;
}
25% {
height: 30px;
transform: translateY(15px);
background: #3498db;
}
50% {
height: 5px;
transform: translateY(0px);
background: #9b59b6;
}
100% {
height: 5px;
transform: translateY(0px);
background: #9b59b6;
}
}
.pre-comment-message {
display: block;
padding: 14px 25px 0px 25px;
}
.pre-comment-message p {
margin: 0px;
}
.comment-client-info-form .red-chat-user-info label {
font-size: 14px;
font-weight: bold;
padding: 10px 0;
display: inline-block;
}
.comment-client-info-form .red-chat-user-info .form-group {
padding: 5px 20px;
margin: 10px 0;
text-align: justify;
}
.comment-client-info-form .red-chat-user-info {
padding: 10px 20px;
box-shadow: 0 3px 10px 0 rgb(0 0 0 / 8%), 0 0 1px 0 rgb(0 0 0 / 22%), inset 0 2px 0 0 #d13030;
border-radius: 15px;
}
.labelButtons_a5ac {
background-color: #fff;
border-radius: 4px !important;
box-shadow: 0 5px 20px 0 rgb(0 0 0 / 20%);
color: #545d6b;
display: block;
font-family: Arial, sans-serif;
font-size: 15px !important;
font-weight: 400;
line-height: 20px;
max-height: none !important;
max-width: 100%;
min-width: 300px;
position: absolute;
width: 100%;
z-index: 1000000;
}
.labelButton_c729:first-child, .labelButton_c729:first-child .text_dd45:hover:first-child {
border-radius: 4px 4px 0 0 !important;
}
.labelButton_c729 {
display: block;
height: 66px;
max-height: 66px;
position: relative;
z-index: 1;
}
.labelButton_c729 .text_dd45 {
box-sizing: border-box !important;
color: #545d6b !important;
cursor: pointer !important;
display: table-cell !important;
font-size: 15px !important;
font-weight: 400;
height: 66px !important;
line-height: 20px !important;
padding-left: 80px !important;
padding-right: 15px !important;
text-decoration: none;
transform: translateZ(0) !important;
vertical-align: middle !important;
width: 310px !important;
}
.im_bfd3 {
background: transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 64 64'%3E%3Cpath fill='%23007AFF' d='M32 64C14.3 64 0 49.7 0 32S14.3 0 32 0s32 14.3 32 32-14.3 32-32 32zm-.1-20.2c9.1 0 16.4-5.9 16.4-13.3S41 17.2 31.9 17.2c-9.1 0-16.4 5.9-16.4 13.3 0 4.5 2.7 8.4 7 10.8l.1.1c.1 0 .1.1.1.1.4 1.7-2 3.3-3.6 4.3 5.2.3 7.9-1.8 8.6-2.5 1.3.4 2.9.5 4.2.5z'/%3E%3Cpath fill='%23EFEFF4' fill-rule='evenodd' d='M31.9 43.8c9.1 0 16.4-5.9 16.4-13.3S41 17.2 31.9 17.2c-9.1 0-16.4 5.9-16.4 13.3 0 4.5 2.7 8.4 7 10.8l.1.1c.1 0 .1.1.1.1.4 1.7-2 3.3-3.6 4.3 5.2.3 7.9-1.8 8.6-2.5 1.3.4 2.9.5 4.2.5z' clip-rule='evenodd'/%3E%3C/svg%3E") 26px 51% no-repeat;
background-size: 30px;
}
.labelButton_c729 .text_dd45 .title_cbb3 {
cursor: pointer;
white-space: pre-wrap;
}
.labelButton_c729 .title_cbb3 {
color: #222d38;
cursor: pointer;
font-size: 15px !important;
}
.bottomCorner_b531 {
border-top-color: #fff;
bottom: 0;
}
.buttonsCorner_f1fd {
height: 0;
position: absolute;
width: 0;
}
.intercom-button.show-intercom .labelButtons_a5ac._bottom_f325 {
z-index: 9999999999;
background: white !important;
bottom: 0px !important;
position: fixed;
right: 60px;
width: 250px;
min-width: 250px;
display: none;
}
button.intercom-button.show-intercom:hover .labelButtons_a5ac._bottom_f325, button.intercom-button.show-intercom .labelButtons_a5ac._bottom_f325:hover, .labelButtons_a5ac._bottom_f325.active {
display: block !important;
}
.profile-page .card-body-body {
width: 100% !important;
}
button.btn.btn-success.export-invoice-grid, button.btn.btn-success.import-invoice-grid {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
span.edit-username.btn {
position: absolute;
top: 0;
right: 50;
color: red;
text-decoration: underline;
padding: 0;
}
.username-container .username-text {
padding: 0 5px;
}
.proof-image-overlay-container.admin-active.set-shrink-img {
display: block !important;
}
.loop-action span label {
z-index: 99999 !important;
}
.col-lg-12.company-email-matched {
color: red;
padding: 5 10;
border: 1px solid;
cursor: pointer;
margin-bottom: 20px;
}
div#is-180-days-late:after {
content: 'Some features maybe disabled. ';
}
#payment-required-past-due {
color: white;
font-size: 18px;
background: #ad0d25;
padding: 20px 10px;
border-radius: 5px;
}
div#already-paid-notification {
background: #4e5fe2;
color: white;
font-weight: 600;
padding: 23px;
margin: 13px 16px 31px 16px;
border-radius: 7px;
}
span.qrcode-label {
background: white;
padding: 0px 1px;
border-radius: 6px 6px 0px 0px;
position: absolute;
width: 100px;
margin: -7px 0px;
text-align: center;
font-size: 12px;
font-weight: 900;
color: #0755d9;
}
button.btn.btn-success.add-shipping-from-proof {
padding: 20px 62px;
border-radius: 55px;
border: 2px solid #218cff;
background: #007dd9;
text-transform: uppercase;
margin: auto;
text-align: center;
}
#choose_shipping_address_type_container button.dropdown-toggle.btn, #choose_shipping_address_type_container_origin button.dropdown-toggle.btn {
border: 3px solid #429dff;
margin: auto;
background: white;
}
div#choose_shipping_address_type_container_origin {
display: inline;
}
label.choose_shipping_address_type_origin_showhide, .blind-drop-shipping-label {
text-align: justify;
padding: 0;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.7;
box-sizing: inherit;
word-wrap: break-word;
color: #333;
margin: 0px;
font-weight: bold;
}
#proof-approve-canvas, #proof-approve-canvas-new {
height: 100vh;
pointer-events: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 99999999999;
}
.table-responsive.pb-4 .table-flush tbody tr td.loop-count {
max-width: 10px !important;
width: 10px !important;
min-width: 10px !important;
}
.table-responsive.pb-4 .table-flush tbody tr td.loop-action {
max-width: 31% !important;
min-width: 40% !important;
text-align: center;
width: 200px !important;
}
.table-responsive.pb-4 .table-flush tbody tr td.loop-qty {
max-width: 80px !important;
width: 80px !important;
min-width: 80px !important;
}
.table-responsive.pb-4 .table-flush tbody tr td.loop-rate {
max-width: 80px !important;
width: 80px !important;
min-width: 80px !important;
}
.table-responsive.pb-4 .table-flush tbody tr td.loop-amount {
max-width: 40px !important;
width: 40px !important;
min-width: 40px !important;
}
.table-responsive.pb-4 .table-flush tbody tr td.loop-tax {
max-width: 10px !important;
width: 10px !important;
min-width: 10px !important;
}
.table-responsive.pb-4 .table-flush tbody tr td.loop-activity {
max-width: 40px !important;
width: 40px !important;
min-width: 40px !important;
}
.table-responsive.pb-4 .table-flush tbody tr td.loop-product {
max-width: 90px !important;
width: 90px !important;
min-width: 90px !important;
}
.admin-view-area .ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
min-height: 35px;
max-width: 359px;
}
.winner_container h2 {
font-size: 50px !important;
}
.separator span {
font-size: 14px;
color: #c2c2c2;
position: relative;
margin: 0 auto;
display: block;
width: 77%;
text-align: center;
font-weight: 800;
}
.separator span:after {
right: 0;
}
.separator span:before, .separator span:after {
position: absolute;
content: '';
height: 1px;
background: #e7e7e7;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: -webkit-calc(50% - 20px);
width: calc(50% - 20px);
}
.separator span:before {
left: 0px;
}
.separator {
margin: 0px 0px 23px;
}
#forgot-password-link {
text-align: right;
position: absolute;
right: 50px;
font-size: 14px;
font-weight: 600;
margin: -14px;
}
.custom-form-color-check label {
padding: 20px;
margin-right: 10px;
border-radius: 3px;
cursor: pointer;
}
ul.custom-form-color-check, ul.custom-form-tshit-check {
display: flex;
list-style: none;
flex-direction: row;
}
.custom-form-tshit-check label {
font-size: 12px;
padding: 10px;
margin-right: 10px;
border: 1px solid #ddd;
cursor: pointer;
}
ul.custom-form-color-check input:checked+label, ul.custom-form-tshit-check input:checked+label {
box-shadow: 0 0 0 2px white, 0 0 0 4px #2b71b8;
border-color: transparent;
}
ul.custom-form-color-check .check-black-bg {
background: #000000 !important;
}
ul.custom-form-color-check .check-white-bg {
background: #FFFFFF !important;
}
ul.custom-form-color-check .check-blue-bg {
background: #324D68 !important;
}
ul.custom-form-color-check .check-gray-bg {
background: #CCCCCC !important;
}
ul.custom-form-color-check .check-orange-bg {
background: #FF9151 !important;
}
.custom-form-size {
display: flex;
align-items: center;
justify-content: space-between;
}
span.form-size-cross {
font-weight: bold;
color: #333;
}
.custom-form-size input, ul.custom-form-quantity-val input {
padding: 10 5px;
border: 1px solid #ddd;
}
ul.custom-form-quantity-val {
display: flex;
list-style: none;
text-align: center;
}
ul.custom-form-quantity-val input {
width: 70px;
margin-right: 10px;
}
.resend-code {
cursor: pointer;
}
.product-image-type-caption {
bottom: 0;
left: 0;
right: 0;
top: 74%;
text-align: center;
position: absolute;
background: #ffffff;
color: #172f8d;
font-size: 15px;
font-weight: 900;
border-radius: 0px 0px 6px 5px;
cursor: pointer;
padding: 6px;
border-top: 1px solid #cecece;
}
.col-lg-12.related-project-card-container {
padding: 0px;
}
.col-lg-6.col-xs-12.no-padding.project-details-container.order-last.order-md-last.box {
border-radius: 22px;
}
.swal2-popup.swal2-modal.swal2-show.launch-pad-details:nth-child(2).col-lg-6.col-xs-12 {
padding: 15px 15px 0 0 !important;
border-radius: 23px;
border: 16px solid #eeeeee;
}
ul.nav.nav-tabs {
margin: 15px;
}
.product-proof-details-list .col-md-12:nth-child(4) {
border-bottom: 0px solid #c7c7c7;
}
.single_size_container.redcore-shirt-radio-main-container {
margin-top: 13px;
}
.cardy.card.is-marked-urgent {
border: 2px solid red;
}
.cardy.card.is-marked-urgent p:after {
content: '!!!';
}
.proof-status-update-model {
width: 100%;
background: #34d67c;
color: #fff;
right: -5px;
position: relative;
margin-bottom: 5px;
padding: 20px;
}
.proof-status-update-model h1, .proof-status-update-model div {
color: #fff;
font-weight: bold;
}
.proof-status-update-notification {
background-image: url(/core/uploads/bg-img.jpeg);
padding: 10%;
margin-bottom: 30px;
}
.proof-status-update-notification img {
animation: photoStatusUpdate 5s cubic-bezier(0.5, 0, 0.5, 1) 0.9s both;
}
@keyframes photoStatusUpdate {
30%, 60%, 70% {
filter: sepia(30%) saturate(140%) contrast(120%);
transform: scale(0.5) rotate(-4deg);
}
61% {
opacity: 1;
}
71% {
opacity: 0;
}
100% {
opacity: 1;
}
}
span.edit-proof-by-editor.pk-editor {
bottom: -35px;
z-index: 99999999;
}
span.edit-proof-by-editor, .proof-image-container-wrapper span.download-proof, div.dropdown.proof-download-section {
position: absolute;
right: 20px;
background: #fff;
padding: 5px 20px;
border-radius: 15px;
bottom: 8px;
cursor: pointer;
font-weight: bold;
z-index: 9999;
}
button.swal2-confirm.btn-save-proof-title.swal2-styled {
background: #0a760adb;
}
.small-text-label {
font-size: 12px;
font-weight: bold;
}
span.remaining-letter-count.text-danger {
position: absolute;
top: -15px;
font-weight: bold;
font-size: 12px;
right: 15;
}
.proof-title-update-tags .bootstrap-tagsinput {
width: 100%;
min-height: 100px;
}
.child.order-history-project-thumb.col-lg-1 img {
width: 100%;
padding: 10px;
background: #fff;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.tracking-model {
font-size: 18px;
padding: 20px;
color: #333;
}
.set-avaiting-approve-proof-button:hover {
border-color: #1965f1 !important;
}
.set-avaiting-approve-proof-button {
background: #1965f1 !important;
}
.proof-subItems-width.viewing-first.show .subitem-list-container, .proof-subItems-width.viewing-second.show .subitem-list-container, .proof-subItems-width.viewing-third.show .subitem-list-container {
display: grid !important;
width: auto !important;
grid-template-columns: auto auto auto;
gap: 10px;
top: 0px;
padding: 15px;
background: rgba(22, 27, 31, 0.95);
border-radius:37px;
}
.proof-subItems-width.viewing-second.show .subitem-list-container{
right: -350px !important;
left: inherit !important;
} 
.proof-subItems-width.viewing-first.show .subitem-list-container{
right: inherit !important;
left: 0 !important;
}
.proof-subItems-width.viewing-first.show .subitem-list-container, .proof-subItems-width.viewing-second.show .subitem-list-container {
position: absolute !important;
}
.proof-subItems-width.viewing-third.show .subitem-list-container {
left: inherit !important;
right: 0 !important;
position: absolute !important;
}
.proof-subItems-width.viewing-first.show .subitem-list-container .col-lg-12.inner-subitem-list, .proof-subItems-width.viewing-second.show .subitem-list-container .col-lg-12.inner-subitem-list, .proof-subItems-width.viewing-third.show .subitem-list-container .col-lg-12.inner-subitem-list, .col-lg-12.redcore-flex.hide-pinner-active.row.proof-action-row {
width: 400px;
}
.proof-subItems-width.viewing-first.show .redcore-flex-only-view, .proof-subItems-width.viewing-first.show .redcore-flex-only-view, .proof-subItems-width.viewing-first.show .redcore-flex-only-view {
display: flex;
}
span.view-proof-feather-light, .remove-proof-image-bg {
cursor: pointer;
}
span.remove-proof-image-bg {
margin-right: 10px;
}
.col-lg.row.choose-one-remove-bg img {
width: 40%;
margin: 20px 0;
cursor: pointer;
}
.col-lg.row.choose-one-remove-bg {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;
}
.shipping-previous-lists {
border-top: 1px solid;
max-height: 415px;
overflow: auto;
}
.col-md-12.shipping-size-lists-bn strong {
padding: 5px;
cursor: pointer;
}
.col-md-12.shipping-size-lists-bn {
margin-top: 10px;
font-size: 12px;
text-align: justify;
font-weight: bold;
}
.choose-shipping-size-list {
margin: 5px 0px;
cursor: pointer;
}
.btn.sort-invoice-history.active {
background: #f5365c !important;
color: #fff;
}
.invoice-history-sort-lists {
justify-content: flex-start;
}
.btn.sort-invoice-history {
margin: 3px 2px;
background: #dfdfdf;
border-radius: 30px;
padding: 1px 10px;
}
.btn.sort-invoice-history {
order: 2;
}
.btn.sort-invoice-history.show-order-1 {
order: 1;
}
.thank-you-page-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
color: #fff;
background: #be2026;
}
.thank-you-page-container h1 {
margin-top: 20px;
font-size: 52px;
color: #fff;
}
.thank-you-note p {
font-size: 22px;
font-weight: bold;
}
a.btn.redirect-btn {
background: #8967c6;
}
.request-approver-lists {
position: fixed;
right: 0;
bottom: 115px;
width: 420px;
padding: 10px;
}
.request-become-approver-lists-title {
position: absolute;
right: 15px;
top: -25px;
font-size: 12px;
border: 1px solid #ddd;
padding: 5px 10px;
border-radius: 15px;
box-shadow: 0px 2px 6px #68707785;
display: none;
}
.request-approver-lists .material-icons {
position: absolute;
top: -15px;
background-color: #fff;
border-radius: 50px;
padding: 5px;
box-shadow: 0px 2px 6px #68707785;
left: 2px;
color: #ff0000;
font-size: 15px;
}
.request-approver-lists .request-approver-action {
padding: 2px 5px !important;
color: #fff;
margin: 0px !important;
cursor: pointer;
background: #6e0419;
border: 1px solid #ffffff;
}
.can-show-title-count .request-become-approver-lists-title {
display: block;
color: #000000;
cursor: pointer;
background: #ffffff;
z-index: 9999 !important;
}
.request-approver-lists .requester-lists {
text-align: center;
padding: 10px !important;
}
.request-approver-lists .requester-lists-container {
max-height: 350px;
overflow-y: auto;
overflow-x: visible !important;
padding-top: 20px;
}
#redcore-extra-in_production-count {
background: #2196F3 !important;
}
.linked-project-lists-admin {
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
display: flex;
}
.btn.card.linked-proof-card {
margin: 10px !important;
}
.display-block {
display: block;
}
.complied-view-list-main-container p {
display: block;
width: 100%;
margin-bottom: 0px !important;
padding-bottom: 5px;
text-align: left;
}
span.btn-premium-setup.in-progress {
background: #1d1093 !important;
}
span.btn-premium-setup, button.btn-view-simple {
background: #513e75 !important;
}
span.btn-proof-rush, span.btn-premium-setup, button.btn-view-simple, .btn-proof-awaiting-production-arrival {
background: #cb0302;
padding: 5px 10px;
border-radius: 20px;
border: 3px solid #fff;
color: #fff;
font-weight: bold;
font-size: 12px;
}
.inner-form-main-contaner.register-form button.dropdown-toggle.btn.btn-primary.btn-round {
background: #ffffff !important;
border-radius: -39px;
font-size: 1rem;
line-height: 1.5;
display: block;
width: 100%;
transition: all .15s cubic-bezier(.68, -.55, .265, 1.55);
color: #8a949c;
border: 1px solid #b1b1b1;
border-radius: 0.25rem;
padding: 12px 0px 9px 11px;
box-shadow: 0 1px 3px rgba(50, 50, 93, .15), 0 1px 0 rgba(0, 0, 0, .02);
}
.apparel-type-section-list span.item-lists {
margin: 9px 0;
text-align: left;
font-size: 16px;
padding: 12px 18px;
flex: 0 0 50%;
line-height: 28px;
}
.apparel-type-section-list {
display: grid;
flex-wrap: wrap-reverse;
}
.proof-invoice-item-lists.simple-model-view {
max-height: 70vh;
overflow: auto;
}
.proof-invoice-item-lists.simple-model-view {
display: flex;
flex-direction: column;
gap: 16px;
}
.proof-invoice-item-lists.simple-model-view .simple-data-toolbar {
display: flex;
justify-content: flex-end;
margin-bottom: 4px;
}
.proof-invoice-item-lists.simple-model-view .simple-data-toggle-view {
border-radius: 999px;
border: 1px solid #d6dfea;
background: linear-gradient(180deg, #ffffff, #f4f7fb);
color: #314256;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.02em;
padding: 8px 14px;
box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}
.proof-invoice-item-lists.simple-model-view .simple-data-section {
border: 1px solid #e2e8f0;
border-radius: 18px;
background: #fbfcfe;
padding: 12px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}
.proof-invoice-item-lists.simple-model-view .simple-data-section-title {
color: #41546a;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 2px 6px 10px;
}
.proof-invoice-item-lists.simple-model-view .simple-data-section .apparel-type-section-list {
gap: 10px;
}
.proof-invoice-item-lists.simple-model-view .simple-data-location-group + .simple-data-location-group {
margin-top: 12px;
padding-top: 12px;
border-top: 1px dashed #d2dcea;
}
.proof-invoice-item-lists.simple-model-view .simple-data-location-divider {
color: #32465c;
font-size: 13px;
font-weight: 900;
letter-spacing: 0.01em;
padding: 2px 6px 10px;
}
.proof-invoice-item-lists.simple-model-view .simple-data-section .item-lists {
flex: 0 0 100%;
width: 100%;
margin: 0;
border: 1px solid #d9e2ec;
border-radius: 12px;
background: #ffffff;
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}
.proof-invoice-item-lists.simple-model-view .simple-data-section .item-lists strong {
display: inline-block;
min-width: 110px;
color: #7a8796;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.01em;
}
.proof-invoice-item-lists.simple-model-view .simple-data-section .item-lists span {
color: #1f2937;
font-size: 15px;
font-weight: 700;
}
.proof-invoice-item-lists.simple-model-view .simple-data-due-value {
margin-right: 8px;
}
.proof-invoice-item-lists.simple-model-view .simple-data-priority-badge,
.proof-invoice-item-lists.simple-model-view .simple-data-priority-inline {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 4px 10px;
border-radius: 999px;
font-size: 10px;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
vertical-align: middle;
}
.proof-invoice-item-lists.simple-model-view .simple-data-priority-badge.is-high,
.proof-invoice-item-lists.simple-model-view .simple-data-priority-inline.is-high {
background: rgba(220, 38, 38, 0.14);
color: #b91c1c;
}
.proof-invoice-item-lists.simple-model-view .simple-data-priority-badge.is-rush,
.proof-invoice-item-lists.simple-model-view .simple-data-priority-inline.is-rush {
background: rgba(249, 115, 22, 0.16);
color: #c2410c;
}
.proof-invoice-item-lists.simple-model-view .simple-data-priority-badge.is-standard,
.proof-invoice-item-lists.simple-model-view .simple-data-priority-inline.is-standard {
background: rgba(59, 130, 246, 0.12);
color: #1d4ed8;
}
.proof-invoice-item-lists.simple-model-view .simple-data-priority-badge.invoice-state-label-flexible,
.proof-invoice-item-lists.simple-model-view .simple-data-priority-inline.invoice-state-label-flexible {
background: rgba(148, 163, 184, 0.16);
color: #475569;
}
.proof-invoice-item-lists.simple-model-view .simple-data-priority-badge.invoice-state-label-preferred,
.proof-invoice-item-lists.simple-model-view .simple-data-priority-inline.invoice-state-label-preferred {
background: rgba(59, 130, 246, 0.12);
color: #1d4ed8;
}
.proof-invoice-item-lists.simple-model-view .simple-data-priority-badge.invoice-state-label-important,
.proof-invoice-item-lists.simple-model-view .simple-data-priority-inline.invoice-state-label-important {
background: rgba(245, 158, 11, 0.16);
color: #b45309;
}
.proof-invoice-item-lists.simple-model-view .simple-data-priority-badge.invoice-state-label-time-sensitive,
.proof-invoice-item-lists.simple-model-view .simple-data-priority-inline.invoice-state-label-time-sensitive {
background: rgba(249, 115, 22, 0.16);
color: #c2410c;
}
.proof-invoice-item-lists.simple-model-view .simple-data-priority-badge.invoice-state-label-critical,
.proof-invoice-item-lists.simple-model-view .simple-data-priority-inline.invoice-state-label-critical {
background: rgba(239, 68, 68, 0.14);
color: #b91c1c;
}
.proof-invoice-item-lists.simple-model-view .simple-data-priority-badge.invoice-state-label-extremely-critical,
.proof-invoice-item-lists.simple-model-view .simple-data-priority-inline.invoice-state-label-extremely-critical {
background: rgba(127, 29, 29, 0.16);
color: #7f1d1d;
}
.proof-invoice-item-lists.simple-model-view .simple-data-section-additional .item-lists {
line-height: 1.55;
}
.proof-invoice-item-lists.simple-model-view .simple-data-condensed-lines {
display: flex;
flex-direction: column;
gap: 12px;
padding: 4px 2px 2px;
}
.proof-invoice-item-lists.simple-model-view .simple-data-condensed-line {
color: #1f2937;
font-size: 18px;
font-weight: 700;
line-height: 1.45;
}
.proof-invoice-item-lists.simple-model-view .simple-data-condensed-line-size {
font-size: 17px;
font-weight: 700;
line-height: 1.35;
}
.proof-invoice-item-lists.simple-model-view .simple-data-condensed-line-strong {
font-size: 19px;
font-weight: 800;
}
.proof-invoice-item-lists.simple-model-view .simple-data-condensed-comment {
margin-top: 4px;
color: #6b7280;
font-size: 15px;
font-weight: 500;
line-height: 1.7;
}
.proof-invoice-item-lists .pantone-thread-match-trigger {
display: inline-flex;
align-items: center;
padding: 0;
border: 0;
background: transparent;
color: #1f2e43;
font: inherit;
font-weight: 700;
line-height: inherit;
text-align: left;
border-bottom: 1px dotted #71829a;
cursor: pointer;
}
.proof-invoice-item-lists .pantone-thread-match-trigger:hover,
.proof-invoice-item-lists .pantone-thread-match-trigger:focus {
color: #0d63c8;
border-bottom-color: #0d63c8;
outline: none;
}
.proof-invoice-item-lists .pantone-thread-match-trigger.has-match {
color: #0b5dc2;
border-bottom-color: #0b5dc2;
}
.pantone-thread-match-modal-popup .swal2-content {
text-align: left;
}
.pantone-thread-match-modal-body {
display: flex;
flex-direction: column;
gap: 14px;
}
.pantone-thread-match-source {
padding: 10px 12px;
border-radius: 10px;
background: #eef4fb;
color: #213247;
font-size: 14px;
font-weight: 700;
}
.pantone-thread-match-list {
display: flex;
flex-direction: column;
gap: 12px;
}
.pantone-thread-match-row {
display: flex;
flex-direction: column;
gap: 8px;
padding: 12px;
border: 1px solid #d9e4f1;
border-radius: 12px;
background: #f9fbfe;
}
.pantone-thread-match-pms {
color: #1b2b40;
font-size: 13px;
font-weight: 800;
}
.pantone-thread-match-vendors {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 10px;
}
.pantone-thread-match-vendor-card {
display: flex;
flex-direction: column;
gap: 8px;
padding: 10px;
border-radius: 10px;
border: 1px solid #d7e2ef;
background: #ffffff;
}
.pantone-thread-match-vendor-title {
color: #29415f;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.pantone-thread-match-codes {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.pantone-thread-match-chip {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 10px;
border-radius: 999px;
border: 1px solid #ccd9ea;
background: #ffffff;
}
.pantone-thread-match-chip.is-primary {
border-color: #8ab4ef;
background: #eef6ff;
}
.pantone-thread-match-swatch {
width: 16px;
height: 16px;
border-radius: 999px;
border: 1px solid rgba(15, 23, 42, 0.18);
flex: 0 0 16px;
}
.pantone-thread-match-swatch.is-missing {
background: linear-gradient(135deg, #f3f4f6, #d1d5db);
}
.pantone-thread-match-chip-text {
display: flex;
flex-direction: column;
align-items: flex-start;
line-height: 1.1;
}
.pantone-thread-match-thread-number {
color: #182638;
font-size: 13px;
font-weight: 800;
}
.pantone-thread-match-chip-label {
color: #66768b;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.pantone-thread-match-empty {
color: #6a7686;
font-size: 12px;
font-weight: 700;
}
.simple-data-google-search-btn {
margin-left: 8px !important;
border-radius: 16px !important;
padding: 2px 10px !important;
vertical-align: middle;
}
button.btn.proof-let-visible-to-tk-admin, button.btn.proof-set-priority-for-admin, button.btn.proof-let-visible-to-pk-admin, .proof-admin-file-upload-fn, .proof-admin-highlight {
width: 100%;
border-radius: 20px;
}
span.total-n-val {
font-weight: bold;
font-size: 12px;
position: absolute;
bottom: -10px;
left: 0px;
text-align: center;
width: 100%;
}
.order-point-field-container {
width: 100px !important;
}
.order-content.text-left.col-lg-2.display-flex {
align-items: center;
}
.order-content .order-img img {
width: 100px;
}
label.above-label.memo-credit-price {
color: #333 !important;
font-size: 15px;
font-weight: bold;
position: initial !important;
}
.row.due-credit-limit-reached {
background: #d40808;
color: #fff;
font-size: 14px;
font-weight: bold;
padding: 20px;
text-align: center;
margin: 10px 0;
border-radius: 8px;
font-weight: 900;
}
ul#side_nav_tools {
position: relative;
box-shadow: none;
border: transparent;
width: 95%;
margin: 0px;
}
button.menu-tool-trigger {
background: transparent;
width: 100%;
text-align: justify;
}
.dark-mode .menu-tool-trigger.py-0.px-2 {
color: rgb(135, 142, 156);
}
.dark-mode .card-body {
background: #292a3b;
border-radius: 11px;
}
.dark-mode .swal2-popup.swal2-modal.swal2-show.launch-pad-details:nth-child(2).col-lg-6.col-xs-12 {
padding: 15px 15px 0 0 !important;
border-radius: 0px;
border: 16px solid #292b34;
}
.dark-mode .product-proof-details-list .measure-box.row {
background: #202127;
padding: 11px 24px;
border-radius: 4px;
border: 1px solid #292b34;
}
.dark-mode .image-preview-container {
background: black;
border: 3px solid #000000;
transition: .2s;
transition-timing-function: ease-in-out;
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
.dark-mode .proof-grid-column.col-lg-12.col-xl-12 .card {
box-shadow: none;
border-bottom: 1px solid #dadada;
margin-bottom: 0px;
background: #1f1d2b;
border-radius: 0px;
}
.dark-mode .project-details-container {
background: #1f1d2b;
}
.dark-mode .card {
background: #272533;
box-shadow: 0 0 2rem 0 rgba(0, 0, 0, 0.15);
}
.dark-mode .gray-box {
background: #272533;
color: #878e9c;
}
span.before-point-elm {
font-weight: bold;
margin-left: 10px;
}
span.btn.subscription-tag {
background: #1965f1;
color: #fff;
border-radius: 25px;
padding: 5px 10px;
font-size: 12px;
}
span.subscription-note-text {
margin-bottom: 20px !important;
padding-bottom: 20px !important;
position: relative;
top: -20px;
font-size: 14px;
}
.next-subscription-trigger-time {
margin: 10px 0;
font-weight: bold;
justify-content: space-between;
display: flex;
align-items: end;
}
.align-item-end {
align-items: end;
}
.btn.subscription-status-update {
background: red;
color: #fff;
padding: 5px 20px;
border-radius: 25px;
}
a.btn.view-new-page.proof-vew-n-page {
position: absolute;
right: 0;
bottom: -35px;
background: #fff;
font-size: 12px !important;
border-radius: 25px !important;
padding: 5px 15px;
z-index: 999999 !important;
}
.share-link-main-container p {
font-size: 12px;
font-weight: bold;
}
.share-link-copy-container, .share-link-container {
border: 1px solid #ddd;
border-radius: 10px;
padding: 0px 10px;
margin-top: 20px;
position: relative;
}
.share-link-copy-container input, .share-link-container input {
border: 0px !important;
height: 50px;
box-shadow: none !important;
}
.share-link-copy-container button.btn.copy-proof-link {
background: #11aacf;
color: #fff;
font-weight: bold;
}
span.btn.share-proof-link.tooltip-element {
position: absolute;
bottom: -30px;
background: transparent;
display: flex;
color: #333;
align-items: center;
justify-content: center;
cursor: pointer;
}
.admin-files-upload {
position: relative;
width: 100%;
left: 0px;
margin-left: -8px;
border-radius: 15px;
border: 0px;
text-align: center;
background: #d6080a;
color: #fff;
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
padding: 10px;
}
.admin-file-upload-container {
flex-direction: column;
border: 2px dashed #ddd;
justify-content: space-between;
padding: 20px 0;
cursor: pointer;
}
.d-flex.col.admin-file-list {
margin: 10px 0;
padding: 20px 45px;
background: #dedede;
text-overflow: ellipsis;
text-wrap: nowrap;
color: #000;
align-items: center;
border: 1px solid #ddd;
font-weight: bold;
padding-right: 22% !important;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
font-size: 12px;
}
.swal2-container .d-flex.col.admin-file-list {
padding: 12px 14px !important;
padding-right: 14px !important;
}
button.btn.project-file-donwload {
right: inherit !important;
left: 0px;
}
button.btn.project-file-donwload[data-check="yes"] {
background: #34d67c;
color: #fff;
}
.col.admin-file-list button {
position: absolute;
right: 5px;
font-size: 20px;
padding: 5px;
cursor: pointer;
}
.col.admin-file-list button.btn.file-edit {
right: 215px !important;
}
.col.admin-file-list button.btn.file-donwload {
right: 175px !important;
}
.col.admin-file-list button.btn.file-remove {
right: 135px !important;
}
.swal2-container .col.admin-file-list button,
.swal2-container button.btn.project-file-donwload,
.swal2-container .col.admin-file-list button.btn.file-donwload,
.swal2-container .col.admin-file-list button.btn.file-remove {
position: static !important;
right: auto !important;
left: auto !important;
}
.field.d-flex.align-items-center.justify-content-between.admin-uploaded-file-list-container {
flex-direction: column;
}
.admin-file-history-panel {
margin-top: 18px;
padding: 16px 18px;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 14px;
background: #f8fafc;
}
.admin-file-history-panel .admin-file-history-toggle,
.admin-file-history-panel .admin-file-history-load-more {
min-width: 180px;
border-radius: 999px;
}
.admin-file-history-sortbar {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 12px 0 14px;
justify-content: flex-start;
}
.admin-file-history-sort-tag.btn {
min-height: 32px;
padding: 6px 12px !important;
border-radius: 999px;
background: #ffffff !important;
border: 1px solid rgba(37, 99, 235, 0.16) !important;
color: #334155 !important;
font-size: 12px;
font-weight: 800;
box-shadow: none !important;
}
.admin-file-history-sort-tag.btn.active {
background: #2563eb !important;
border-color: #2563eb !important;
color: #ffffff !important;
}
.admin-file-history-results {
margin-top: 14px;
display: flex;
flex-direction: column;
gap: 10px;
}
.admin-file-history-item {
display: grid;
grid-template-columns: 96px minmax(0, 1fr);
gap: 14px;
align-items: center;
padding: 12px 14px;
border-radius: 12px;
background: #fff;
border: 1px solid rgba(15, 23, 42, 0.08);
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}
.admin-file-history-content {
min-width: 0;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 12px;
align-items: center;
padding-left: 100px;
}
.admin-file-history-main {
min-width: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.admin-file-history-item.is-sorted-category-match {
border-color: rgba(37, 99, 235, 0.32);
box-shadow: 0 12px 28px rgba(37, 99, 235, 0.14);
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}
.admin-file-history-item.is-sorted-category-match .admin-file-asset-category {
background: #2563eb;
color: #ffffff;
}
.admin-file-asset-category {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 26px;
margin-bottom: 6px;
padding: 4px 10px;
border-radius: 999px;
background: #e0ecff;
color: #1d4ed8;
font-size: 10px;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.admin-file-history-project {
display: block;
font-size: 18px;
font-weight: 800;
color: #111827;
background: transparent !important;
border: 0 !important;
padding: 0 !important;
min-height: 0 !important;
box-shadow: none !important;
text-align: left;
cursor: pointer;
appearance: none;
}
.admin-file-history-project:hover,
.admin-file-history-project:focus,
.swal2-container .col.admin-file-list .admin-file-title-name:hover,
.swal2-container .col.admin-file-list .admin-file-title-name:focus {
color: #2563eb !important;
text-decoration: underline;
}
.admin-file-history-link {
display: inline-flex;
align-items: center;
justify-content: flex-start;
gap: 8px;
flex-wrap: wrap;
margin-top: 4px;
font-size: 13px;
font-weight: 700;
color: #2563eb;
word-break: break-word;
}
.admin-file-history-meta {
margin-top: 0;
font-size: 11px;
font-weight: 600;
color: #6b7280;
text-transform: uppercase;
letter-spacing: 0.04em;
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
justify-content: flex-end;
text-align: right;
white-space: nowrap;
}
.admin-file-history-proof-link {
font-weight: 800;
color: #2563eb;
}
.admin-file-history-date {
color: #16a34a;
font-weight: 800;
}
.admin-file-history-user {
color: #6b7280;
font-weight: 700;
}
.admin-file-history-empty {
padding: 14px;
border-radius: 12px;
background: #fff;
border: 1px dashed rgba(15, 23, 42, 0.12);
color: #64748b;
font-weight: 700;
text-align: center;
}
.admin-file-history-actions {
margin-top: 14px;
text-align: center;
}
.admin-file-history-preview {
width: 96px;
height: 96px;
min-width: 96px;
}
.admin-file-history-link .admin-file-type-badge {
margin-left: 0;
vertical-align: middle;
}
@media screen and (max-width: 960px) {
.admin-file-history-content {
padding-left: 0;
}
}
.share-link-main-container a {
border: 1px solid;
border-radius: 25px;
margin-top: 10px;
padding: 4px 22px;
}
.modal-body.share-link-main-container.loading::after {
content: 'Loading...';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #ddd;
opacity: 0.9;
justify-content: center;
display: flex;
align-items: center;
font-weight: bold;
color: #000;
z-index: 9999;
}
.pagination {
max-width: 500px;
overflow-x: auto;
}
button.btn.btn-white-color.btn-launch-pad-tag-search.bas2[data-tag-key="pk_proof"] {
background: #191444;
color: #fff;
}
button.btn.btn-white-color.btn-launch-pad-tag-search.bas2[data-tag-key="tk_proof"] {
background: #FF9800;
color: #fff;
}
button.btn.btn-white-color.btn-launch-pad-tag-search.bas2[data-tag-key="admin_task_cards"] {
background: #cb0302;
color: #fff;
}
body.view-proof-692 div.proof-place-id-692, body.view-proof-853 div.proof-place-id-853, body.view-proof-admin-task div.proof-admin-task-yes, body.view-proof-admin-task .status-group .proof-grid-column.proof-ready-to-print.hide-tag-search-result {
display: block !important;
}
.send-email-with-link.justify-content-center .fab {
position: absolute;
font-size: 30px;
right: 10px;
top: 11px;
}
.admin-file-upload-fields {
margin-top: 20px;
}
.admin-file-upload-action-row {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 10px;
}
.admin-file-upload-action-row .btn {
margin: 0;
white-space: nowrap;
}
.admin-file-upload-fields label {
display: flex;
align-items: center;
}
.status-group .proof-grid-column {
order: 2;
}
.status-group .proof-grid-column.proof-ready-to-print {
order: 1;
display: block !important;
}
.status-group .proof-grid-column.proof-ready-to-print > .card, .status-group .proof-grid-column.tk-priority > .card {
border: 2px solid #c70b0b;
}
button.btn.ready-to-print-tag {
font-size: 9px;
padding: 1px 5px !important;
border-radius: 7px !important;
background: red;
color: #fff;
}
.proof-admin-note-display {
position: absolute;
background: red;
width: 100%;
padding: 10px 20px;
z-index: 999;
bottom: -52px;
border-radius: 15px;
color: #fff;
font-weight: bold;
}
.admin-assign-task.section, .admin-assigned-task-lists {
display: flex;
justify-content: space-between;
align-items: center;
text-align: justify;
padding: 0px;
position: relative;
top: -25px;
z-index: 3;
}
.admin-assign-task.section > div {
width: 45%;
}
.add-tasks {
padding: 10px 20px;
border: 1px solid #ddd;
font-weight: bold;
border-radius: 25px;
cursor: pointer;
color: #333;
text-align: center;
}
.admin-assigned-task-lists {
flex-direction: column;
}
.admin-assigned-task-lists .proof-admin-task {
display: flex;
flex-direction: column;
padding: 10px 20px;
}
.admin-assigned-task-lists .proof-admin-task .admin-task-status-btn.btn {
position: relative;
right: 0;
}
.admin-assigned-task-lists > div, #redcore-proof-admin-tasks > div {
text-align: justify;
width: 100%;
padding-right: 20%;
position: relative;
align-items: center;
display: inline-flex;
min-height: 50px;
margin-bottom: 15px;
background: #df1b1b;
padding-left: 20px;
color: #fff;
font-weight: bold;
font-size: 12px;
border-radius: 10px;
}
span.admin-task-status-btn.btn, .admin-task-reply-btn, .cancel-reply-btn, .send-reply-btn, .admin-task-fileupload-btn {
position: absolute;
right: 10px;
background: #333;
display: inline-flex;
color: #fff;
padding: 5px 10px;
font-size: 10px;
}
.modal-body.share-link-main-container {
overflow: auto;
}
.admin-assigned-task-lists .task-text.show-all {
text-wrap: inherit !important;
white-space: pre-line;
}
.proof-admin-task .action-btn {
width: 100%;
text-align: right;
margin: 10px 0;
}
.admin-assigned-task-lists .task-text {
text-wrap: nowrap;
text-overflow: ellipsis;
width: 91%;
overflow: hidden;
text-align: left;
}
.admin-mode-card .proof-admin-task.completed {
display: none;
}
.share-link-main-container a {
border: 1px solid;
border-radius: 25px;
margin-top: 10px;
}
.proof-image-toolbox .btn-group.proof-tools {
z-index: 9999999;
}
.show-always-for-printkicker .reminder-header.row {
display: none;
}
div.status-group.show-always-for-printkicker {
display: block !important;
}
div.status-group.show-always-for-printkicker.hide-search-tag-main-container .reminder-header.row {
display: flex !important;
}
button.btn.paid-cash-for-project {
background: #191444;
color: #fff;
border-radius: 25px;
padding: 10px 20px;
font-weight: bold;
}
.third-party-project, .card div.tk-site-po-number, .tk-site-item-status {
position: absolute;
bottom: -12px;
z-index: 9;
background: rgba(236, 237, 241, 0.95);
left: -10px;
padding: 0px !important;
box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%) !important;
border-radius: 25px;
border: 1px solid #ddd;
}
#proofGritListMainContainer .card div.tk-site-po-number {
left: 25px !important;
font-size: 12px !important;
padding: 2px 10px !important;
color: #333 !important;
font-weight: bold;
}
#proofGritListMainContainer .tk-site-item-status{
right: 25px !important;
font-size: 12px !important;
color: #333 !important;
font-weight: bold;
left: initial !important;
}
.third-party-project img {
width: 25px;
background: white;
border-radius: 42px;
padding: 3px;
}
button.btn.pt-admin-quick-project {
background: #191444;
color: #fff;
padding: 2px 10px;
border-radius: 25px;
}
.pk-quick-project-container {
margin: 0px;
text-align: left;
color: #1c1f51;
justify-content: space-between;
align-items: baseline;
}
input.form-control.project-item-cost {
margin-bottom: 10px;
}
.pk-quick-project-container span.project-cost {
color: #1fa0c6;
font-weight: bold;
font-size: 14px;
}
.pk-quick-project-container span.project-cost-tax {
font-size: 14px;
font-weight: bold;
color: #5ab653;
}
.pk-quick-project-container button {
background: #1c1f51;
color: #ffff;
border-radius: 25px;
width: 130px;
}
.pk-quick-project-container .price-list-container, .sticker-cal-seach-list {
max-height: 70vh;
padding: 15px;
overflow-y: auto;
}
.price-lists.pt-2 {
max-height: 90%;
overflow: auto;
}
.pk-quick-project-container .price-list-elem, .sticker-cal-seach-list .price-list-elem {
padding: 5px 10px;
font-size: 14px;
font-weight: bold;
}
.pk-quick-project-container span.price-update-evt.update, .sticker-cal-seach-list span.price-update-evt.update {
margin-left: 15px;
cursor: pointer;
background: #ddd;
padding: 5px 10px;
border-radius: 25px;
}
.pk-quick-project-container .price-list-elem[data-action="add"] span.price-update-evt {
display: inline-block;
}
.pk-quick-project-container .price-list-elem:hover span.price-update-evt, .sticker-cal-seach-list .price-list-elem:hover span.price-update-evt {
display: inline-block;
}
.pk-quick-project-container .price-list-elem span.price-update-evt, .sticker-cal-seach-list .price-list-elem span.price-update-evt {
display: none;
cursor: pointer;
margin-left: 20px;
}
.pk-quick-project-container .price-list-elem:nth-child(even), .sticker-cal-seach-list .price-list-elem:nth-child(even) {
background: #d0d1d5;
}
.price-text span.number {
color: red;
cursor: pointer;
}
a.add-custom-quick-project, .choose-customer-for-place {
font-size: 12;
color: #918c8c;
margin: 0 0 0 auto;
display: inline;
}
.sticker-shop-popup a {
text-decoration: none;
font-weight: bold;
}
.sticker-shop-popup .swal2-popup.swal2-modal.swal2-show {
background: transparent;
}
.sticker-shop-popup span.input-group-text {
padding: 11px;
background: #ffffff;
margin: 0px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
height: 41px;
border-radius: 4px 0px 0px 4px;
color: #15c0f1;
}
.sticker-shop-popup input.form-control {
padding: 0px 11px;
border-top-right-radius: 4px !important;
border-bottom-right-radius: 4px !important;
font-size: 14px;
}
.sticker-shop-popup .login-card {
background: #fff !important;
-webkit-backdrop-filter: blur(6px);
padding: 33px;
border-radius: 0px;
color: gray;
margin-bottom: 64px !important;
}
.sticker-shop-popup .log-logo-bg {
background: transparent !important;
}
.sticker-shop-popup .input-group-prepend {
margin-right: 5px;
}
.proof-image-toolbox button.card-options-btn.btn.btn-md.redcore-invoice-view.mr-0 {
display: inline-block !important;
}
button.btn.file-print[data-print="yes"] i {
color: green !important;
}
.admin-task-reply-btn, .cancel-reply-btn, .send-reply-btn, .admin-task-fileupload-btn {
position: relative;
right: 0;
}
.form-group.admin-file-upload-fields.admin-reply-container label {
color: #333;
text-align: justify;
}
.form-group.admin-file-upload-fields.admin-reply-container > * {
flex: 1;
width: 100%;
}
.form-group.admin-file-upload-fields.admin-reply-container {
flex-direction: column;
background: transparent;
padding: 0;
}
span.reply-text-author {
padding: 0px 10px 0 0;
}
.remove-after-7days {
position: relative !important;
margin: 5px 0 0 auto !important;
right: 10px !important;
background: transparent;
color: #333;
font-size: 12px;
text-align: right;
}
.card.placeholder-container.notification-banner.p-3.reminder-card {
border: 0px solid !important;
}
.card.placeholder-container.notification-banner.p-3.reminder-card.show-red-border {
border: 3px solid red !important;
}
.select2-container .select2-selection--single {
height: auto !important;
}
.select2-dropdown {
z-index:9999999;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
overflow-x: auto;
}
.select2-container .select2-selection[aria-expanded="true"] .select2-search--inline {
display: inline-flex !important;
}
.select2-container, .select2-dropdown, .select2-search, .select2-results {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.select2-selection__clear {
display: none;
}
.hide-proof-card-action-section.redcore-flex {
flex-wrap: wrap !important;
}
button.btn.hide-proof-card-action.col-lg-12[data-action="hide-until-tomorrow"] {
background: #333 !important;
}
button.btn.hide-proof-card-action.col-lg-12.bg-active[data-action="hide-until-tomorrow"] {
border: 4px solid #2196F3;
}
div#redcore-clock-count {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: row;
margin: 20px 0 45px 0;
}
div#redcore-clock-count ul {
flex-direction: row;
display: flex;
list-style: none;
}
div#redcore-clock-count ul li {
margin: 0 45px 0 0;
font-size: 22px;
font-weight: bold;
text-align: center;
align-items: center;
justify-content: center;
display: flex;
flex-direction: column;
}
div#redcore-clock-count ul li span {
padding: 10px 5px;
font-size: 4.5rem;
display: block;
line-height: 0.75;
}
div.clock-section-card {
padding: 22px 24px;
align-items: center;
justify-content: space-between;
background: #c6c0c000;
}
.justify-item-center {
justify-content: center;
}
button.trigger-clock-evebt[data-action="clock-in"] {
background: red;
}
button.trigger-clock-evebt[data-action="clock-out"] {
background: green;
}
button.trigger-clock-evebt.btn {
color: #fff;
font-size: 20px;
padding: 10px 40px;
}
.clock-user-name {
font-size: 16px;
font-weight: bold;
text-align: left;
}
.d-column {
flex-direction: column;
}
.d-flex {
display: flex !important;
}
span.bold.clock-hr-title, span.bold.clock-check-hr-title {
font-size: 22px;
font-weight: bold;
}
button.clock-pay-now {
color: #009688;
font-weight: bold;
}
span.click-ip-addrs {
background: #fff;
padding: 15px 25px;
margin-left: 10px;
}
.clock-ip-text {
font-size: 10px;
font-weight: bold;
}
button.trigger-clock-evebt.btn span {
margin-left: 15px;
}
.align-item-center {
align-items: center;
}
.bryton-view-only-clock.clock-in-out-list, .clock-user-list-loadmore-container {
margin-left: 35px;
width: 95%;
margin: 15px 0 !important;
}
.clock-in-out-list {
border-radius: 15px;
margin: 15px 0 !important;
}
.clock-check-section {
position: absolute;
left: -52px;
}
.clock-event-section {
font-size: 20px;
font-weight: bold;
text-align: justify;
}
span.clock-time {
color: red;
}
button.btn.request-to-edit-clock {
background: red;
color: #fff;
}
.justify-space-between {
justify-content: space-between;
}
.clock-list-by-user {
border: 1px solid #ddd;
border-top: 0px;
padding: 20px;
flex-direction: column-reverse;
padding-top: 125px;
}
.clock-list-by-user.d-flex.d-column.col-12.hide {
display: none !important;
}
.clock-delete {
margin-left: 15px;
}
span.clock-edit, .clock-delete {
font-size: 10px;
cursor: pointer;
}
.clock-time-container {
width: 100%;
display: flex;
flex-direction: row;
position: relative;
align-items: center;
}
span.clock-approve {
font-size: 12px;
color: #565867;
cursor: pointer;
}
span.edit-clock-user-card {
position: absolute;
right: 0px;
top: 0px;
cursor: pointer;
}
.clock-time-container.justify-space-between .clock-paid {
color: #4CAF50;
font-weight: bold;
text-transform: uppercase;
}
.clock-in-out-list .clock-paid {
position: absolute;
left: 10px;
top: -10px;
font-size: 10px;
background: green;
color: #fff;
font-weight: bold;
padding: 5px 15px;
border-radius: 25px;
}
span.txt-invisible {
visibility: hidden;
}
.status-group .proof-grid-column.proof-ready-to-print.hide-utl-tmr[style="display: none;"] {
display: none !important;
}
.proof-admin-task.task-creator-id-1457 {
background: purple;
}
.show-reminder-only-assigned-list {
display: block !important;
}
.show-reminder-only-assigned-list[style="display: none;"] > div {
display: none;
}
.show-reminder-only-assigned-list .reminder-card.assigned-list[style="display: none;"] {
display: none;
}
.show-reminder-only-assigned-list .reminder-card.assigned-list {
display: flex !important;
}
.show-reminder-only-assigned-list .reminder-card.assigned-list.hide-reminder-list.hide {
display: none !important;
}
.clock-total-paid-for-user, .clock-total-paid-for-user-ls {
width: 100%;
background: green;
color: #fff;
font-weight: bold;
padding: 10px;
margin: 15px 0;
}
.bryton-view-only-clock.clock-total-paid-for-user, .clock-total-paid-for-user-ls {
width: 95%;
margin-left: 35px;
}
.share-link-main-container span.btn.download-all-files {
position: relative;
right: -130px;
}
.proof-image-container-wrapper span.download-proof {
bottom: -35px;
}
iframe#editorIframe {
width: 100%;
height: 100%;
position: absolute;
top: 0px;
z-index: 99999;
}
.ifrma-invisible iframe#editorIframe {
visibility: hidden;
}
div.dropdown.proof-download-section {
bottom: -90px !important;
top: auto !important;
background: transparent;
right: 0px;
}
body.show-iframe-editor iframe#editorIframe {
display: flex;
}
body.show-iframe-editor * {
display: none;
}
div.proof-grid-column[data-hide-proof=""] span.badge.badge-pill.awaiting_response.response_needed {
font-size: 0px;
}
div.proof-grid-column[data-hide-proof=""] span.badge.badge-pill.awaiting_response.response_needed:after {
content: 'Awaiting Redcore Response';
font-size: 10px;
}
.btn.net-30-tag.tip span.tooltip-top, .btn.net-30-tag.tip span.tooltip-right {
background: black;
margin: 0 2px 0 4px;
text-align: center;
padding: 2px 5px;
display: inline-block;
border-radius: 50px;
width: auto !important;
height: auto !important;
}
.btn.net-30-tag.tip {
background: green;
color: #fff;
font-weight: bold;
position: relative;
padding: 2px 10px 2px 0;
border-radius: 25px;
z-index: 999;
}
span.tooltip-right.tooltip-element[tooltip]:hover::before {
bottom: 17px !important;
left: 5px !important;
top: inherit !important;
}
span.tooltip-right.tooltip-element[tooltip]:hover:after {
left: -20px !important;
bottom: 38px !important;
}
.clock-hour-confirm-action {
position: absolute;
top: 3px;
right: 1px;
font-size: 12px;
background: #ecedf1;
padding: 5px 10px !important;
display: flex;
align-items: center;
color: #fff;
}
.clock-hour-confirm-action .btn {
padding: 2px;
}
.clock-hour-confirm-action label {
color: #333;
margin-left: 10px;
}
.clock-hour-confirm-action label, .clock-hour-confirm-action .btn {
margin: 0;
padding: 2px 10px;
font-size: 12px;
}
span.btn.confirm-day-hour {
background: #ff0200;
box-shadow: 4px 4px 0 #191444;
top: -2px;
}
span.btn.confirm-day-hour.admin-confirmed, span.btn.confirm-day-hour.client-confirmed {
box-shadow: none;
background: transparent;
color: #333;
}
.clock-hour-confirm-action.client-only {
padding: 5px 10px 5px 5px !important;
}
.pay-hr-check-notification {
position: relative;
text-align: left;
color: #ff0200;
font-weight: bold;
font-size: 12px;
padding: 10px 5px 10px 10px;
margin-top: 10px !important;
background: #ecedf1;
box-shadow: 1px 3px 12px rgb(44 64 113 / 7%);
width: 95%;
}
.start-blink {
animation: blinkerClock 1s step-start infinite;
background: #d52a36;
color: #fff;
}
@keyframes blinkerClock {
1% {
color: #ffffff;
font-weight: 500;
}
50% {
color: #ffffff;
font-weight: 900;
}
}
#custom_email_select_section .bootstrap-select.btn-group .dropdown-menu li {
margin: 10px 0 0 0;
}
#custom_email_select_section .bootstrap-select.btn-group .dropdown-menu li a {
text-align: right;
padding: 10px;
}
#custom_email_select_section .bootstrap-select.btn-group .dropdown-menu li small {
top: 7px !important;
}
.admin-assigned-task-lists .proof-admin-task h4, .admin-assigned-task-lists .proof-admin-task .reminder-deadline {
width: 100%;
}
.admin-assigned-task-lists .proof-admin-task * {
color: #fff !important;
text-align: justify !important;
white-space: pre-line;
}
button.btn.send-credit-email {
background: #fff;
border-radius: 25px;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.pk-kickback-section input.form-control {
width: 85px;
}
.pk-kickback-section .btn.action-btn {
width: 100%;
background: #009e72;
margin-top: 10px;
color: #fff;
}
.row.col-lg-12.pk-kickback-section {
display: flex;
margin: 0 0 20px 0;
padding: 0;
text-align: justify;
}
.pk-spacer {
padding: 50px;
position: relative;
}
.pk-kickback-modal {
max-width: 700px !important;
width: 100% !important;
}
.pk-month-section {
display: flex;
align-items: center;
font-weight: bold;
font-size: 14px;
justify-content: end;
margin-bottom: 20px;
}
.pk-kickback-section input.form-control.select-month {
width: 200px;
margin-left: 20px;
}
.pk-kickback-section h4 {
font-size: 14px;
}
.position-relative {
position: relative;
}
.expencess-list.position-relative {
display: flex;
justify-content: space-between;
align-items: center;
margin: 10px 0;
padding: 2px 0;
font-size: 13px;
font-weight: bold;
cursor: pointer;
}
.expencess-price-lists {
max-height: 180px;
overflow-y: auto;
min-height: 180px;
}
.expencess-list.position-relative:hover span.expences-label {
margin-right: 80px;
transition: all .15s ease;
}
span.btn.expencess-remove, span.btn.expencess-move {
position: absolute;
right: 0px;
padding: 0px 12px;
background: red;
color: #fff;
font-size: 12px;
transition: all .15s ease;
display: none;
}
span.btn.expencess-move {
right: 0;
padding: 3px 10px;
}
span.btn.expencess-remove {
right: 32px !important;
}
.expencess-list.position-relative:hover span.btn.expencess-remove, .expencess-list.position-relative:hover span.btn.expencess-move {
display: block;
}
.expencess-total-price {
margin-top: 20px;
text-align: left;
font-weight: bold;
height: 90px;
}
.section-final-price {
color: #009e72;
}
.pk-kickback-section .header-text {
font-weight: bold;
font-size: 14px;
}
.row.col-lg-12.pk-kickback-section.border-top {
border-color: transparent !important;
padding: 0 15px;
}
.row.col-lg-12.pk-kickback-section.border-top > div {
border-top: 3px solid #545454;
}
.expencess-profit {
font-size: 22px;
color: #009e72;
font-weight: bold;
}
.expencess-profit.profit-summary.is-negative,
.expencess-profit.profit-summary.is-negative span {
color: #dc3545 !important;
}
.expencess-profit.profit-summary.is-positive,
.expencess-profit.profit-summary.is-positive span {
color: #009e72 !important;
}
button.btn.total-expencess-save {
background: #009e72;
color: #fff;
padding: 10px 35px;
border-radius: 25px;
}
.pk-kickback-section .border-left {
border-left: 3px solid #333 !important;
padding-left: 0px;
}
.header-text.my-2[data-reoccuring="yes"] {
color: #F44336;
}
.pk-kickback-modal .comment-update-loader {
background: rgb(0 0 0 / 65%);
}
.pk-kickback-modal img.signup-loader {
visibility: visible !important;
position: relative;
}
.pk-spacer button {
position: absolute;
bottom: 0;
right: 0;
font-size: 12px;
padding: 10px 0px;
width: 95%;
}
.order-history-loadmore button.load-more {
padding: 5px 25px;
}
li.nav-item.dropdown.pk-status-notification button {
padding: 13px 20px;
border-radius: 15px;
background: #de0102;
color: #fff;
min-width: 250px;
}
li.nav-item.dropdown.pk-status-notification {
margin-right: 20px;
}
li.nav-item.dropdown.pk-status-notification.mothly-Quota-list {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.btn.add-proof-tag-ms {
position: absolute;
bottom: -15px;
left: 30px;
padding: 2px 10px;
background: #02bcd4;
border-radius: 25px;
color: #fff;
}
.tag-update-container .bootstrap-tagsinput {
min-width: 100%;
}
.order-history-flex-box.payment-due .btn.add-proof-tag-ms {
top: 15px;
}
.order-history-flex-box .btn.add-proof-tag-ms {
bottom: inherit;
left: inherit;
right: 0;
top: 0px;
}
.order-history-flex-box {
position: relative;
}
.inner-subitem-list .btn.add-proof-tag-ms {
position: inherit;
top: inherit;
bottom: inherit;
left: inherit;
right: inherit;
width: 100%;
padding: 5px;
text-transform: capitalize;
}
input.active-work-day {
display: inline;
width: 50px;
padding: 0 10px;
}
button.btn.btn-launch-pad-tag-search[data-tag-key="admin_task_cards"] span {
padding: 2px 5px;
font-size: 8px;
background: #fff;
color: #333;
border-radius: 25px;
margin-left: 10px;
}
.btn-launch-pad-tag-search.active-tag-search[data-tag-key="admin_task_cards"] span {
color: #fff !important;
background: red !important;
}
.admin-file-upload-fields input.reply-to-complete {
margin-left: 20px;
}
.card-line-separator a.dropdown-item.restart-project-btn {
color: #fff;
background: #43c77e;
width: auto;
font-size: 10px;
display: inline-block;
font-weight: bold;
border-radius: 25px;
padding: 4px 9px 3.4px 9px;
top: 0px;
position: relative;
text-transform: uppercase;
}
.card-body i.ni.ni-button-play {
padding: 0px;
position: relative;
top: 2px;
color: #149f19;
}
li.nav-item.dropdown.pk-status-notification button span {
position: absolute;
left: 0;
width: 100%;
top: 0px;
border-radius: 25px;
height: 26px;
display: flex;
justify-content: center;
align-items: center;
}
li.nav-item.dropdown.pk-status-notification button span.quota-s-bg {
background: #34d67c;
}
li.nav-item.dropdown.pk-status-notification button span.quota-f-bg {
background: #2196f3;
}
.clock-top-month-year {
display: flex;
justify-content: end;
}
.card.points-card * {
font-family: 'AvantGardeLT-Bold';
}
.card.points-card {
min-width: 200px;
min-height: 200px;
align-items: center;
justify-content: center;
margin: 5px;
}
.points-card div {
font-size: 18px;
color: red;
font-weight: bold;
}
.points-card .point-divider {
border-bottom: 2px solid #333;
width: 60%;
margin: 5px;
}
span.active-pointer {
display: none;
position: absolute;
padding: 12px;
background: red;
border-radius: 25px;
top: -12px;
}
.points-card.active span.active-pointer {
display: block !important;
}
.card.position-relative.points-card.active {
border: solid 2px black;
transform: scale(1.04);
background: #ebedf1;
}
.btn.add-proof-tag-ms {
position: absolute;
bottom: -15px;
left: 30px;
padding: 2px 10px;
background: #ffffff;
border-radius: 25px;
color: #dddddd;
}
span.active-pointer, .admin-blink {
animation: blinker 3s infinite ease-out;
}
@keyframes blinker {
50% {
box-shadow: 0px 0px 0px 0px rgba(239, 101, 101, .6);
}
100% {
box-shadow: 0px 0px 0px 30px rgba(239, 101, 101, 0.0);
}
}
span.active-pointer:before {
animation: blinky 3s infinite ease-out;
}
@keyframes blinkyBg {
50% {
transform: scale(1.04);
background: #de0102;
}
100% {
transform: scale(1);
background: #3F51B5;
}
}
@keyframes blinky {
50% {
transform: scale(1.04);
}
100% {
transform: scale(1);
}
}
.card.position-relative.points-card.active {
animation: bli 3s infinite ease-out;
}
@keyframes bli {
0% {
transform: scale(1.04);
}
50% {
transform: scale(1);
}
100% {
transform: scale(1.04);
}
}
.card.position-relative.points-card {
background: #ffffff;
border: solid 2px #eeeeee;
}
.order-history-late-configuration .col-12 {
padding: 14px 0px;
border-bottom: 1px solid #24c9b6;
margin: 0px 22px 0px;
}
.clock-top-point-section {
margin-top: 85px;
}
.clock-point-lists.d-flex {
margin: 20px 3%;
overflow-x: auto;
}
.model-price.d-flex.justify-content-center.d-column span {
color: red;
font-weight: bold;
font-size: 22px;
font-family: 'AvantGardeLT-Bold';
}
.model-price.d-flex.justify-content-center.d-column span.divider {
border-bottom: 3px solid #333;
width: 150px;
margin: 5px auto;
}
.lds-facebook, .lds-facebook div {
box-sizing: border-box;
}
.lds-facebook {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-facebook div {
display: inline-block;
position: absolute;
left: 8px;
width: 16px;
background: currentColor;
animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
left: 8px;
animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
left: 32px;
animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
left: 56px;
animation-delay: 0s;
}
@keyframes lds-facebook {
0% {
top: 8px;
height: 64px;
}
50%, 100% {
top: 24px;
height: 32px;
}
}
.pdf-full-screen-iframe.mobile-paynow-invoice {
top: 40px !important;
}
.pdf-iframe-close-button-container.mobile-paynow-invoice {
height: 100px !important;
}
.pdf-iframe-close-button-container.mobile-paynow-invoice .pdf-iframe-download-button, .pdf-iframe-close-button-container.mobile-paynow-invoice .pdf-iframe-close-button {
bottom: 5px;
}
.share-link-model-notification {
font-weight: bold;
font-size: 12px;
}
button.btn.mark-as-delivered {
border-radius: 25px;
background: #2dce89;
color: #fff;
text-transform: capitalize;
}
span.expences-label {
font-style: normal;
max-width: 110px !important;
overflow: hidden;
text-overflow: ellipsis;
display: block;
text-wrap: nowrap;
}
.expencess-list.position-relative.red-project:hover .expences-label {
max-width: 100% !important;
margin-right: 0px !important;
text-wrap: wrap !important;
}
.expencess-list.position-relative.red-project:hover .expences-price {
display: none;
}
button.btn.admin-file-check {
background: #2c2cea;
color: #fff;
min-width: 180px;
border-radius: 25px;
}
button.btn.file-print.data-tooltip {
align-items: center;
display: flex;
}
button.btn.file-print.data-tooltip span {
font-size: 12px !important;
}
.form-space-between {
display: flex;
justify-content: space-between;
}
.mx-0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.form-space-between > .col {
max-width: 48% !important;
}
.pl-0 {
padding-left: 0px !important;
}
.pr-0 {
padding-right: 0px !important;
}
.mt-12 {
margin-top: 12px !important;
}
.sticker-size-list-container {
padding: 20px !important;
border: 1px solid #E91E63;
margin-bottom: 20px;
}
.form-space-between > div.col {
padding: 0px;
}
.form-space-between > div.col span, span.col-12.size-notification {
font-size: 10px;
}
button.add-place-size {
margin: 0 0 0 auto;
background: red;
border-radius: 25px;
color: #fff;
}
.remove-sticker-list {
position: absolute;
right: -12px;
padding: 10px 15px;
border-radius: 50px;
top: 30px;
}
.col.sticker-sheet-container {
background: #b2b6bf;
padding: 0;
display: flex;
flex-wrap: wrap;
align-content: start;
}
.sticker-box {
border: 1px solid;
background: #191444;
position: absolute;
}
.sticker-additional-price {
width: 250px;
padding-left: 35px;
}
span.top-left-icon {
position: absolute;
bottom: 4px;
left: 15px;
font-size: 24;
font-weight: bold;
}
.sticker-customer-prices {
font-size: 22px;
color: #34d67d;
font-weight: bold;
}
.sticker-customer-prices span {
font-size: 34px;
}
span.needed-sheet {
margin: 0 0 0 auto;
font-size: 12px;
color: #d62835;
margin-right: 20px;
}
.toggle-production-card {
background: #fff;
padding: 0px;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.toggle-production-card span {
font-size: 10px;
padding: 7px 7px !important;
margin: 0px 7px;
display: inline-block;
}
.toggle-production-card span.active {
color: #de0102;
}
.status-group div.payment-paid-card.card-active, .status-group div.awaiting-payment-card.card-active {
display: block !important;
}
.status-group div.payment-paid-card.card-hide, .status-group div.awaiting-payment-card.card-hide {
display: none !important;
}
div.awaiting-payment-card-row {
width: 100%;
margin: 20px 20px !important;
margin-bottom: 40px !important;
}
.row.my-4.awaiting-payment-card-row.proof-grid-column {
font-weight: 900;
color: red;
border-bottom: 3px solid red;
padding-bottom: 9px;
}
.row.my-4.awaiting-payment-card-row.proof-grid-column:before {
content: "One Hold - ";
}
.row.my-4.awaiting-payment-card-row.proof-grid-column:after {
border-right: 3px solid red;
content: '';
transform: rotate(45deg);
left: -43px;
position: relative;
z-index: 1;
border-bottom: 3px solid red;
width: 15px;
height: 15px;
background: #ffffff;
bottom: -29px;
}
.expire-text.update-in-progress-bg {
background: #3e96dd;
}
.rocket-ship-text {
padding: 26px;
}
.col-lg-12.row.border-0 {
margin: auto;
}
.idea-board-popup-container .swal2-content {
background: white;
border-radius: 11px;
}
.pure-g .comment p {
font-size: .9em;
font-style: italic;
}
.approve-shipping- .dropdown-toggle::after {
display: inline-block;
width: 4px;
height: 4px;
margin-left: 1.255em;
content: '';
vertical-align: -2px;
border-top: .6em solid;
border-right: .6em solid transparent;
border-bottom: 0;
border-left: 0.6em solid transparent;
}
button.btn.btn-success.btn-primary.proof-pay-and-approve {
border-color: #58a1ff;
color: #fff;
border: 2px solid #58a1ff;
}
.comment {
font-size: 1.2em;
font-style: italic;
}
.input-group-alternative {
border: 3px solid #429dff;
}
input[type="text"], select#saved-payment-list {
font-family: sans-serif;
font-size: 16px;
border: 3px solid #429dff;
background: white;
padding: 0px;
height: 52px;
color: #96a6c3;
padding: 0px 14px;
}
.inner-form-main-contaner.register-form .input-group.input-group-merge.input-group-alternative:not(.selected-box):not(.error) {
border-color: #d1d5db !important;
}
.inner-form-main-contaner.register-form .input-group.input-group-merge.input-group-alternative:not(.selected-box):not(.error):focus-within {
border-color: #d1d5db !important;
box-shadow: 0 0 0 2px rgba(209, 213, 219, .2);
}
.inner-form-main-contaner.register-form .input-group.input-group-merge.input-group-alternative.selected-box {
border-color: #429dff !important;
}
.form-button-for-promo {
float: right;
position: relative;
top: -11px;
padding: 4px 10px;
background: #429dff;
border: none;
right: -4px;
}
.comment-box-container .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
border: 2px solid #c9c9c9;
}
.qrcode-download-button-title {
display: inherit;
}
button.btn.ping-proof-user, button.btn.qrcode-download-button {
background: #2196F3;
color: #fff;
border: 3px solid #b2c7d8;
width: 170px !important;
}
.task-assigned-for {
animation: blinker-task 1.7s linear infinite;
}
@keyframes blinker-task {
50% {
opacity: 0;
}
}
b.task-creator.small-text {
font-size: 10px;
}
.already-linked-project {
position: absolute;
top: 0;
width: 100%;
padding: 10px;
background: #dddddddb;
bottom: 0px;
border-radius: 12px;
text-align: center;
align-items: center;
display: flex;
font-weight: bold;
justify-content: center;
flex-direction: column;
color: #E91E63;
}
.grouped-points {
display: flex;
justify-content: end;
}
h1#blue-title-link {
color: #003140;
}
.new-project-message-lists {
border: 1px solid;
border-radius: 85px;
align-items: center;
margin: 12px;
padding: 12px !important;
justify-content: space-around;
max-width: 100%;
min-width: 251px;
}
.new-project-message-lists.active {
background: #ececec;
}
.new-project-message-lists .fa-check {
display: none;
}
.new-project-message-lists .iconn {
color: #fff !important;
}
.new-project-message-lists.active .iconn {
display: none;
}
.new-project-message-lists.active i.fa-check {
display: block !important;
color: #fff;
}
.new-project-message-lists.active div.project-check {
color: #fff;
background: #2dce8a;
}
button.btn.close-back-project-notification {
position: absolute;
right: 24px;
border-radius: 55px;
top: 40px;
font-size: 30px;
color: #FF5722;
padding: 10px 20px;
z-index: 999999;
}
.project-check {
padding: 12px 12px;
background: #c50000;
border-radius: 54px;
font-size: 35px;
color: transparent;
height: 58px;
width: 58px;
}
.project-check-details {
width: 72%;
text-align: left;
}
.project-check-details p {
font-size: 12px;
}
.justify-space-evenly {
justify-content: center;
margin: auto !important;
}
.launchpad-search-note {
position: absolute;
bottom: -40px;
font-size: 14px;
color: #fff;
font-weight: bold;
}
.launchpad-search-note span {
border-bottom: 1px solid #2196F3;
}
button.btn.view-promo-product-site {
background: #ffffff;
padding: 10px 35px;
border-radius: 25px;
color: #000000;
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
border: 2px solid #ffffff;
}
span.project-promo-show-more span {
margin-left: 12px;
border-bottom: 1px solid;
cursor: pointer;
}
.new-project-promo-notification p {
font-size: 15px;
max-width: 951px;
text-align: center;
margin: auto;
padding-bottom: 19px;
color: black;
}
.centered-lines {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.centered-lines::before, .centered-lines::after {
content: "";
flex-grow: 1;
border-bottom: 2px solid #e4e4e4;
margin: 10px 10px;
}
.display-center.new-project-promo-notification {
background: rgb(235 235 235 / 96%);
padding: 4%;
border-radius: 8px;
margin-top: 5%;
}
#blue-title-link {
font-size: 32px;
color: #d81204;
font-family: 'AvantGardeLT-Bold';
font-size: 2.3em;
padding-bottom: 15px;
}
.new-project-promo-notification h2 {
color: #003140;
font-size: 27px;
}
.proof_method_select_text {
margin: 15px 0;
font-size: 24px !important;
font-weight: bold;
color: #23be6f;
}
.btn.fileupoad-label-notification {
display: block;
width: 100%;
padding: 15px 0px;
background: #db656d;
color: #fff;
margin-bottom: 20px;
font-size: 12px;
}
.proof-file-label-blink {
animation: blinker 1.7s linear infinite;
}
.appr-name-txt {
text-align: center;
margin: 15px 0;
font-weight: bold;
}
.linked-project-cards .status-group .proof-grid-column, .linked-project-cards .status-group.hidden-card-darker .proof-grid-column[data-hide-proof=""] {
display: block !important;
}
.row.col-lg-12.pk-models-project-lists {
max-height: 250px;
overflow-y: auto;
margin: 0px 0px 20px 0px;
border-top: 2px solid;
}
.model-project-list.my-2 {
width: 100%;
text-align: left;
justify-content: space-between;
display: flex;
font-size: 14px;
align-items: center;
}
.model-project-list.my-2 button,
.model-project-list.my-2 a.model-proof-view {
font-size: 12px;
padding: 2px 15px;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
background: #009e72;
color: #fff;
margin-left: 20px;
border-radius: 6px;
text-decoration: none;
}
.clock-paid.clock-hr-reached {
background: #ff0200 !important;
}
.single-proof-view .btn-group.active-user-menu button.btn.dropdown-toggle img {
border-radius: 44px;
}
.comment-sticky {
position: sticky !important;
bottom: 0 !important;
z-index: 5;
top: auto;
border-top: 1px solid #9a9a9a;
border-radius: 0px 0px 7px 7px !important;
}
.dashboard-side-sticky-box {
position: fixed;
top: 50%;
right: 9px;
transform: translateY(-50%);
background: #7a7f87;
border-radius: 71px;
border: 1px solid #e4e6ea;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
max-width: 220px;       /* prevents resizing */
padding: 2px 7px;
font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #2d2d2d;
font-weight: 500;
line-height: 1.5;
z-index: 999;
overflow-y: auto;
max-height: 80vh;       /* scrolls when content overflows */
scrollbar-width: thin;
scrollbar-color: #bbb #f3f3f3;
transition: all 0.25s ease-in-out;
}
.company-list.active-company-card {
color: #3e96dd;
}
#proofGritListMainContainer > .status-group div.company-sorting-card {
display: block !important;
}
div.company-sorting-card .cardy.card {
border: 2px solid #3e96dd !important;
}
.dashboard-side-sticky-box .company-list:hover {
color: #3e96dd;
font-weight: bold;
}
.dashboard-side-sticky-box .company-list {
cursor: pointer;
width: 100%;
}
.dashboard-side-sticky-box .company-list-container {
overflow: auto;
background: #333333;
display: flex;
flex-direction: column;
color: white;
text-align: right;
}
.dashboard-side-sticky-box:hover .company-list span.main-title {
display: block;
}
.dashboard-side-sticky-box .company-list span.main-title, .dashboard-side-sticky-box:hover .company-list span.prefix-title {
display: none;
}
.dashboard-side-sticky-box:hover .btn.dashboard-fixed-bottom.company-list-status {
width: 100%;
border-radius: 53px;
}
.dashboard-side-sticky-box .btn.dashboard-fixed-bottom.company-list-status {
position: absolute;
font-size: 0px;
width: auto;
padding: 9px;
top: -26px;
right: unset !important;
margin: 0 auto;
bottom: unset !important;
border: none;
}
.dashboard-side-sticky-box {
position: fixed;
right: 10px;
width: 56px;
height: auto;
font-size: 11px;
background: #333;
color: #fff;
border-radius: 59px;
padding-bottom: 0px;
overflow: visible;
transition: width 0.3s ease, background 0.3s ease;
z-index: 1000;
text-align: center !important;
}
.dashboard-side-sticky-box:hover {
width: 250px;                         /* Expanded width on hover to show content */
background: #333;                  /* Lighter background when expanded */
color: #fff;                          /* Switch to dark text for readability */
}
.dashboard-side-sticky-box .company-list-status {
font-weight: bold;
position: absolute;
left: 0; right: 0;                   /* span full width of sidebar (for centering text when horizontal) */
}
.dashboard-side-sticky-box:not(:hover) .company-list-status {
bottom: 10px;                        /* position label near bottom of sidebar */
writing-mode: vertical-rl;           /* stack letters vertically (top-to-bottom) */
text-orientation: upright;           /* keep letters upright (not rotated) :contentReference[oaicite:4]{index=4} */
font-size: 14px;
text-align: center;                  /* center text within the narrow bar */
}
.dashboard-side-sticky-box:hover .company-list-status {
bottom: 0;                           /* align to bottom inside expanded sidebar */
writing-mode: horizontal-tb;         /* normal text orientation */
text-orientation: mixed;
font-size: 15px;
padding: 8px 0;
border-top: 1px solid #ccc;          /* divider line above the label */
border-bottom-left-radius: 8px;      /* keep the rounded corner at bottom-left */
text-align: left;
}
.dashboard-side-sticky-box .trigger-action {
display: block;
width: 100%;
background: transparent;
border: none;
color: inherit;                     /* inherit text color (white or dark depending on state) */
cursor: pointer;
padding: 8px 0;
text-align: center;                 /* center the icon within the button */
font-size: 18px;                    /* adjust if needed for icon size */
}
.dashboard-side-sticky-box .trigger-action:focus { outline: none; }
.dashboard-side-sticky-box .trigger-action:hover {
background: #e0e0e0;               /* on hover (when expanded), give a light highlight */
}
.dashboard-side-sticky-box .company-list-container {
max-height: 100%;                 /* visible list area height (adjust as needed) */
overflow: hidden;                  /* hide overflow (we'll use arrows to scroll) */
margin: 5px 0;                     /* spacing around the list container */
max-height: 450px;
}
.dashboard-side-sticky-box .company-list {
display: flex;
align-items: center;
padding: 6px 10px;
white-space: nowrap;              /* prevent text wrapping to new lines */
overflow: hidden;                 /* hide overflow text when collapsed/narrow */
text-overflow: ellipsis;          /* show '...' if text is too long to fit */
cursor: pointer;                  /* indicate that items are clickable */
}
.dashboard-side-sticky-box .company-list:hover {
background: #414141;                 /* highlight background on hover */
}
.dashboard-side-sticky-box .prefix-title {
font-weight: 600;
margin-right: 8px;
}
.dashboard-side-sticky-box .main-title {
flex: 1;                         /* allow title to take remaining space */
font-size: 14px;
display: none;                   /* hide main titles by default (collapsed) */
}
.dashboard-side-sticky-box:hover .main-title {
display: inline;                 /* show the full project name when sidebar is expanded :contentReference[oaicite:5]{index=5} */
}
.dashboard-side-sticky-box:hover .prefix-title {
background: #2196F3;            /* accent color (blue in this example) */
color: #fff;
padding: 2px 6px;
border-radius: 4px;
font-size: 13px;
}
.dashboard-side-sticky-box:hover .main-title {
color: #fff;
}
.dashboard-side-sticky-box .company-list-container {
overflow: auto;
background: #333333;
display: flex;
flex-direction: column;
color: white;
text-align: left;
}
.dashboard-side-sticky-box .btn.dashboard-fixed-bottom.company-list-status {
position: absolute;
font-size: 1px;
width: auto;
padding: 10px;
top: -26px;
max-height: 5px;
width: 7px;
right: unset !important;
margin: 0 auto;
bottom: unset !important;
border: none;
}
.page-section-move {
position: absolute;
display: flex;
padding: 0;
margin: 0;
flex-direction: column;
bottom: -85px;
}
.page-section-move button {
padding: 0px;
margin: 0px !important;
font-size: 25px;
margin-bottom: 10px !important;
}
.dashboard-side-sticky-box button.btn.trigger-action, .sidebar-list-option {
margin: 26px 0 !important;
background: #333333;
color: #7a7f87;
font-size: 19px;
padding: 0px;
border-radius: 25px;
}
.show-red-border input {
border-color: red !important;
}
.show-red-border label {
color: red !important;
}
.col.sticker-sheet-container-dupliate {
position: absolute;
top: 0;
outline: 2px solid red;
display: block;
}
.sqr-feet-elem {
position: absolute;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
}
a.btn.view-new-page.proof-vew-n-page.share-proof-link {
z-index: 99999999 !important;
}
.in_production_dev a.proof-section-refresh.btn.btn-sm.btn-neutral.adminmode {
display: none !important;
}
span.dashboard-card-section-prices {
font-size: 12px;
font-weight: bold;
padding: 7px 10px;
background: red;
color: #fff;
border-radius: 25px;
position: relative;
top: -2px;
}
button.btn.admin-credit-add, .credit-amount-save {
background: #f5365d;
color: #fff;
padding: 10px 30px;
}
span.btn.manual-credit-event {
background: #f5365e;
padding: 8px;
border-radius: 25px;
color: #fff;
font-size: 12px;
}
span.tk-site-order-type {
font-size: 12px;
background: orange;
padding: 5px 10px;
border-radius: 20px;
color: #fff;
font-weight: bold;
}
.cardy.card .tk-site-order-type {
right: 25px;
position: absolute;
}
span.quota-today-price {
color: #8967c6;
}
span.quota-inproduction-price {
color: #34d67d;
}
span.quota-completed-price {
color: #ffc108;
}
span.quota-paid-list-main {
position: absolute;
left: 0;
bottom: -5px;
width: 100%;
display: flex;
justify-content: center;
}
.quota-paid-list-main button.btn.paid-list-show-btn {
background: transparent !important;
color: #333 !important;
padding: 3px 10px !important;
border: 1px solid;
font-size: 12px !important;
}
span.quota-divider {
display: none;
}
span.quota-paid-lists {
display: flex;
width: min(540px, calc(100vw - 24px));
flex-direction: column;
position: absolute;
left: 50%;
top: 100%;
transform: translateX(-50%);
justify-content: flex-start;
text-align: left;
background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
padding: 14px;
border: 1px solid #d7e0ec;
box-shadow: 0 20px 38px rgba(37, 55, 82, 0.18);
border-radius: 20px;
gap: 10px;
z-index: 9;
}
.quota-monthly-summary-row {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
width: 100%;
font-size: 10px;
line-height: 1;
margin-top: -1px;
}
.quota-monthly-summary-value {
font-size: 10px;
font-weight: 700;
letter-spacing: 0.02em;
}
.quota-monthly-summary-alert {
color: #cb0302;
font-weight: 900;
}
.quota-monthly-summary-inproduction {
color: #ffc108;
}
.quota-monthly-summary-completed {
color: #34d67d;
}
.quota-paid-lists .quota-paid-list-section {
display: flex;
flex-direction: column;
gap: 8px;
padding: 6px 0 2px;
}
.quota-paid-lists .quota-section-header {
color: #445066;
font-size: 11px;
font-weight: 900;
letter-spacing: 0.08em;
text-transform: uppercase;
padding: 0 2px;
}
.quota-paid-lists .quota-stat-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.quota-paid-lists .quota-paid-list-topbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 2px 2px 6px;
}
.quota-paid-lists .quota-paid-list-title {
color: #47556d;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.quota-paid-lists .reload-quota-data {
margin: 0 !important;
padding: 8px 12px !important;
border-radius: 999px;
border: 1px solid #d3ddea;
background: #fff !important;
color: #30415c !important;
font-size: 11px !important;
font-weight: 800;
box-shadow: none !important;
}
.quota-stat-pill {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
padding: 12px 14px;
border-radius: 16px;
background: #f8fafc;
border: 1px solid #e2e8f0;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}
.quota-stat-grid .quota-stat-pill {
margin: 0 !important;
}
.quota-stat-label {
color: #617086;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.quota-stat-value {
margin-left: auto;
font-size: 15px;
font-weight: 800;
}
.quota-total-pill {
border-color: #d7c6f6;
background: linear-gradient(135deg, #fff7e6 0%, #ffffff 100%);
grid-column: 1 / -1;
}
.quota-total-pill .quota-stat-label,
.quota-total-pill .quota-stat-value {
color: #2d3644;
font-weight: 900;
}
.quota-paid-lists .quota-kickback-actions {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
align-items: center;
margin: 4px 0 0;
width: 100%;
padding: 2px 0 0;
box-sizing: border-box;
}
.quota-paid-lists .quota-shortcut-btn {
margin: 0;
border-radius: 1000px;
color: #fff;
font-weight: 700;
font-size: 10px;
line-height: 1.1;
padding: 8px 6px !important;
min-width: 0;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.quota-paid-lists .quota-shortcut-btn[data-action="red-kickback"] {
background: #d62734;
border: 1px solid #cf0923;
}
.quota-paid-lists .quota-shortcut-btn[data-action="pk-kickback"] {
background: #1363b3;
border: 1px solid #0d4b88;
}
.quota-paid-lists .quota-shortcut-btn[data-action="tk-kickback"] {
background: #4a5664;
border: 1px solid #39424e;
}
.quota-paid-lists .quota-employee-hours {
color: #d62734 !important;
font-weight: 700;
}
@media (max-width: 676px) {
.quota-paid-lists .quota-stat-grid {
grid-template-columns: 1fr;
}
}
span.track-number-request {
position: absolute;
bottom: -1px;
right: 25px;
font-size: 10px;
font-weight: bold;
display: flex;
min-width: 145px;
justify-content: center;
background: red;
color: #fff;
padding: 1px 0px;
border-radius: 10px;
align-items: center;
}
.sticker-customer-prices.profit-text.col-12.p-0 span, .sticker-customer-prices.profit-text.col-12.p-0 {
font-size: 16px;
}
button.btn.toggle-foot-to-inches {
margin-bottom: 20px;
width: 150px;
border-radius: 25px;
}
.piece-margin.mb {
margin-bottom: 20px;
}
span.form-field-divider:before {
content: 'Foot';
position: absolute;
font-size: 8px;
top: 8px;
right: 10px;
transform: rotate(342deg);
font-weight: bold;
}
span.form-field-divider:after {
content: 'Inch';
position: absolute;
font-size: 8px;
bottom: 10px;
font-weight: bold;
transform: rotate(341deg);
right: -25px;
}
span.form-field-divider {
border: 1px solid #429dff;
position: absolute;
bottom: 0px;
left: 50%;
top: -2px;
height: 112%;
z-index: 9;
transform: rotate(20deg);
}
.form-group.field-form-group input {
border: 0px !important;
width: 50px !important;
display: inline-flex;
text-align: center;
padding: 0px !important;
max-height: 96%;
}
.form-group.field-form-group {
border: 3px solid #429dff;
height: 53px;
border-radius: 5px;
}
.sticker-size-list-container .form-group.d-flex.field-form-group {
max-width: 49% !important;
}
span.btn.sticker-calc-add-price {
margin: 0 0 0 auto;
background: #b1b5be;
color: #fff;
font-weight: bold;
padding: 3px 15px;
border-radius: 12px;
}
.sticker-calc-search-container {
position: absolute;
top: -115px;
z-index: 1;
}
button.btn.update-price-for-sticker-sheet {
width: 200px;
color: #fff;
background: #009688;
}
.sticker-cal-seach-list {
background: #fff;
border: 2px solid #ddd;
border-top: transparent;
}
.display-price-changes {
background: #9e9e9e36;
font-size: 14px;
padding: 20px;
}
span.foot-short-notification {
position: absolute;
bottom: -20px;
font-size: 12px;
left: 30px;
}
.trigger-show-user-card-dropzone {
color: #fff !important;
padding: 20px;
margin: 20px 0;
background: #222020 !important;
}
#user-card-dropzone-container .dz-default.dz-message:after {
display: none;
}
#user-card-dropzone-container {
margin-bottom: 3rem !important;
}
#user-card-dropzone-container .dropzone {
z-index: 999 !important;
}
.template-preview-formBuilder.d-flex .user-contact-card-desction-list {
display: block !important;
}
.user-contact-card-desction-list {
display: none !important;
}
div.btn.view-proof-highlight {
position: absolute;
left: 130px !important;
background: red;
font-size: 12px;
color: #fff;
right: inherit !important;
bottom: inherit !important;
padding: 2px 10px;
}
.swal2-popup.swal2-modal.swal2-show.proof-highlighs-swal {
background: #FF9800;
color: #fff !important;
}
.proof-highlighs-swal {
color: #fff !important;
}
span.dashboard-card-section-prices.pk-price-total {
margin-left: 10px;
background: #2096f3;
color: #fff;
}
div[data-contain="material"] span.btn.expencess-move {
display: none !important;
}
div[data-contain="material"] span.btn.expencess-remove {
right: 0px !important;
}
div[data-contain="material"] .expencess-list.position-relative:hover span.expences-label {
margin-right: 50px !important;
}
span.btn.trigger-proof-play {
width: 100%;
color: #fff;
background: orange;
margin-left: 10px;
border-radius: 25px;
border: 2px solid #fff;
}
.inch-container input.no-border {
border: 0px !important;
border-color: transparent !important;
box-shadow: none !important;
background: transparent !important;
padding: 0 10px !important;
}
.inch-container.form-group:after {
content: 'Inch';
position: absolute;
bottom: 10px;
right: -4px;
padding: 10px;
color: #333;
visibility: visible;
font-size: 10px;
font-weight: bold;
}
.total-price-per-piece-container:after {
content: 'sdfadsf';
position: absolute;
bottom: 2px;
right: 10;
font-size: 10px;
font-weight: bold;
}
.per-piece-cost-container:after {
content: 'Cost Per Piece';
position: absolute;
bottom: 2px;
right: 10;
font-size: 10px;
font-weight: bold;
}
span.piece-total-price {
position: absolute;
right: 0;
}
.piece-per-sqft-cost-container:after {
content: 'Price Per SQFT';
position: absolute;
bottom: 2px;
right: 10;
font-size: 10px;
font-weight: bold;
}
.top-cost-container.piece-per-sqft-cost-container:after {
content: 'Sqft Per Cost';
bottom: 10px;
}
.top-cost-container-main.piece-per-sqft-cost-container:after {
content: attr(data-total-cost-label);
}
.place-qr-code-main-container {
padding: 10px !important;
width: 70% !important;
}
.place-qr-code-main-container .place-qr-code-container {
display: flex;
justify-content: left;
text-align: justify;
margin: 0;
}
.row.col-lg-12.place-qr-code-container * {
text-wrap: auto;
text-align: justify;
}
.proof-qr-code-view svg {
width: 240px;
}
.proof-qr-code-view {
width: 100%;
text-align: center;
display: flex;
justify-content: center;
}
label[for="proof_tags_text"] input {
background: transparent !important;
border-color: transparent !important;
}
span.in-progress.overwrite {
height: auto;
color: #fff;
background: rgb(33, 150, 243) !important;
position: relative !important;
padding-left: 30px;
}
span.in-progress.overwrite:before {
content: '';
position: absolute;
top: 0;
padding: 12px;
background-image: url(https://redcore.com/core/templates/assets/images/loading-small.png);
left: 2px;
background-repeat: no-repeat;
background-position: center;
}
.project-file-download-container {
position: relative;
left: 0;
text-align: center;
margin-right: 40px;
display: flex;
justify-content: center;
}
.project-file-download-container button {
background: #30ce8a;
color: #fff;
border-radius: 25px;
border: 4px solid #fff;
display: flex;
justify-content: center;
align-items: center;
}
.project-file-download-container button i {
margin-right: 10px;
font-size: 20px;
}
button.close.remove-all-notification {
background: red !important;
color: #fff !important;
opacity: 1;
}
.form-group.proof-highlight-main-lists p {
text-align: justify;
font-size: 12px;
border: 1px solid #32325d1a;
padding: 5px 10px;
font-weight: bold;
cursor: pointer;
box-shadow: 0 7px 14px #32325d1a, 0 3px 6px rgba(0, 0, 0, .08);
}
.form-group.proof-highlight-main-lists {
max-height: 210px;
overflow-y: auto;
}
span.btn.show-previous-highlights {
position: absolute;
right: 10px;
top: -12px;
background: #2196F3;
color: #fff;
font-size: 10px;
font-weight: bold;
padding: 5px 10px;
border-radius: 25px;
}
.col-lg-4.invoice-fee-section label {
color: #f5365d;
}
.project-highlight-container * {
color: #fff;
}
.project-highlight-container {
text-align: center;
margin: 15px 0;
font-weight: bold;
background: #2dce8a;
padding: 15px;
margin-left: -8px;
width: 100%;
color: #fff;
}
button.btn.proof-invoice-lock-action {
width: 100%;
margin-left: 10px;
border-radius: 25px;
background: #11cdef;
color: #fff;
border: 2px solid #fff;
}
span.btn.swap-wh-val {
position: absolute;
left: 43.5%;
top: 38%;
margin: 0px;
cursor: pointer !important;
padding: 0px !important;
z-index: 99;
}
span.btn.swap-wh-val i {
left: 0px;
top: 0px;
right: inherit !important;
}
.form-space-between.position-relative.swap-main-container span.btn.swap-wh-val {
bottom: -25px !important;
top: inherit !important;
}
input[autocomplete="one-time-code"], input[autocomplete="one-time-code"]:focus {
--otp-digits: 6;
--otp-ls: 2ch;
--otp-gap: 1.25;
--_otp-bgsz: calc(var(--otp-ls) + 1ch);
--_otp-digit: 0;
all: unset;
background: linear-gradient(90deg,  var(--otp-bg, #BBB) calc(var(--otp-gap) * var(--otp-ls)), transparent 0), linear-gradient(90deg,  var(--otp-bg, #EEE) calc(var(--otp-gap) * var(--otp-ls)), transparent 0 );
background-position: calc(var(--_otp-digit) * var(--_otp-bgsz)) 0, 0 0;
background-repeat: no-repeat, repeat-x;
background-size: var(--_otp-bgsz) 100%;
caret-color: var(--otp-cc, #222);
caret-shape: block;
clip-path: inset(0% calc(var(--otp-ls) / 2) 0% 0%);
font-family: ui-monospace, monospace;
font-size: var(--otp-fz, 1.5em);
inline-size: calc(var(--otp-digits) * var(--_otp-bgsz));
letter-spacing: var(--otp-ls);
padding-block: var(--otp-pb, 1ch);
padding-inline-start: calc(((var(--otp-ls) - 1ch) / 2) * var(--otp-gap));
color: #333;
}
.dataTables_wrapper td.loop-rate {
position: relative;
}
.price-suggestion-lists span:hover,
.price-suggestion-lists .invoice-recent-rate-option:hover {
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.price-suggestion-lists {
position: absolute;
top: 75px;
background: #fff;
display: flex;
flex-direction: column;
width: 108px;
z-index: 9;
max-height: 122px;
overflow-y: auto;
border: 1px solid #ddd !important;
}
.price-suggestion-lists span {
cursor: pointer;
font-weight: bold;
margin-bottom: 3px;
width: 100%;
padding: 5px;
border-bottom: 1px solid;
}
.price-suggestion-lists.no-border {
border: 0px solid !important;
}
.price-suggestion-lists.invoice-recent-rate-lists {
width: 285px;
max-height: 300px;
border-radius: 12px;
box-shadow: 0 18px 36px rgba(15, 23, 42, 0.18);
overflow: auto;
}
.price-suggestion-lists.invoice-recent-rate-lists span,
.price-suggestion-lists.invoice-recent-rate-lists span:hover {
box-shadow: none;
cursor: inherit;
font-weight: inherit;
margin-bottom: 0;
width: auto;
padding: 0;
border-bottom: 0;
}
.invoice-rate-action-row {
display: inline-flex;
align-items: center;
gap: 5px;
margin-top: 6px;
}
.invoice-rate-action-row button.btn {
margin-top: 0 !important;
}
.price-suggestion-lists .invoice-recent-rate-heading {
padding: 8px 10px;
color: #344054;
font-size: 11px;
font-weight: 800;
border-bottom: 1px solid #eaecf0;
background: #f8fafc;
}
.price-suggestion-lists .invoice-recent-rate-heading-company {
background: #fff7ed;
color: #9a3412;
}
.price-suggestion-lists .invoice-recent-rate-empty {
padding: 10px;
color: #667085;
font-size: 12px;
font-weight: 700;
}
.price-suggestion-lists .invoice-recent-rate-option {
appearance: none;
border: 0;
border-bottom: 1px solid #edf0f4;
background: #fff;
cursor: pointer;
display: flex;
align-items: flex-start;
gap: 8px;
padding: 8px 10px;
text-align: left;
width: 100%;
}
.price-suggestion-lists .invoice-recent-rate-amount {
color: #ce313c;
flex: 0 0 64px;
font-weight: 900;
}
.price-suggestion-lists .invoice-recent-rate-meta {
color: #475467;
display: flex;
flex: 1 1 auto;
flex-direction: column;
font-size: 11px;
font-weight: 700;
gap: 2px;
line-height: 1.25;
min-width: 0;
}
.price-suggestion-lists .invoice-recent-rate-company {
color: #101828;
font-size: 11px;
font-weight: 900;
}
.price-suggestion-lists .invoice-recent-rate-project {
color: #344054;
font-size: 11px;
font-weight: 800;
}
.price-suggestion-lists .invoice-recent-rate-detail {
color: #667085;
font-size: 10px;
font-weight: 700;
}
button.btn.trigger-time-off-request {
margin: 0 42px 0 auto;
text-transform: uppercase;
font-size: 12px;
}
div.time-off-container {
position: absolute;
top: 110px;
width: 100%;
display: flex;
z-index: 999;
align-items: baseline;
}
.time-off-text {
width: 100%;
background: #ff0200;
margin: 5px 15px;
padding: 10px;
font-weight: bold;
color: #fff;
}
.time-off-text-container {
flex: 70% 0 0;
max-height: 120px !important;
overflow: auto;
}
span.requested-time-off-count {
position: absolute;
top: 60px;
right: 45px;
font-size: 12px;
font-weight: bold;
}
.direct-admin-file-option.btn:hover {
background: #fff;
}
.direct-admin-file-option.btn {
position: absolute;
bottom: 2px;
right: 42px;
padding: 5px;
margin: 0;
}
button.btn.load-all-user-projects {
display: inline-flex;
background: linear-gradient(87deg, #ca1928 0, #2b3783 100%);
color: #fff;
padding: 20px 30px;
}
.col-12.profile-project-list {
min-height: 350px;
display: flex;
justify-content: center;
align-items: center;
}
.profile-project-list.row.profile-project {
justify-content: flex-start;
align-items: flex-start;
padding: 20px 0;
}
.profile-order-history-loading-indicator {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
padding: 8px 0 24px;
color: #667085;
font-size: 13px;
font-weight: 600;
}
.profile-order-history-loading-indicator .profile-order-history-loading-wheel {
width: 34px;
height: 34px;
border-radius: 999px;
border: 3px solid rgba(148, 163, 184, 0.28);
border-top-color: #2f5fb8;
animation: spin 0.8s linear infinite;
}
.card-lis.price-and-status {
justify-content: space-between;
display: flex;
margin: 6px 0;
}
button.btn.profile-to-proof-view {
margin: 0;
}
.card.profile-project-card.col-4 {
padding: 20px 10px;
}
button.btn.proof-status-btn.redcore-card-status {
width: auto !important;
padding: 10px 15px !important;
}
button.btn.profile-to-proof-view {
box-shadow: none;
}
.card.profile-project-card.col-12 {
flex-direction: row;
align-items: center;
justify-content: space-between;
gap: 16px;
padding-right: 16px;
}
.card.profile-project-card.col-12 .profile-project-summary {
display: flex;
align-items: center;
gap: 10px;
flex: 1 1 auto;
min-width: 0;
}
.card.profile-project-card.col-12 .profile-project-title {
flex: 0 1 auto;
min-width: 0;
}
.card.profile-project-card.col-12 .status-txt,
.card.profile-project-card.col-12 .text-price {
margin: 0;
white-space: nowrap;
}
.card.profile-project-card.col-12 .profile-project-actions {
display: inline-flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
margin-left: auto;
flex-wrap: wrap;
}
.card.profile-project-card.col-12 .profile-project-date-label {
color: #6b7280;
font-size: 12px;
font-weight: 600;
white-space: nowrap;
}
.card.profile-project-card.col-12 .profile-project-number-pill {
display: inline-flex;
align-items: center;
min-height: 34px;
padding: 6px 12px;
border-radius: 999px;
border: 1px solid #d7dce5;
background: #f7f8fb;
color: #374151;
font-size: 12px;
font-weight: 700;
white-space: nowrap;
}
.card.profile-project-card.col-12 .profile-project-number-pill.tk-site-po-pill {
background: #eef6ff;
border-color: #c8dcfb;
color: #1d4f91;
}
.card.profile-project-card.col-12 .profile-view-invoice {
min-height: 34px;
padding: 6px 12px;
border-radius: 999px;
border: 1px solid #d6dce8;
background: #fff;
color: #2f5fb8;
font-size: 12px;
font-weight: 700;
text-decoration: none;
display: inline-flex;
align-items: center;
}
.card.profile-project-card.col-12 .profile-view-invoice:hover {
color: #1f4d9f;
text-decoration: none;
}
button.btn.profile-to-proof-view {
box-shadow: none;
}
.btn.file-upload-main-profress-container {
position: fixed;
bottom: 30px;
right: 30px;
z-index: 99999;
background: #fff;
min-width: 280px;
display: flex;
align-items: center;
justify-content: space-between;
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
.btn.file-upload-main-profress-container .progress-circle {
border: 6px solid #d5d4f0;
height: 100px;
width: 100px;
font-size: 20px;
border-radius: 50%;
margin-right: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.btn.file-upload-main-profress-container .progress-text * {
margin: 0px;
}
.product-select-list-container .small-text {
font-size: 10px;
color: #8BC34A;
font-weight: bold;
max-width: 200px !important;
overflow: hidden;
text-overflow: ellipsis;
display: inline-flex;
white-space: nowrap;
}
.btn-show-box-shadow {
transform: translateY(-1px);
box-shadow: 0 7px 14px rgba(50, 50, 93, .1), 0 3px 6px rgba(0, 0, 0, .08);
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.mockup-loader {
border: 4px solid rgba(0, 0, 0, 0.1);
border-top: 4px solid #3498db;
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 1s linear infinite;
margin: 42px;
}
button.btn.add-mockup-file {
margin: 0 0 0 auto;
background: #191444;
color: #fff;
padding: 5px 25px;
}
#mockupModelPopup {
z-index: 99999;
}
#mockupModelPopup .modal-content {
width: 100%;
}
span.pip.img-mockup-thumb:hover span.btn.mockup-download-img {
display: block;
transform: none !important;
}
span.btn.mockup-download-img i {
color: red;
}
span.btn.mockup-download-img {
display: none;
margin: auto;
background: #ddd;
position: absolute;
bottom: 0;
right: 0;
left: 0;
align-items: center;
display: flex;
justify-content: center;
}
#mockupModelPopup {
z-index: 9999;
}
#mockupModelPopup .modal-content {
width: 100%;
}
.mockup-view-container .img-section {
max-width: 300px;
}
span.mockup-common-tag {
font-size: 12px;
padding: 3px 10px;
margin-bottom: 5px;
}
button.btn.btn-set-rate {
padding: 2px 5px !important;
border-radius: 25px;
background: #f294a6 !important;
color: #fff;
font-size: 10px !important;
width: 62px;
}
button.btn.btn-recent-rate {
padding: 2px 6px !important;
border-radius: 25px;
background: #344054 !important;
color: #fff;
font-size: 10px !important;
width: 54px;
}
.proof-project-linked.linked-project-hover .cardy.card {
border: 2px solid red;
}
span.admin-file-title-name {
display: flex;
max-width: 180px !important;
overflow: hidden;
justify-content: flex-end;
}
.form-group.disable-field * {
pointer-events: none;
opacity: .2;
cursor: none;
}
.swal2-container .invoice-rate-modal .swal2-content {
overflow: visible;
}
.swal2-modal.invoice-rate-modal {
width: 560px !important;
max-width: 92vw;
}
.invoice-rate-modal .invoice-price-rate-container {
text-align: left;
}
.invoice-rate-modal .invoice-price-rate-container .form-group label {
font-weight: 700;
color: #2f3f50;
}
.invoice-rate-modal .invoice-model-rate-text {
text-align: center;
font-weight: 700;
font-size: 18px;
color: #0c7a43;
min-height: 27px;
}
.invoice-rate-modal button.btn.invoice-apply-rate {
min-width: 150px;
border-radius: 24px;
background: #0b84d8;
color: #fff;
}
.btn-group.data-tooltip.ready-to-print-with-text .dropdown-menu * {
font-size: 12px;
border-radius: 0px;
border: 0px solid;
}
.btn-group.data-tooltip.ready-to-print-with-text .dropdown-menu {
background: #efefef !important;
right: 0;
left: auto;
}
.btn-group.data-tooltip.ready-to-print-with-text button {
position: initial !important;
font-size: 10px;
}
.btn-group.data-tooltip.ready-to-print-with-text {
position: absolute;
right: 5px;
display: flex;
}
.btn-group.data-tooltip.ready-to-print-with-text .dropdown-menu .dropdown-item.active {
background: #4caf50;
color: #fff;
}
a.btn.search-google {
margin: 0 0 0 auto;
background: #d6080a;
color: #fff;
}
span.btn.proof-repeated-tag {
padding: 2px 10px;
border-radius: 25px;
margin: 5px;
}
span.imageThumbOver {
position: absolute;
background: transparent;
top: 0;
left: 0;
width: 100%;
height: 77%;
z-index: 9999;
}
.proof-admin-task .action-btn-section {
display: flex;
width: 100%;
}
.proof-admin-task .action-btn-section button.btn {
background: #333;
padding: 5px 10px !important;
margin: 5px;
height: auto;
white-space: normal;
font-size: 10px;
}
.show-corner-notification .corner-notifications {
display: block;
}
.corner-notifications {
position: fixed;
bottom: 3px;
right: 3px;
display: none; 
z-index: 8999;
text-align: right;
border-radius: 25px;
}
.btn.btn-close-corner-notification {
position: absolute;
top: 4px;
right: -5px;
padding: 2px 8px;
font-size: 12px;
background: #9c001f;
border-radius: 50px;
}
.corner-notifications .event-container-lists {
margin: 20px;
max-height: 320px;
overflow: auto;
width: 100%;
max-width: 400px;
text-align: left;
}
.corner-notifications span.btn.create-new-products {
display: inline;
border: 1px solid #fff;
margin: 5px 0;
padding: 2px 10px;
}
.corner-notifications .btn.show-container {
padding: 4px 5px;
background: #ebedf1;
border-radius: 39px;
font-size: 13px;
border: 1px solid black;
}
span.requested-time-off-count.working-days-off {
top: 80px;
}
span.requested-time-off-count.working-days-off-year {
top: 100px;
}
.form-group.proof-image-thumb {
max-width: 50px;
margin: 0px 10px 0 0;
padding: 5px;
}
.profile-project-list .form-group.proof-image-thumb {
position: relative;
}
.profile-project-list .form-group.proof-image-thumb img.model-proof-image-val {
width: 40px;
height: 40px;
object-fit: cover;
border-radius: 7px;
cursor: zoom-in;
display: block;
}
#profile-order-history-thumb-preview {
position: fixed;
top: 0;
left: 0;
z-index: 10050;
pointer-events: none;
border-radius: 12px;
overflow: hidden;
border: 1px solid rgba(148, 163, 184, 0.45);
background: #fff;
box-shadow: 0 16px 34px rgba(15, 23, 42, 0.24);
opacity: 0;
transform: scale(0.985);
transition: opacity 140ms ease, transform 140ms ease;
}
#profile-order-history-thumb-preview.is-visible {
opacity: 1;
transform: scale(1);
}
#profile-order-history-thumb-preview img {
display: block;
width: 100%;
max-height: 70vh;
object-fit: contain;
background: #f8fafc;
}
@media (hover: none), (pointer: coarse), (max-width: 991px) {
#profile-order-history-thumb-preview {
display: none !important;
}
.profile-project-list .form-group.proof-image-thumb img.model-proof-image-val {
cursor: default;
}
}
@media (max-width: 991px) {
.card.profile-project-card.col-12 {
align-items: flex-start;
}
.card.profile-project-card.col-12 .profile-project-summary,
.card.profile-project-card.col-12 .profile-project-actions {
width: 100%;
margin-left: 0;
}
.card.profile-project-card.col-12 .profile-project-summary {
flex-wrap: wrap;
}
.card.profile-project-card.col-12 .profile-project-actions {
justify-content: flex-start;
}
}
.ready-to-print-with-text[data-btn-text="Ready For Review_yes"] button i:before {
color: transparent !important;
font-size: 0px ! IMPORTANT;
}
.ready-to-print-with-text[data-btn-text="Ready For Review_yes"] button {
background: #009688;
color: #fff;
}
.ready-to-print-with-text[data-btn-text="High Priority_yes"] button i:before {
font-size: 0px !important;
}
.ready-to-print-with-text[data-btn-text="High Priority_yes"] button {
background: #E91E63;
color: #fff;
}
.ready-to-print-with-text[data-btn-text="Ready to Print_yes"] button i:before {
font-size: 0px !important;
}
.ready-to-print-with-text[data-btn-text="Ready to Print_yes"] button {
background: #03A9F4;
color: #fff;
}
.item-ratings ul.rating i::before {
font-size: 1.5em;
}
.item-ratings ul.rating {
list-style: none;
flex-direction: row;
align-items: center;
font-size: .7em;
padding: 0px;
}
.rating-span {
flex: 0 0 50%;
}
.item-ratings ul.rating i::before {
font-size: 2em;
font-weight: 100;
cursor: pointer;
}
i.fa-star.active:before {
color: #FFC107 !important;
font-weight: 900 !important;
}
.add-card-button-container {
display: flex !important;
flex-direction: column;
}
button.btn.pull-right.add-c-card-button {
background: gray;
color: #fff;
width: 200px;
display: inline;
margin: 0 0 20px auto;
}
span.btn.remove-contact-card {
position: absolute;
top: -15px;
right: -30px;
z-index: 99;
padding: 5 10px;
background: red;
color: #fff;
border-radius: 100px;
}
.d-flex.contact-card-button {
flex-direction: column;
margin-bottom: 10px;
border: 1px solid;
position: relative;
padding: 30px 10px 10px 10px;
}
iframe#editor_render_section {
width: 700px !important;
display: flex;
height: 500px;
background: #fff;
margin-bottom: 30px;
border: 2px solid;
padding-top: 30px;
}
.editor_replace_input_lists {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
span.render-input-fields {
margin-right: 10px;
margin-top: 10px;
}
a.btn.add-simple-company-evt {
margin: 0 0 0 auto;
background: #2370bf;
padding: 5px 20px;
border-radius: 25px;
color: #fff;
font-weight: 600;
line-height: 1.5;
display: inline-block;
padding: .625rem 1.25rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition: color .15s
ease-in-out, background-color .15s
ease-in-out, border-color .15s
ease-in-out, box-shadow .15s
ease-in-out;
text-align: center;
vertical-align: middle;
white-space: nowrap;
border: 1px solid transparent;
border-radius: .25rem;
margin-bottom: 6px;
}
.email-model-layout {
display: grid;
grid-template-columns: 360px 1fr;
gap: 16px;
padding: 16px;
max-width: 1400px;
margin: 0 auto;
}
.email-model-layout .sidebar {
display: flex;
flex-direction: column;
gap: 16px;
}
.email-model-layout .preview-area {
display: flex;
flex-direction: column;
gap: 10px;
}
.email-model-layout .preview-toolbar {
display: flex;
justify-content: space-between;
align-items: center;
background: #f3f5f7;
border: 1px solid #191444;
border-radius: 16px;
padding: 8px 10px;
gap: 8px;
flex-wrap: wrap;
}
.email-model-layout .device-controls {
display: flex;
gap: 8px;
align-items: center;
flex-wrap: wrap;
}
.email-model-layout .device-btn.active {
outline: 2px solid #de0102;
}
.email-model-layout .btn {
background: #2b2f3c !important;
color: #e6ebf3;
border: 1px solid #2b2f3c;
border-radius: 10px;
padding: 8px 12px;
font-size: 12px;
cursor: pointer;
transition: .15s transform ease, .15s background-color ease;
}
.email-model-layout .btn.ghost {
background: transparent;
}
.email-model-layout .email-preview-wrap {
background: #f3f5f7;
border: 1px solid #191444;
border-radius: 16px;
padding: 12px;
display: flex;
justify-content: center;
align-items: center;
min-height: 600px;
}
.email-model-layout #previewFrame {
width: 100%;
height: 80vh;
max-height: 1000px;
border: 0;
border-radius: 12px;
background: white;
}
.email-model-layout .source-wrap.hidden {
display: none;
}
.email-model-layout .source-wrap {
background: #0f1118;
border: 1px solid #191444;
border-radius: 16px;
}
.email-model-layout #sourceArea {
width: 100%;
height: 260px;
background: #0b0c10;
color: #e8ebf0;
border: 0;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;
padding: 12px;
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.email-model-layout #customWidth {
max-width: 120px;
height: 35px;
margin-bottom: 0px;
}
.email-model-layout .field {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 10px;
}
.email-model-layout section.panel {
box-shadow: rgba(50, 50, 93, 0.1) 0px 7px 14px, rgba(0, 0, 0, 0.08) 0px 3px 6px;
background: #f4f5f7;
padding: 10px 20px;
border-radius: 15px;
border: 1px solid #ddd;
}
.email-model-layout dialog#editorDialog {
position: fixed;
max-width: calc(100% - 2em - 6px);
max-height: calc(100% - 2em - 6px);
z-index: 9999;
inset-block-start: 0px;
inset-block-end: 0px;
overflow: auto;
display: block;
margin: auto;
padding: 20px;
}
.email-model-layout input[type="color"] {
height: 38px;
padding: 0px;
width: 50px;
border-radius: 0px;
}
.email-model-layout select, .email-model-layout input, .email-model-layout textarea {
width: 100%;
background: #0f1118;
color: #eaeef5;
border: 1px solid #232634;
border-radius: 10px;
padding: 10px 12px;
font-size: 13px;
outline: none;
}
.email-model-layout .editor {
min-width:min(1200px,96vw);
min-height:min(80vh,900px)
}
.email-model-layout .editor-header {
display:flex;
justify-content:space-between;
align-items:center;
padding:10px 0;
border-bottom:1px solid #1a1c23
}
.email-model-layout .editor-body {
margin-top:10px
}
.email-model-layout #editorTextarea {
width:100%;
height:60vh
}
.email-model-layout .editor-footer {
margin-top:10px;
color: #9aa1ac;
position: inherit;
height: auto;
}
div#adminBudgetModel, div#clientBudgetModel {
--bg:#f8fafc;
--card:#ffffff;
--fg:#0f172a;
--muted:#64748b;
--border:#e2e8f0;
--accent:#7c3aed;      /* violet */
--accent-weak:#ede9fe;
--good:#16a34a;        /* green */
--bad:#dc2626;         /* red */
--ring: rgba(124,58,237,.35);
--shadow: 0 10px 25px rgba(2,6,23,.08), 0 2px 8px rgba(2,6,23,.06);
--pill-sel:#0284c7;      /* sky-700 */
--pill-budget:#7c3aed;   /* violet-600 */
--pill-neutral:#475569;  /* slate-600 */
}
div#adminBudgetModel {
z-index: 9999 !important;
background: #333333c4;
}
div#adminBudgetModel .cards-grid {
display:grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
align-items: stretch;
}
div#adminBudgetModel .card {
background:var(--card);
border:1px solid var(--border);
border-radius:14px;
padding:14px;
display:flex;
flex-direction:column;
justify-content:space-between;
min-height:120px;
box-shadow: var(--shadow);
transition: transform .12s ease, box-shadow .12s ease;
position: relative;
}
div#adminBudgetModel .card:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(2,6,23,.1), 0 3px 10px rgba(2,6,23,.08); }
div#adminBudgetModel .card-header { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
div#adminBudgetModel .avatar {
width:32px; height:32px; border-radius:50%;
display:grid; place-items:center;
font-weight:700; letter-spacing:.3px;
background:var(--accent-weak); color:var(--accent);
border:1px solid #ddd;
}
div#adminBudgetModel .meta { display:flex; flex-direction:column; min-width:0; }
div#adminBudgetModel .project-title { font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
div#adminBudgetModel .user-name { color:var(--muted); font-size:12.5px; }
div#adminBudgetModel .amount-row { display:flex; justify-content:space-between; align-items:baseline; margin-top:10px; }
div#adminBudgetModel .amount { font-weight:800; letter-spacing:.2px; }
div#adminBudgetModel .project-id { color:var(--muted); font-size:12px; }
div#adminBudgetModel .card.selected {
outline:2px solid var(--accent);
box-shadow: 0 0 0 3px var(--ring), var(--shadow);
}
div#adminBudgetModel .card-badge {
position:absolute; top:8px; right:8px;
background: var(--good); color:#fff; border-radius:999px;
padding:4px 10px; font-size:12px; font-weight:800;
box-shadow: 0 6px 16px rgba(2,6,23,.18);
letter-spacing:.2px;
}
div#adminBudgetModel .fab {
position:fixed; right:16px; bottom:calc(16px + env(safe-area-inset-bottom));
width:44px; height:44px; border-radius:50%;
border:none; background:var(--accent); color:#fff; font-weight:800; font-size:18px;
display:grid; place-items:center; cursor:pointer;
box-shadow: 0 10px 30px rgba(124,58,237,.35), 0 4px 14px rgba(124,58,237,.4);
transition: transform .1s ease, box-shadow .2s ease;
z-index:60;
}
div#adminBudgetModel .fab:hover { transform: scale(1.05); box-shadow: 0 12px 34px rgba(124,58,237,.4), 0 6px 18px rgba(124,58,237,.5); }
div#adminBudgetModel .fab:active { transform: scale(.98); }
div#adminBudgetModel .qv-btn {
position:fixed; left:16px; bottom:calc(16px + env(safe-area-inset-bottom));
min-width: 120px; height:40px; border-radius:999px; border:none;
background:#0f172a; color:#fff; padding:0 14px; font-weight:700;
display:flex; align-items:center; gap:8px; cursor:pointer;
box-shadow: 0 8px 24px rgba(2,6,23,.25);
z-index:55;
}
div#adminBudgetModel .qv-btn strong { font-variant-numeric: tabular-nums; }
div#adminBudgetModel .qv-btn:active { transform: translateY(1px); }
div#adminBudgetModel .overlay {
position:fixed; inset:0; background:rgba(2,6,23,.36);
opacity:0; pointer-events:none; transition:opacity .15s ease; z-index:40;
}
div#adminBudgetModel .overlay.show { opacity:1; pointer-events:auto; }
div#adminBudgetModel.modal {
position:fixed; inset:0; display:grid; place-items:center;
pointer-events:none; opacity:0; transition: opacity .15s ease; z-index:45;
}
div#adminBudgetModel.modal.show { opacity:1; pointer-events:auto; }
div#adminBudgetModel .panel {
width:min(860px, 92vw);
max-height:min(80vh, 800px);
background:var(--card); border:1px solid var(--border); border-radius:16px;
box-shadow: 0 24px 60px rgba(2,6,23,.35);
display:flex; flex-direction:column; overflow:hidden;
}
div#adminBudgetModel .panel header {
display:flex; align-items:center; justify-content:space-between;
padding:14px 16px; border-bottom:1px solid var(--border);
background: linear-gradient(180deg, #fafaff, #fff);
position: relative;
}
div#adminBudgetModel .panel h2 { margin:0; font-size:16px; letter-spacing:.2px; }
div#adminBudgetModel .panel .close { position: inherit; border:none; background:transparent; font-size:22px; cursor:pointer; line-height:1; padding:4px 8px; color:var(--muted); }
div#adminBudgetModel .panel .body {
padding: 10px 6px 14px 6px;
overflow:auto;
background: #f9fafb;
}
div#adminBudgetModel .user-list { list-style:none; margin:0; padding: 0 8px 8px;
display: block;
width: 100% !important;
height: auto !important;
}
div#adminBudgetModel .user-item { border:1px solid var(--border); border-radius:12px; margin:8px; overflow:hidden; background:#fff; }
div#adminBudgetModel .user-line {
display:flex; align-items:center; gap:10px; padding:10px 12px; user-select:none; cursor:pointer;
}
div#adminBudgetModel .user-line[tabindex="0"]:focus { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 8px; }
div#adminBudgetModel .user-line .name { font-weight:600; }
div#adminBudgetModel .user-line .count { margin-left:auto; color:var(--muted); font-size:12.5px; }
div#adminBudgetModel .user-line input[type="checkbox"] { width:16px; height:16px; }
div#adminBudgetModel .user-line .chev { width:14px; display:inline-block; transform: rotate(0deg) translateY(-1px); transition: transform .15s ease; color:var(--muted); }
div#adminBudgetModel .user-item.open .chev { transform: rotate(90deg) translateY(-1px); }
div#adminBudgetModel .status-pill {
margin-left:8px; padding:4px 8px; border-radius:999px; font-size:12px; color:#fff; background:var(--pill-neutral);
display:none; font-variant-numeric:tabular-nums;
}
div#adminBudgetModel .user-item.hasSel .status-pill { display:inline-flex; }
div#adminBudgetModel .status-pill.good { background: var(--good); }
div#adminBudgetModel .status-pill.bad { background: var(--bad); }
div#adminBudgetModel .expand {
border-top:1px solid var(--border);
padding: 12px 12px 14px;
display:none;
background: #f8fafc;
}
div#adminBudgetModel .expand.show { display:block; }
div#adminBudgetModel .view-btn {
margin-left: 8px;
border: 1px solid var(--border);
background: #fff;
color: #0f172a;
border-radius: 999px;
padding: 6px 10px;
font-weight: 700;
cursor: pointer;
}
div#adminBudgetModel .view-btn:hover { background: #f1f5f9; }
div#adminBudgetModel .projects-grid {
display:grid; grid-template-columns: 1fr; gap:8px;
}
div#adminBudgetModel .proj {
border:1px solid var(--border); border-radius:10px; padding:8px 10px; display:flex; flex-direction: column; align-items:baseline; gap:8px;
background:#fff;
}
div#adminBudgetModel .proj label { display:flex; align-items:baseline; gap:8px; width:100%; cursor:pointer; }
.proj .pname { font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.proj .pamt { margin-left:auto; color:var(--muted); font-variant-numeric: tabular-nums; }
div#adminBudgetModel .calc {
margin-top:12px; border-top:1px dashed var(--border); padding-top:10px;
display:grid; grid-template-columns: 1fr 1fr; gap:10px 12px;
align-items:end;
}
div#adminBudgetModel .calc .field { display:flex; flex-direction:column; gap:6px; }
div#adminBudgetModel .calc label { font-size:12.5px; color:var(--muted); }
div#adminBudgetModel .calc input[type="number"], .calc input[type="text"] {
width:100%; padding:10px 10px; border-radius:10px; border:1px solid var(--border); outline:none;
font-size:14px; font-variant-numeric: tabular-nums;
}
div#adminBudgetModel .calc input:focus { border-color:var(--accent); box-shadow: 0 0 0 3px var(--ring); }
div#adminBudgetModel .calc input[readonly] {
background: var(--pill-neutral);
color: #fff;
border-color: transparent;
font-weight:700;
}
div#adminBudgetModel .summary {
grid-column: 1 / -1;
display:grid; grid-template-columns: 1fr 1fr 1fr; gap:12px;
padding-top:6px;
}
div#adminBudgetModel .pill {
border:none; border-radius:12px; padding:12px 14px;
display:flex; justify-content:space-between; align-items:baseline;
background: var(--pill-bg, var(--pill-neutral));
color:#fff; font-variant-numeric: tabular-nums;
box-shadow: 0 6px 16px rgba(2,6,23,.12);
}
div#adminBudgetModel .pill .k { opacity:.9; font-size:12.5px; }
div#adminBudgetModel .pill .v { font-weight:800; letter-spacing:.2px; }
div#adminBudgetModel .pill.sel { --pill-bg: var(--pill-sel); }
div#adminBudgetModel .pill.budget { --pill-bg: var(--pill-budget); }
div#adminBudgetModel .pill.diff { --pill-bg: var(--pill-neutral); }
div#adminBudgetModel .pill.diff.good { --pill-bg: var(--good); }
div#adminBudgetModel .pill.diff.bad { --pill-bg: var(--bad); }
div#clientBudgetModel.qv { position:fixed; left:16px; bottom:74px; width:min(420px, 92vw); z-index:9999; }
div#clientBudgetModel .qv-panel {
background:#fff; border:1px solid var(--border); border-radius:16px; overflow:hidden;
box-shadow: 0 20px 50px rgba(2,6,23,.35);
}
div#clientBudgetModel .qv-title { padding:10px 12px 12px; background: var(--good); color:#fff; }
div#clientBudgetModel .qv-title.bad { background: var(--bad); }
div#clientBudgetModel .qv-title .qv-title-row { display:flex; align-items:center; gap:8px; }
div#clientBudgetModel .qv-title .spacer { flex:1; }
div#clientBudgetModel .qv-user { font-size:12.5px; opacity:.95; }
div#clientBudgetModel .qv-budget { font-size:24px; font-weight:800; letter-spacing:.2px; }
div#clientBudgetModel .qv-close { background:rgba(255,255,255,.2); color:#fff; border:none; border-radius:8px; padding:4px 8px; cursor:pointer; }
div#clientBudgetModel .qv-close:hover { background:rgba(255,255,255,.3); }
div#clientBudgetModel .qv-body { max-height: 40vh; overflow:auto; padding:10px 12px; background:#f8fafc; }
div#clientBudgetModel .qv-list { list-style:none; margin:0; padding:0; display:grid; gap:8px; }
div#clientBudgetModel .qv-list li { display:flex; gap:8px; align-items:baseline; background:#fff; border:1px solid var(--border); border-radius:10px; padding:8px 10px; }
div#clientBudgetModel .qv-list .n { font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
div#clientBudgetModel .qv-list .a { margin-left:auto; font-variant-numeric:tabular-nums; color:#0f172a; }
div#clientBudgetModel .qv-footer { display:flex; position: inherit; align-items:center; gap:12px; padding:10px 12px; background:#fff; border-top:1px solid var(--border); }
div#clientBudgetModel .qv-leftover { font-weight:700; font-variant-numeric: tabular-nums; }
div#clientBudgetModel .qv-leftover.good { color: var(--good); }
div#clientBudgetModel .qv-leftover.bad { color: var(--bad); }
div#clientBudgetModel .qv-approve { margin-left:auto; border:none; border-radius:10px; padding:10px 14px; background:#0f172a; color:#fff; font-weight:700; cursor:pointer; }
div#clientBudgetModel .qv-approve.danger { background: var(--bad); }
div#adminBudgetModel .kbd { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; background:#f1f5f9; border:1px solid #e2e8f0; padding:2px 6px; border-radius:6px; font-size:12px; color:#334155; }
@media (max-width: 840px) {
div#adminBudgetModel .summary { grid-template-columns: 1fr; }
div#adminBudgetModel .calc { grid-template-columns: 1fr; }
}
div#adminBudgetModel span.user-list-proof-count {
margin: 0 0 0 auto;
}
div#adminBudgetModel span.btn.user-list-view-action {
border: 1px solid #ddd;
border-radius: 50px;
padding: 5px 15px;
font-size: 12px;
}
div#adminBudgetModel span.user-list-title {
font-size: 14px;
font-weight: bold;
}
button.btn.btn-visible-hide {
visibility: hidden;
}
div#adminBudgetModel .submit-budget-request {
align-items: center;
border: 0;
border-radius: 999px;
box-shadow: 0 12px 24px rgba(37, 99, 235, 0.24);
display: inline-flex;
font-size: 15px;
font-weight: 800;
grid-column: 1 / -1;
justify-content: center;
justify-self: center;
letter-spacing: 0.01em;
margin: 8px auto 0 !important;
min-height: 48px;
min-width: 190px;
padding: 13px 34px;
width: auto !important;
}
.btn.user-project-budget-price {
position: fixed;
z-index: 999999;
background: #333;
bottom: 75;
left: 20px;
color: #fff;
border-radius: 25px;
}
span.btn.btn-budget-approved {
background: #ffc107;
color: #fff;
padding: 2px 15px;
border-radius: 25px;
}
button.qv-reload-btn, button.qv-edit-btn {
background: rgba(255, 255, 255, .2);
color: #fff;
padding: 10px;
border-radius: 25px;
}
button#openPanel {
position: fixed;
background: #7c3aed;
width: 24px;
height: 24px;
color: #fff;
left: 4px;
bottom: 8px;
font-weight: bold;
box-shadow: 0 10px 30px rgba(124, 58, 237, .35), 0 4px 14px rgba(124, 58, 237, .4);
transition: transform .1s ease, box-shadow .2s ease;
z-index: 8989 !important;
}
@media (max-width: 768px) {
button#openPanel,
.open-project-budget-list.fab {
display: none !important;
}
}
span.bg-production_hold {
background: #626a74;
}
span.bg-response_needed {
background: #8967c6;
}
span.bg-received, span.bg-new_project {
background: #70d6a8;
}
span.bg-admin_approved, span.bg-approved {
background: #ffc107;
}
span.bg-unapproved {
background: #e75352;
}
span.budget-project-status {
padding: 0px 2px;
border-radius: 100px;
margin-right: 10px;
}
ul#qvList li:hover span.a {
display: none;
}
ul#qvList li:hover span.btn.project-check-event {
display: inline-flex;
margin: 0 0 0 auto;
}
span.btn.project-check-event {
background: #333;
color: #fff;
padding: 2px 10px;
border-radius: 25px;
font-size: 12px;
display: none;
}
ul#qvList li.no-budget span {
position: relative;
}
ul#qvList li.no-budget span.b:before, ul#qvList li.no-budget span.a:before, li.proof-view-action.no-budget .b span:before {
content: '';
position: absolute;
top: 50%;
border-bottom: 2px solid;
left: 0;
width: 100%;
}
.user-budget-project-list-card {
position: relative;
padding: 10px;
border: 1px solid #7d3aed;
margin-bottom: 20px;
padding-top: 25px;
}
.budget-empty-state {
align-items: center;
background: #f8fafc;
border: 1px dashed #cbd5e1;
border-radius: 14px;
color: #475569;
display: flex;
flex-direction: column;
gap: 6px;
margin: 18px 0 8px;
padding: 22px 18px;
text-align: center;
}
.budget-empty-state strong {
color: #172033;
font-size: 15px;
}
.budget-empty-state span {
font-size: 13px;
line-height: 1.45;
max-width: 420px;
}
.user-request-project {
padding: 10px;
}
span.budget-client-name {
background: #7d3aed;
color: #fff;
padding: 2px 25px;
border-radius: 25px;
font-size: 12px;
position: absolute;
top: -12px;
}
.budget-client-name label {
margin: 0px !important;
}
.user-selection-card {
display: flex;
width: 100%;
align-items: center;
flex-direction: row;
padding: 0px !important;
justify-content: flex-start;
margin: 10px 0 0 0;
}
.user-selection-card label {
align-items: center !important;
justify-content: center;
width: auto !important;
margin-right: 20px;
display: flex;
}
#cancelModal {
--brand: #d02626;            /* Primary red */
--brand-600: #c41f1f;        /* Hover */
--brand-700: #b71c1c;        /* Active */
--brand-100: #fdeaea;        /* Soft red tint */
--brand-075: #fff0f0;        /* Lighter tint for cards */
--brand-050: #fff6f6;        /* Faint tint for surfaces */
--bg: #f7f7f9;
--surface: #ffffff;
--line: #eaecf0;
--text: #0f172a;
--muted: #6b7280;
--radius: 14px;
--radius-lg: 22px;
--shadow-sm: 0 4px 16px rgba(2, 6, 23, .06);
--shadow-md: 0 12px 44px rgba(2, 6, 23, .14);
--ring: 2px solid var(--brand);
--ease: cubic-bezier(.2,.7,.2,1);
}
#cancelModal .actions { margin-top: 20px; display: flex; gap: 12px; flex-wrap: wrap; }
#cancelModal .btn {
appearance: none; border: 0; padding: 11px 16px; border-radius: 12px; font-weight: 700; cursor: pointer;
background: var(--brand); color: #fff; box-shadow: var(--shadow-sm);
transition: transform .08s var(--ease), box-shadow .25s var(--ease), background .15s var(--ease), opacity .2s;
}
#cancelModal .btn:hover { transform: translateY(-1px); background: var(--brand-600); }
#cancelModal .btn:active { transform: translateY(0); background: var(--brand-700); }
#cancelModal .btn:disabled { opacity: .55; cursor: not-allowed; }
#cancelModal .btn.ghost { background: #fff; color: var(--brand); border: 1px solid #ffdede; }
#cancelModal .btn.text { background: transparent; color: var(--muted); box-shadow: none; font-weight: 600; }
#cancelModal .btn.danger { background: var(--brand); }
#cancelModal .btn.ghost.danger-outline { color: var(--brand-700); border-color: #ffd4d4; }
#cancelModal .link { background: none; border: none; padding: 0; color: var(--brand); text-decoration: underline; cursor: pointer; font: inherit; }
#cancelModal .link.danger { color: var(--brand-700); }
#cancelModal.modal {
position: fixed; inset: 0; display: grid; place-items: center;
background: rgba(255,255,255,.75);
backdrop-filter: blur(4px);
padding: 24px; /* more outer padding */
}
#cancelModal.modal.hidden { display: none; }
#cancelModal .modal__panel { width: min(840px, 96vw); max-height: 92vh; overflow: auto;
background: var(--surface); border: 1px solid var(--line); border-radius: 24px; box-shadow: var(--shadow-md); position: relative; }
#cancelModal .modal__body {padding: 43px 48px 41px;} /* more inner padding */
#cancelModal .modal__close {
position: absolute; top: 12px; right: 12px; background: #fff; border: 1px solid var(--line); color: var(--muted);
font-size: 24px; cursor: pointer; width: 36px; height: 36px; border-radius: 8px;
display: grid; place-items: center;
transition: transform .08s var(--ease), box-shadow .25s var(--ease);
}
#cancelModal .modal__close:hover { transform: translateY(-1px); }
#cancelModal .subtle { color: var(--muted); margin-top: -2px; }
#cancelModal .req { color: var(--brand-700); }
#cancelModal .dots { margin: 12px 0 6px; }
#cancelModal .dots ol { list-style: none; display: flex; align-items: center; gap: 10px; padding: 0; margin: 0; }
#cancelModal .dots li {
position: relative;
width: 20px; height: 20px; border-radius: 999px;
display: grid; place-items: center;
background: #f3f4f6; color: #6b7280; border: 1px solid var(--line);
font-size: 11px; font-weight: 700;
}
#cancelModal .dots li.active { background: var(--brand); color: #fff; border-color: var(--brand); }
#cancelModal .dots li.complete { background: #ffe3e3; color: var(--brand-700); border-color: #ffd7d7; }
#cancelModal .dots li + li::before {
content: ""; position: absolute; left: -10px; top: 50%; transform: translateY(-50%);
width: 10px; height: 2px; background: #e5e7eb;
}
#cancelModal .dots li.active + li::before,
#cancelModal .dots li.complete + li::before { background: #ffc8c8; }
#cancelModal .step { margin-top: 16px; }
#cancelModal .step.hidden { display: none; }
#cancelModal .step__title { margin: 6px 0 10px; }
#cancelModal .reason-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
@media (max-width: 760px) { #cancelModal .reason-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
#cancelModal .reason {
background: #fff; border: 1px solid var(--line); border-radius: 14px; padding: 14px; display: flex; gap: 12px; align-items: center; cursor: pointer;
transition: transform .08s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);
will-change: transform;
}
#cancelModal .reason--tinted { background: var(--brand-075); border-color: #ffe1e1; }
#cancelModal .reason:hover { transform: translateY(-1px); border-color: #ffdede; box-shadow: var(--shadow-sm); }
#cancelModal .reason:focus-visible { outline: var(--ring); outline-offset: 2px; }
#cancelModal .reason__icon { color: var(--brand-700); }
#cancelModal .reason__label { font-weight: 700; }
#cancelModal .field {margin: 14px 0;display: grid;gap: 10px;border: none;padding: 15px 0px;border-top: 1px solid #f3f3f3;}
#cancelModal .input-wrap { position: relative; }
#cancelModal .prefix { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--muted); }
#cancelModal .input-wrap input {
width: 100%; padding: 12px 12px 12px 30px; border-radius: 10px; background: #fff; border: 1px solid var(--line); color: var(--text);
transition: border-color .2s var(--ease), box-shadow .2s var(--ease);
}
#cancelModal .input-wrap input:focus-visible, #cancelModal textarea:focus-visible, #cancelModal input[type="date"]:focus-visible, #cancelModal select:focus-visible {
outline: none; border-color: #ffcdcd; box-shadow: 0 0 0 4px #fff3f3;
}
#cancelModal input[type="date"], select {
width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid var(--line); background: #fff;
}
#cancelModal textarea {
width: 100%; border-radius: 10px; background: #fff; border: 1px solid var(--line); color: var(--text); padding: 12px;
transition: border-color .2s var(--ease), box-shadow .2s var(--ease);
}
#cancelModal .chip {
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
border: 2px solid var(--line);
padding: 8px 10px;
border-radius: 999px;
background: #fff;
transition: border-color .2s var(--ease), background .2s var(--ease);
}
#cancelModal p#doneMsg {
text-align: center;
}
#cancelModal .chip input { accent-color: var(--brand); }
#cancelModal .chip:has(input:checked) { border-color: #ffdede; background: var(--brand-050); }
#cancelModal .muted { color: var(--muted); font-size: 14px; }
#cancelModal .callout { background: var(--brand-050); border: 1px solid #ffe3e3; color: #3b0f0f; padding: 10px 12px; border-radius: 12px; }
#cancelModal .callout.strong { font-weight: 800; }
#cancelModal .field__error { color: var(--brand-700); font-size: 13px; min-height: 1.2em; }
#cancelModal .dropzone {
border: 2px dashed #ffd6d6; border-radius: 14px; background: var(--brand-050);
padding: 20px; display: grid; place-items: center; text-align: center;
transition: border-color .2s var(--ease), background .2s var(--ease);
}
#cancelModal .dropzone.dragover { background: #ffecec; border-color: #ffbfbf; }
#cancelModal .dropzone__inner { display: grid; gap: 6px; justify-items: center; }
#cancelModal .dropzone__icon { color: var(--brand-700); }
#cancelModal .dropzone__title { font-weight: 700; }
#cancelModal .dropzone__hint { font-size: 12px; color: var(--muted); margin-top: -2px; }
#cancelModal .done { display: grid; gap: 4px; place-items: center; padding: 8px 0 0; color: var(--brand-700); }
#cancelModal .done__icon { color: #00c148; }
#cancelModal .actions { align-items: center; display: flex; gap: 12px; flex-wrap: wrap; }
#cancelModal .actions.right { justify-content: flex-end; }
#cancelModal .actions.center { justify-content: center; transform: none;}
#cancelModal button:focus-visible, #cancelModal .btn:focus-visible, #cancelModal .link:focus-visible { outline: var(--ring); outline-offset: 2px; border-radius: 10px; }
#cancelModal .visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
}
@media (prefers-reduced-motion: reduce) {
* { transition: none !important; animation: none !important; }
}
span.btn.admin-clock-setting {
position: fixed;
z-index: 999999;
right: 20px;
top: 30%;
background: red;
color: #fff;
border-radius: 25px;
padding: 5px;
font-size: 25px;
}
.admin-clock-setting section.card.section select {
margin-top: 10px;
}
.admin-clock-setting section.card.section {
padding: 10px 20px !important;
z-index: 1;
}
.admin-clock-setting .card-block {
display: flex;
flex-direction: column;
background: #fcfcfc;
padding: 10px;
margin-bottom: 10px;
position: relative;
}
.admin-clock-setting .card-block .btn-close{
background: red;
margin: 10px 0 0 auto;
}
.admin-clock-setting .custom-bubble-list {
display: flex;
margin: 10px 0;
width: 100%;
flex-wrap: wrap;
}
button.btn.remove-card-tag {
background: red;
color: #fff;
padding: 0px 5px;
border-radius: 25px;
font-size: 10px;
margin: 0px 0 0 10px;
}
.admin-clock-setting-tag {
font-size: 10px;
color: #fff;
font-weight: bold;
background: #009688 !important;
padding: 5px 10px;
margin: 10px 0 0 0 !important;
display: flex;
align-items: center;
}
div.admin-clock-setting .row {
margin: 0px !important;
}
button.btn.admin-clock-setting-button.remove-card {
position: absolute;
top: 20px;
right: 20px;
margin: 0 0 0 auto;
background: red;
font-size: 14px;
padding: 5px 10px;
}
.admin-clock-setting-button, .admin-clock-setting-tag {
border: 1px solid #ddd;
border-radius: 25px;
background: #03A9F4;
color: #fff;
cursor: pointer;
margin: 5px 0 0 auto;
}
button.btn.save-admin-settings {
min-width: 200px;
position: absolute;
bottom: -35px;
right: 20px;
}
.swal2-content.admin-clock-setting-model {
padding: 0px;
}
div.admin-clock-setting {
padding: 0px;
min-height: 65vh;
max-height: 65vh;
overflow: auto;
position: relative;
margin-bottom: 40px;
}
.team-user-container .form-group.col-12 {
display: flex;
align-items: center;
margin: 5px 0;
}
.team-user-container span.toggle-text {
font-size: 14px;
}
.team-user-container .custom-toggle {
margin: 0 0 0 auto;
}
.admin-clock-employee-form {
--bg:#0b1220;
--white:#fff;
--glass: rgba(255,255,255,.86);
--line: rgba(0,0,0,.08);
--line2: #e9eef5;
--muted:#6b7280;
--ink:#0f172a;
--blue:#0a84ff;
--green:#22c55e;
--green2:#16a34a;
--red:#ef4444;
--shadow: 0 12px 40px rgba(0,0,0,.22), 0 3px 12px rgba(0,0,0,.18);
--r:18px;
}
.admin-clock-employee-form header.top{
position: sticky; top:0; z-index: 10;
background: rgba(11,18,32,.55);
border-bottom: 1px solid rgba(255,255,255,.08);
backdrop-filter: blur(12px) saturate(160%);
}
.admin-clock-employee-form .top .in{max-width:1100px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px;color:#e5e7eb}
.admin-clock-employee-form .logo{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#0a84ff,#03e2f4);display:grid;place-items:center;color:#fff;font-weight:800;box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}
.admin-clock-employee-form .top .title{font-weight:800;letter-spacing:.2px}
.admin-clock-employee-form .btn{
appearance:none;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);
color:#e5e7eb;border-radius:12px;padding:8px 12px;font-weight:700;cursor:pointer
}
.admin-clock-employee-form .btn.primary{background:linear-gradient(180deg,#0a84ff,#0a74ff);border-color:transparent;color:#fff;position: fixed;bottom: 21px;margin: auto;z-index: 1}
.admin-clock-employee-form .btn:disabled{opacity:.6;cursor:not-allowed}
.admin-clock-employee-form.modal{position:fixed;inset:0;z-index:40;display:block;z-index: 999999;}
.admin-clock-employee-form .backdrop{position:absolute;inset:0;background:
radial-gradient(1000px 600px at 10% -10%, rgba(10,132,255,.18), transparent),
radial-gradient(1000px 600px at 90% 0%, rgba(52,199,89,.18), transparent),
rgba(2,6,23,.65);backdrop-filter: blur(10px)}
.admin-clock-employee-form .dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
width:min(1040px,92vw);height:min(90vh,900px);
z-index: 9999;
background:var(--glass);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}
.admin-clock-employee-form .dialog header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,255,255,.45));border-bottom:1px solid var(--line)}
.admin-clock-employee-form .hlogo{width:47px;height:46px;border-radius:10px;background:linear-gradient(135deg,#0a84ff,#03e2f4);display:grid;place-items:center;color:#fff;font-weight:800}
.admin-clock-employee-form .grow{flex:1}
.admin-clock-employee-form .iconbtn{border:none;background:transparent;cursor:pointer;border-radius:10px;padding:6px}
.admin-clock-employee-form .iconbtn:after{content:"✕";font-size:16px;color:#111}
.admin-clock-employee-form .content{display:grid;grid-template-rows:auto 1fr auto;height:calc(100% - 48px)}
.admin-clock-employee-form .prog{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:transparent}
.admin-clock-employee-form .back{ position: inherit !important; width: auto !important; appearance:none;border:1px solid var(--line2);background:#f5f7fb;border-radius:10px;padding:8px 10px;font-weight:700;cursor:pointer}
.admin-clock-employee-form .pbar{flex:1;height:8px;border-radius:999px;background:#e9eef5;overflow:hidden;position:relative}
.admin-clock-employee-form .fill{position:absolute;inset:0;width:0;background:linear-gradient(90deg,#0a84ff,#03e2f4);transition:width .3s}
.admin-clock-employee-form .stepchip{border:1px solid var(--line2);border-radius:999px;padding:6px 10px;background:#f3f4f6;font-size:12px}
.admin-clock-employee-form .stage{padding:14px;height:100%;overflow:auto;display:none}
.admin-clock-employee-form .stage.active{display:block;animation:fade .25s ease}@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.admin-clock-employee-form .card{background:#fff;border:1px solid #eef0f3;border-radius:16px;box-shadow:0 6px 30px rgba(0,0,0,.06)}
.admin-clock-employee-form .section{padding:33px; z-index: 1;}
.admin-clock-employee-form .grid{display:grid;gap:10px}
.admin-clock-employee-form .cols-2{grid-template-columns:repeat(2,1fr)}
.admin-clock-employee-form label{font-weight:700;font-size:15px}
.admin-clock-employee-form input[type="text"], .admin-clock-employee-form input[type="time"],.admin-clock-employee-form input[type="date"],.admin-clock-employee-form textarea,.admin-clock-employee-form select{width:100%;padding:12px;border:1px solid #e7e9ee;border-radius:12px;background:#fbfbfe;outline:none}
.admin-clock-employee-form textarea{min-height:88px;resize:vertical}
.admin-clock-employee-form input:focus,.admin-clock-employee-form textarea:focus,.admin-clock-employee-form select:focus{border-color:#0a84ff;box-shadow:0 0 0 4px rgba(10,132,255,.15);background:#fff}
.admin-clock-employee-form .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.admin-clock-employee-form .end{justify-content:flex-end}
.admin-clock-employee-form .footer{display:flex;gap:10px;align-items:center;justify-content:center;padding:16px 14px;border-top:none;background:transparent}
.admin-clock-employee-form .nextBig{font-size:16px;padding:14px 22px;border-radius:999px;min-width:200px}
.admin-clock-employee-form .goalrow{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:start;
border:1px solid #edf0f4;border-radius:12px;padding:10px;background:#f9fafc}
.admin-clock-employee-form .goalrow.completed{border:3px solid var(--green2)}
.admin-clock-employee-form .toggle{min-height: auto !important;display:inline-flex;gap:6px;align-items:center;padding:6px 10px;border:1px solid #e2e8f0;border-radius:999px;background:#f1f5f9;font-size:12px;cursor:pointer;user-select:none}
.admin-clock-employee-form .toggle.on{background:#e6f5ec;border-color:#c9eed7;color:#0f5132}
.admin-clock-employee-form .notearea{display:none;margin-top:6px}
.admin-clock-employee-form .notearea.show{display:block}
.admin-clock-employee-form .addgoal{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:27px}
.admin-clock-employee-form .addgoal .btnadd{background:linear-gradient(180deg,#0a84ff,#0a74ff);border-color:transparent;color:#fff;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer}
.admin-clock-employee-form .celebrate{margin:6px 0;padding:10px 12px;border-radius:12px;background:#ecfdf5;border:1px solid #bbf7d0;color:#065f46;font-weight:700}
.admin-clock-employee-form .tnote{min-height:72px}
.admin-clock-employee-form .checkrow{display:flex;gap:10px;align-items:flex-start;border:1px solid #edf0f4;border-radius:12px;padding:10px;background:#f9fafc;cursor:pointer}
.admin-clock-employee-form .checkrow.done{border:3px solid var(--green2)}
.admin-clock-employee-form .qcComments{margin-top:8px}
.admin-clock-employee-form .qblock{border:2px solid #006dff;border-radius:12px;padding:10px;background:#fafcff;margin-bottom: 10px;max-width: 434px;}
.admin-clock-employee-form .qblock.done{border:3px solid var(--green2)}
.admin-clock-employee-form .chips{display:none;height:40px;align-items:center;margin-top:6px;gap:8px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:2px}
.admin-clock-employee-form .tag{padding:6px 10px;border:1px solid #e1e6ee;border-radius:999px;background:#f1f5f9;font-size:12px;cursor:pointer;display:inline-block}
.admin-clock-employee-form .tag.on{background:#dbeafe;border-color:#93c5fd;color:#1e3a8a}
.admin-clock-employee-form .chart{padding:12px;border:1px solid #e6eaf0;border-radius:16px;background:#f9fafc}
.admin-clock-employee-form canvas{width:100%;height:220px;display:block}
.admin-clock-employee-form .kpis{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.admin-clock-employee-form .kpi{display:flex;gap:6px;align-items:center;border:1px solid #e6eaf0;background:#fff;border-radius:12px;padding:8px 10px}
.admin-clock-employee-form .kpi .label{color:#374151;font-size:12px}
.admin-clock-employee-form .kpi .val{font-weight:800}
.admin-clock-employee-form .kpi .delta{font-weight:700}
.admin-clock-employee-form .kpi .delta.up{color:#16a34a}
.admin-clock-employee-form .kpi .delta.down{color:#dc2626}
.admin-clock-employee-form .kpi.bad .val{color:#ef4444}
.admin-clock-employee-form .approve {
padding: 14px;
border: 1px dashed #b6e3c8;
background: linear-gradient(180deg, #ecfdf5, #f6fffb);
border-radius: 12px;
display: flex;
align-items: center;
gap: 10px;
width: auto;
cursor: pointer;
height: auto;
position: inherit;
margin: 0px;
float: inherit;
font-size: 14px;
right: inherit;
color: #333;
}
.admin-clock-employee-form .bigok{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#34c759,#0a84ff);display:grid;place-items:center;color:#fff;font-size:24px;font-weight:800}
.admin-clock-employee-form .approve .text{font-weight:900;letter-spacing:.2px}
.admin-clock-employee-form .switch{width:52px;height:30px;border-radius:999px;background:#e5e7eb;position:relative}
.admin-clock-employee-form .switch:before{content:"";position:absolute;width:24px;height:24px;background:#fff;border-radius:50%;top:3px;left:3px;box-shadow:0 2px 6px rgba(0,0,0,.15);transition:transform .2s}
.admin-clock-employee-form .switch.on{background:#34c759}
.admin-clock-employee-form .switch.on:before{transform:translateX(22px)}
.admin-clock-employee-form input { height: auto !important; }
.admin-clock-employee-form .row {
margin-left: 0px;
margin-right: 0px;
}
span.btn.admin-clock-setting.report-submit {
right: 82px;
font-size: 14px;
padding: 5px 20px;
top: 30.3%;
background: #4CAF50;
}
.admin-clock-employee-form textarea {
max-width: 422px;
}
span.btn.download-latest-report {
position: absolute;
top: -15;
left: 40%;
background: red;
border-radius: 25px;
padding: 5px 20px;
color: #fff;
}
span.btn.admin-clock-setting.add-schedule {
font-size: 12;
padding: 5px 25px;
top: -40px !important;
left: 45%;
right: inherit !important;
width: auto;
position: absolute !important;
}
.employee-card-list {
border: 1px solid red;
}
.employee-off-text {
margin: 0 0 0 10px;
font-size: 12px;
color: red;
font-weight: bold;
}
.working-day-lists {
display: flex;
position: absolute;
bottom: -25px;
right: 0px;
}
.working-day-lists span.box-container.btn-blue {
background: #2196f3;
}
.working-day-lists span.box-container.btn-green {
background: #4CAF50;
}
.working-day-lists span.box-con tainer.btn-danger {
background: #E91E63;
}
.working-day-lists span.box-container {
padding: 3px;
background: #ff0000;
width: auto !important;
margin: 0px 2px 0 0;
border-radius: 3px;
}
#intercom-reload {
margin-right: 5px;
font-size: 14px;
margin: -2px 5px;
align-items: center;
display: flex;
}
#activitySection {
position: relative;
overflow: visible;
}
.thread-comment-container.my-0 {
top: auto !important;
}
.order-activity-list-align {
padding-bottom: 8px;
}
.client-url-view {
font-weight: bold;
padding: 5px 0;
font-size: 12px;
border-bottom: 1px solid #ddd;
color: #03A9F4;
}
.welcome-box {
background: #f7f7f7;
border: 1px solid #e3e6ec;
border-radius: 14px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
padding: 30px 40px;
margin: 31px 15px;
min-width: 100%;
text-align: left;
animation: fadeIn 0.5s ease;
}
.welcome-header h2 {
color: #1a1a1a;
font-weight: 700;
margin-bottom: 8px;
font-size: 22px;
}
.welcome-header p {
color: #555;
font-size: 15px;
}
.welcome-steps {
margin-top: 24px;
background: #f5f5f5;
padding: 12px 31px 20px;
border-radius: 18px;
}
.welcome-steps .step {
margin-bottom: 18px;
padding-left: 10px;
border-left: 3px solid #F44336;
}
.welcome-steps h4 {
color: #cb0302;
font-size: 16px;
font-weight: 600;
margin-bottom: 6px;
}
.welcome-steps p {
color: #333;
line-height: 1.5;
font-size: 14px;
}
.welcome-footer {
display: flex;
gap: 10px;
margin-top: 28px;
}
.welcome-footer .btn-primary {
background: #d62734;
border: none;
color: #fff;
padding: 10px 18px;
border-radius: 48px;
cursor: pointer;
font-weight: 600;
}
.welcome-footer .btn-secondary {
background: #f5f7fa;
border: 1px solid #d6dbe2;
color: #333;
padding: 10px 18px;
border-radius: 48px;
cursor: pointer;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.dashboard-side-sticky-box::before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;
border-radius: 3px 0 0 3px;
}
.dashboard-side-sticky-box::-webkit-scrollbar {
width: 6px;
}
.dashboard-side-sticky-box::-webkit-scrollbar-track {
background: #f5f5f5;
border-radius: 8px;
}
.dashboard-side-sticky-box::-webkit-scrollbar-thumb {
background-color: #bcbcbc;
border-radius: 8px;
}
.dashboard-side-sticky-box h4 {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
color: #1e1e1e;
margin: 0 0 10px 0;
border-bottom: 1px solid #eee;
padding-bottom: 4px;
}
.dashboard-side-sticky-box ul,
.dashboard-side-sticky-box ol {
list-style: none;
margin: 0;
padding: 0;
}
.dashboard-side-sticky-box li,
.dashboard-side-sticky-box a {
display: flex;
align-items: center;
justify-content: space-between;
text-decoration: none;
color: #333;
padding: 6px 0;
border-bottom: 1px solid #f1f1f1;
font-size: 13px;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: background 0.15s ease, color 0.15s ease;
}
.dashboard-side-sticky-box li:last-child,
.dashboard-side-sticky-box a:last-child {
border-bottom: none;
}
.dashboard-side-sticky-box li:hover,
.dashboard-side-sticky-box a:hover {
background: #f9fbff;
color: #0078d7;
}
.dashboard-side-sticky-box span.short-name {
background: #f3f4f6;
color: #222;
font-weight: 600;
padding: 4px 8px;
border-radius: 6px;
display: inline-block;
transition: all 0.15s ease;
}
.dashboard-side-sticky-box span.short-name:hover {
background: #e7f0ff;
color: #0066cc;
}
@media (max-width: 991px) {
.dashboard-side-sticky-box {
right: 10px;
bottom: 20px;
top: auto;
transform: none;
width: 180px;
max-height: 300px;
}
}
.paper-content ol, ul {
text-indent: 2px;
padding-left: 20px;
margin: 16px 0px;
}
.admin-files-upload:hover:after {
border: 2px dotted #d3d3d3;
content: ' DRAG & DROP FILES';
border-radius: 7px;
padding: 5px 7px;
background: #c00c0c;
margin: 8px;
}
.payment-paid .order-history-content {
border: 2px solid #f5f5f5 !important;
border-radius: 9px;
border: 2px solid #0ec25d !important;
}
.product-image-type-caption {
top: 78% !important;
}
span.btn.btn-budget-approved.ml-2 {
margin: 7px 3px;
line-height: 8px;
font-size: 8px;
max-height: 26px;
top: 0px;
position: relative;
border-radius: 40px !important;
border: 2px solid white;
padding: 7px 13px;
text-transform: uppercase;
color: black;
}
.redcore-chat-model .redcore-time {
font-size: 11px;
color: #2f8aff;
margin-top: 4px;
}
.complete-option-article-0-1003-30762 {
position: fixed;
bottom: 166px;
right: 424px;
z-index: 9999;
background: #ff1100;
padding: 0px;
width: 91px;
height: 43px;
border-radius: 9px;
color: white;
}
.order-history-flex-box .h3.text-success {
font-size: 21px;
}
.redcore-panel {
box-shadow: 1px 2px 67px #00000094 !important;
}
.subitem-list-container input[type="text"] {
background: white !important;
}
.redcore-chat-model .redcore-tab {
position: relative;
border-radius: 70px;
padding: 8px 12px;
font-weight: 800;
font-size: 12px;
letter-spacing: .02em;
cursor: pointer;
border: 1px solid rgb(145 145 145 / 18%);
color: #808080;
background: #f4f4f4;
}
.btn.user-project-budget-price {
position: fixed;
z-index: 8889 !important;
background: #333;
bottom: 75;
left: 20px;
color: #fff;
border-radius: 25px;
}
#side_nav_sec .project-budget-menu-item {
margin: -2px 0 8px;
padding: 0;
}
#side_nav_sec .project-budget-menu-item .btn.user-project-budget-price {
align-items: center;
background: #333;
border: 0;
border-radius: 22px;
box-shadow: 0 7px 16px rgba(15, 23, 42, 0.14);
color: #fff;
font-size: 12px;
font-weight: 800;
justify-content: center;
left: auto;
line-height: 1;
margin: 4px auto 8px;
max-width: 170px;
min-height: 34px;
padding: 0px 6px;
position: static !important;
text-align: center;
width: auto;
z-index: auto !important;
border: 2px solid #d6dee7;
background-color: #eef2f7;
color: #536076;
}
#side_nav_sec .project-budget-menu-item .btn.user-project-budget-price:not(.hide) {
display: flex !important;
}
#side_nav_sec .project-budget-menu-item .btn.user-project-budget-price.hide {
display: none !important;
}
#side_nav_sec .project-budget-menu-item .btn.user-project-budget-price:hover,
#side_nav_sec .project-budget-menu-item .btn.user-project-budget-price:focus {
background: #222;
box-shadow: 0 12px 26px rgba(15, 23, 42, 0.2);
color: #fff;
}
.reminder-deadline {
font-size: 12px;
font-weight: bold;
padding-top: 9px;
border-top: 1px solid white;
}
.reminder-text-card {
font-size: 16px;
width: 70%;
white-space: pre-line;
padding-bottom: 9px;
}
.card.placeholder-container.notification-banner.p-3.reminder-card.show-red-border {
border: 3px solid red !important;
background: #b50000;
color: white;
font-weight: 900;
}
span.btn.admin-clock-setting.add-schedule {
font-size: 12;
padding: 8px 25px;
top: -123px;
left: 2px;
right: inherit !important;
position: relative;
background: #3F51B5;
min-width: 100%;
max-width: 1067px;
margin: -21px;
}
.quick-question a {
color: #e130cd !important;
}
.working-day-lists {
display: flex;
position: relative;
bottom: -8px;
right: -35px;
width: 191px;
}
#cancelModal.modal {
position: fixed;
inset: 0;
display: grid;
place-items: center;
background: rgb(0 0 0 / 75%);
backdrop-filter: blur(4px);
padding: 24px;
}
#redcore-site-company-notification {
margin-top: 15px;
}
input#support-search-input {
padding-left: 56px;
}
span.btn.download-latest-report {
position: absolute;
left: 684px !important;
max-width: 100px;
background: #2196F3;
border-radius: 25px;
padding: 4px 8px;
color: #fff;
font-size: 10px;
right: 25px;
}
.blue{
color: blue;
}
.model-project-list.my-2:before {
counter-increment: section;
content: "" counter(section) ": ";
}
.center-logo-icon img#center-logo-img {
background: gray;
}
.rush-shipping-list.active, .rush-shipping-list.active:hover {
border: 3px solid #2dce89 !important;
}
.approve-shipping-section .no-pad .card {
border-radius: 4px;
background: #ffffff;
}
.rush-shipping-list.active, .rush-shipping-list.active p:after {
content: ' - Selected';
color: gray;
}
.proof-got-expired p {
background: black;
padding: 18px;
border-radius: 7px;
font-weight: 900;
color: white;
}
input#support-search-input {
padding-left: 60px;
}
.proof-got-expired {
position: absolute;
color: red;
text-align: center;
width: 100%;
font-size: 95px;
font-weight: bold;
background: #eee;
opacity: .8;
margin: 10% auto;
top: 148px;
padding: 10%;
z-index: 9999;
}
input.form-control.sticker-additional-price.sticker-size-field {
padding-left: 32px;
}
.sticker-box {
border: 1px solid red;
background: #191444;
position: absolute;
}
.proof-order-history-container .order-history-loadmore button.load-more {
padding: 10px 36px;
position: fixed;
left: 60px;
display: flex;
bottom: 20px;
background: #07ffc0;
color: #000000;
border-radius: 6px;
z-index: 8999;
cursor: pointer;
font-weight: 900;
box-shadow: 0px 3px 5px #a7a7a7;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
span.quota-f-below-zero {
animation: blink 1s infinite;
}
span.dashboard-card-section-prices {
font-size: 10px;
font-weight: bold;
padding: 2px 5px;
background: #ededed;
color: #767676;
border-radius: 25px;
position: relative;
top: -2px;
right: -8px;
}
div.company-sorting-card .cardy.card {
border: 5px solid #0021ff !important;
}
.row.col-lg-12.pk-models-project-lists {
counter-reset: section;
}
.pk-project-list-toolbar {
align-items: center;
border-top: 2px solid #313131;
display: flex;
justify-content: space-between;
margin-top: 12px;
padding-top: 12px !important;
}
.pk-project-list-title {
color: #344054;
font-size: 14px;
font-weight: 900;
letter-spacing: .03em;
text-transform: uppercase;
}
.pk-project-list-count {
background: #eef6ff;
border-radius: 999px;
color: #175cd3;
display: inline-block;
font-size: 11px;
font-weight: 800;
margin-left: 8px;
padding: 4px 9px;
}
button.pk-project-list-expand-toggle {
background: #111827;
border-radius: 999px;
color: #fff;
font-size: 12px;
font-weight: 800;
padding: 7px 16px;
}
.row.col-lg-12.pk-models-project-lists.is-expanded {
max-height: 70vh;
}
.pk-project-list-toolbar + .row.col-lg-12.pk-models-project-lists {
border-top: 0;
margin-top: 0;
}
.model-project-list.my-2 {
border-bottom: 1px solid #dedede;
}
.model-project-list-main {
min-width: 0;
}
.project-approved-date {
color: #667085;
font-size: 12px;
margin-top: 4px;
}
.project-po-number {
background: #fff4e5;
border: 1px solid #fdb022;
border-radius: 999px;
color: #b54708;
display: inline-block;
font-size: 10px;
font-weight: 900;
margin-left: 8px;
padding: 3px 9px;
}
.model-project-price {
align-items: center;
display: flex;
flex: 0 0 auto;
font-weight: 800;
white-space: nowrap;
}
.appr-name-txt {
background: #29b67a;
padding: 16px;
border-radius: 5px;
color: white;
}
#proof-gif {
z-index: 0;
}
label.fb-select-label, label.fb-text-label {
color: #000000;
font-size: 17px;
padding: 15px 3px 0px 3px;
font-weight: 600;
}
.support-center-search-section input[type="text"], select#saved-payment-list {
padding: 5px 68px;
}
select#saved-payment-list {
padding: 5px 9px;
}
@media screen and (max-width: 768px) {
.proof-image-overlay-container, .proof-image-overlay-container .project-image.unselectable {
width: 100% !important;
padding: 9px;
}
.title {
font-size: 20px;
line-height: 29px;
}
.email-content #redcore-proof-company-notification {
padding: 0px;
min-height: 50px;
}
.proof-img-resize-update.view-large-position {
top: 0px !important;
display: none;
}
#full-screen-modal .proof-image-container {
padding-bottom: 0px;
}
#full-screen-modal .proof-image-container {
margin-top: 6px;
}
}
input.aggressive-email-list-all {
width: 100%;
border: 1px solid #e91e63;
padding: 5px 9px;
background: #f0f0f0;
}
input.aggressive-email-list {
width: 100%;
border: 1px solid lightgrey;
padding: 5px 9px;
background: #f0f0f0;
}
.order-history-yearly-sales {
position: absolute;
right: 0px;
margin: -49px 2px;
}
.create-project-second-slide h2.text-white {
color: #03a9f4 !important;
}
h3.order-history-monthly-sales {
position: absolute;
right: 174px;
margin: -48px 0px;
}
.create-project-second-slide img.drop-img {
padding-top: 9%;
}
.upcoming-tour-list {
padding: 28px 45px;
border: 1px solid darkgrey;
border-radius: 10px;
margin-top: 12px;
margin-bottom: 21px;
background: #f5f6f9;
}
.alert-danger {
color: #fff;
border-color: #b51031;
background-color: #9c001f;
}
.form-group.product-select-a-location {
border-bottom: 1px solid #c3c3c3;
margin-bottom: 2px;
padding-bottom: 13px;
}
.titles_list{
line-height: 15px !important;
border-bottom: 1px solid #c3c3c3;
}
p.p1 {
line-height: 6px !important;
color: #1f50dc;
font-style: italic;
}
a.dropdown-item.text-center.text-primary.font-weight-bold.py-3 {
display: none;
}
.proof-grid-column.col-lg-12.col-xl-12 .card-body .badge-pill {
border-radius: 10rem;
padding: 7px 13px;
right: 13px;
position: absolute;
top: 37px;
}
.text-danger.comment-complete-error-message {
background: red;
border-radius: 4px;
color: white !important;
padding: 9px 17px;
}
div#site-top-notification {
background: linear-gradient(87deg, #afb3bc 0, #b3b7c0 100%) !important;
}
#rocket-ship-container .modal-body .row .col-lg-12 .col-lg-3 img {
width: 82px;
}
#rocket-ship-container .modal-body .row .col-lg-12 .col-lg-3 {
width: auto;
margin: auto;
max-width: 109px;
padding: 8px;
}
button#ckeditor-cancel-button {
background: white;
color: black;
padding: 4px 8px;
border-radius: 0px;
margin-left: 0px !important;
}
.notification-alert {
width: auto;
height: auto;
background-color: red;
position: absolute;
top: -8px;
right: 0px;
border-radius: 50%;
padding: 3px 3px;
font-size: 10px;
font-weight: bold;
display: none;
color: white;
border: 1px solid white;
}
.alert.company-top-notification {
background: #db656d !important;
}
.dark-mode div#site-top-notification {
background: linear-gradient(87deg, #1f1d2b 0, #1f1d2b 100%) !important;
}
.dark-mode p.sub-title-pad-dd.text-sm.text-muted.mb-0.text-red {
background: #a50101;
border-radius: 6px;
padding: 1px 8px 6px 12px;
height: 30px;
color: white !important;
position: relative;
top: 12px;
margin-bottom: 25px !important;
width: 203px;
z-index: 0 !important;
}
@media (min-width: 992px){
.idea-board-container > .row .col-lg-6.col-xl-4 {
height: 317px;
}
}
@media (max-width: 500px){
span#ship-center-cheapest-price{
display: none;
}
}
h3.proof-add-by-editor {
z-index: 9999;
background: #3F51B5;
color: white;
padding: 10px 20px;
border-radius: 34px;
cursor: pointer;
box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}
.shipcenter-loader-text{
padding: 13px;
}
.shipcenter-loader-image{
float: right;
}
.request_changes_element span.wit-marg {
width: 33% !important;
}
span.add-proof-image-title {
z-index: 9998;
}
@media screen and (max-width: 1600px) {
.proof-image-overlay-container, .proof-image-overlay-container .project-image.unselectable {
width: 100% !important;
padding: 9px;
}
.dashboard-side-sticky-box{
display: none;
}
}
.sticker-customer-prices.profit-text.col-12.p-0 {
font-size: 22px !important;
color: #4CAF50;
font-weight: bold;
padding: 16px !important;
position: fixed;
bottom: 1px;
width: 100%;
background: #ffffff87;
z-index: 1060;
right: 2px;
text-align: center;
box-shadow: 0px 3px 20px #00000080;
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
}
.sticker-customer-prices {
font-size: 22px;
color: #F44336;
font-weight: bold;
position: fixed;
bottom: 9px;
z-index: 9999;
}
.direct-admin-file-option.btn {
position: relative  !important;
bottom: 2px !important;
right: -7px !important;
padding: 5px;
margin: 0;
}
.disabled-section {
opacity: .7;
pointer-events: none;
}
.sticker-cal-seach-list {
height: auto !important;
overflow-y: auto !important;
}
.bootstrap-tagsinput input[type="text"] {
background: transparent;
border: 0px !important;
}
a.btn.search-google {
margin: 0 0 0 auto;
background: #b0b0b0;
color: #fff;
font-size: 8px;
font-weight: 900;
padding: 7px 7px 5px;
border-radius: 44px;
}
span.admin-file-title-name {
display: contents;
max-width: 138px !important;
overflow: scroll;
justify-content: flex-end;
left: -35px;
position: relative;
}
.launch-pad .create_new_project_action.btn.btn-danger.btn.btn-round-radious {
position: absolute;
right: 0px;
}
#welcomeNotice {
transition: opacity 0.4s ease-in-out;
}
#new-to-redcore {
display: none;
opacity: 0;
transition: opacity .4s ease-in-out;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 9999;
background: #fff;
border-radius: 20px;
box-shadow: 0 10px 50px rgba(0,0,0,.15);
padding: 40px 50px;
width: 90%;
max-width: 600px;
text-align: center;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
color: #333;
}
#new-to-redcore h2 {
margin-bottom: 10px;
color: #3085d6;
font-size: 26px;
}
#new-to-redcore p, #new-to-redcore ol {
font-size: 16px;
color: #555;
line-height: 1.6;
}
#new-to-redcore .welcome-footer button {
background: #3085d6;
color: #fff;
border: none;
border-radius: 8px;
padding: 10px 22px;
margin: 6px;
font-weight: 600;
cursor: pointer;
transition: background .3s ease;
}
#new-to-redcore .welcome-footer button:hover {
background: #c6c6c6;
}
.welcome-box {
text-align: center;
padding: 30px;
color: #333;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.welcome-header h2 {
color: #3085d6;
font-size: 26px;
margin-bottom: 10px;
}
.welcome-steps .step {
margin: 16px 0;
text-align: left;
font-size: 15px;
color: #555;
}
.welcome-footer button {
background: #3085d6;
color: #fff;
border: none;
border-radius: 8px;
padding: 10px 22px;
margin: 6px;
font-weight: 600;
cursor: pointer;
transition: background 0.3s ease;
}
.welcome-footer button:hover {
background: #256bb3;
}
#new-to-redcore {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999999;
background: #fff;
border-radius: 20px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
max-width: 600px;
width: 90%;
padding: 40px;
text-align: center;
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
}
#new-to-redcore,
#new-to-redcore * {
box-sizing: border-box;
}
#new-to-redcore {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 999999;
background: #fff;
border-radius: 20px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
max-width: 600px;
width: 90%;
padding: 40px;
text-align: center;
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
color: #000;
opacity: 1;
}
#new-to-redcore .container-fluid,
#new-to-redcore .main-max-w {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 100%;
height: auto;
opacity: 1 !important;
visibility: visible !important;
}
#new-to-redcore h1,
#new-to-redcore p,
#new-to-redcore button {
opacity: 1 !important;
visibility: visible !important;
color: #000 !important;
}
#new-to-redcore {
animation: fadeInZoom 0.4s ease both;
}
@keyframes fadeInZoom {
from { opacity: 0; transform: translate(-50%, -45%) scale(0.95); }
to   { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
#welcomeNotice {
max-width: 600px;
background: #fff;
border-radius: 18px;
padding: 40px 50px;
box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
font-family: "Inter", sans-serif;
line-height: 1.5;
}
#welcomeNotice h2 {
color: #d72638;
font-weight: 700;
}
#welcomeNotice button {
margin: 8px;
padding: 12px 20px;
border-radius: 26px;
border: none;
cursor: pointer;
}
.btn-primary { background: #d72638; color: #fff; }
.btn-secondary { background: #f0f0f0; color: #000; }
button#support-reply-response-confirm-no {
border: 1px solid #b21d1d;
color: #b21d1d;
border-radius: 44px;
}
button#support-reply-response-confirm-yes {
border-radius: 55px;
color: #007aff;
}
.company-top-notification button.close {
color: white;
background: rgb(255 255 255 / 0%);
padding: 0px 10px 8px 11px;
border-radius: 50px;
position: absolute;
top: 0px;
right: 1px;
font-size: 37px;
}
.support-center-search-section span.close_search_field {
top: 4px;
right: 7px;
cursor: pointer;
}
#home-intercom-accordian-bad .card-header .c__primary:after {
color: #ffffff;
content: 'Reply Immediately';
background: #c23232;
padding: 5px 11px;
border-radius: 33px;
font-size: 10px;
position: absolute;
top: -13px;
right: -7px;
}
.tab-content > .active {
display: block;
height: 100%;
}
.col-md-12.not-available-notification.alert.alert-dismissible.animated.fadeInDown {
height: 0px;
padding: 0px;
margin: 0px;
}
.feedback-response-time {
padding-bottom: 0px !important;
margin-bottom: 0px !important;
height: 0px !important;
padding-top: 0px !important;
}
.welcome-header h2 {
font-size: 37px !important;
}
ul.top-search-autocomplete {
max-width: 1307px;
box-shadow: 0px 5px 10px rgb(0 0 0 / 29%);
}
.header {
padding: 94px 0;
}
.avatar {
margin-top: -7px;
}
#inner-notification-content .alert {
margin-bottom: 0rem;
}
a#article_link_ {
border-radius: 7px;
}
nav#navbar {
max-height: 73px;
}
@media (max-width: 676px) {
button.btn.monthly-quota {
display: none;
}
.ckeditor-wrapper, #suppertCenter-component .ckeditor-wrapper {
width: 100%;
z-index: 9999;
bottom: 0px;
}
.support-messages.addMessageWidth, .messanger-search-user-container.addMessageWidth {
max-width: 467px;
right: 0px;
width: 100%;
min-height: 100vh;
bottom: -28px;
border-radius: 0px;
}
.support-messages-home-header {
background: rgb(245, 245, 247);
padding: 9px 12px;
text-align: center;
margin-top: 1px;
height: 43px;
position: fixed;
top: 0px;
left: 0px;
z-index: 9999;
width: 100%;
}
#support-feedback-panel-content {
margin-bottom: 98px;
margin-top: 17px;
}
#redcore-proof-count-progressbar {
position: relative;
z-index: 9999;
}
}
br[data-timestamp="1"] {
display: none;
}
.redcore-panel .support-article h2 {
color: #a51313;
font-size: 22px;
}
.redcore-attachment-card {
background: rgb(255 255 255 / 42%);
border: 1px solid rgba(255, 255, 255, 0.12);
max-width: 250px !important;
overflow: hidden;
padding: 5px 10px;
border-radius: 12px;
display: flex;
justify-content: center;
}
.redcore-attachment-card .name {
font-size: 12px;
color: #4b4242;
padding: 6px 8px;
max-width: 200px;
text-align: center;
}
button.btn.sidebar-list-option.active {
color: #fff;
}
button.btn.sidebar-list-option {
margin: 5px 0 !important;
}
.apparel-type-section-list {
border: 2px solid #ddd;
margin-bottom: 15px;
padding: 5px 10px;
}
span.item-lists strong {
color: #b3b8bc;
font-size: 14px;
padding-bottom: -10px;
margin: 0px;
line-height: 31px;
position: relative;
}
.fb-text.form-group {
background: #f2f2f2;
padding: 5px 16px 20px 16px;
border-radius: 6px;
}
#comment-area .proof-information-container {
padding: 0px !important;
}
#comment-area .ck.ck-reset.ck-editor.ck-rounded-corners {
width: 100%;
}
#comment-area .comment-wrapper {
padding: 20px 19px 27px !important;
}
#comment-area .proof-information-container .proof-details-top-actions {
display: flex;
justify-content: flex-end;
padding: 8px 12px 0;
}
#comment-area .proof-information-container .proof-details-top-actions .proof-copy-title {
border-radius: 18px;
font-size: 12px;
padding: 6px 12px;
margin: 13px;
position: absolute;
z-index: 8999;
}
button.load-completed-project-lists {
margin: 15px auto;
padding: 10px 20px;
border-radius: 25px;
color: #ffff;
background: #03A9F4;
}
div.workflow-mode-active {
padding: 5px 20px;
margin: 0 auto;
border-radius: 25px;
font-size: 12px;
font-weight: bold;
background: #3F51B5;
color: #fff;
box-shadow: 0 4px 6px rgb(53 53 132), 0 1px 3px rgb(63 81 181);
}
.work-flow-mode-overlay .overlay-title {
color: #9e9da1;
text-align: center;
max-width: 903px;
}
.work-flow-top-section {
display: flex;
justify-content: space-between;
align-items: center;
border: 2px solid #333;
padding: 10px 20px;
}
.work-flow-top-container .workflow-progress-wrap {
width: 100%;
max-width: 320px;
margin: 8px auto 0;
}
.work-flow-top-container .workflow-progress-track {
width: 100%;
height: 10px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.16);
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.work-flow-top-container .workflow-progress-fill {
width: 0%;
height: 100%;
border-radius: 999px;
background: linear-gradient(90deg, #00d4ff 0%, #34d399 100%);
box-shadow: 0 0 10px rgba(52, 211, 153, 0.35);
transition: width .35s ease;
}
.work-flow-top-container .workflow-progress-percent {
margin-top: 6px;
font-size: 11px;
color: #cbd5e1;
text-align: center;
letter-spacing: .02em;
}
button.btn.close-work-flow {
background: #393939;
color: #fff;
border-radius: 50px;
border: 0px solid;
padding: 11px 16px;
}
button.btn.trigger-quick-project, a.btn.trigger-lead-center {
color: #fff;
background: #00BCD4;
border-radius: 25px;
}
button.btn.skip-project, button.my-part-complete-project {
border-radius: 25px;
padding: 5px 20px;
}
.work-flow-center-container.overflow-top {
max-height: 90vh;
justify-content: flex-start !important;
margin: auto 0;
}
.work-flow-center-container {
display: flex;
height: 90vh;
flex-direction: column;
justify-content: center;
align-items: center;
overflow-y: auto;
}
.work-flow-mode-overlay {
display: flex;
justify-content: flex-start;
flex-direction: column;
background: rgb(0 0 0 / 96%);
}
.work-flow-proof-container > div {
width: 100% !important;
max-width: 100%;
}
.workflow-overlay-active .intercom-button, .workflow-overlay-active .support-messages {
z-index: 999999 !important;
}
.workflow-overlay-active #full-screen-modal, 
.workflow-overlay-active .pdf-full-screen-iframe, 
.workflow-overlay-active .pdf-iframe-close-button-container,
.workflow-overlay-active #mockupModelPopup,
.workflow-overlay-active #proofSectionQuoteCenter,
.workflow-overlay-active #automated-comment-container,
.workflow-overlay-active #uploadSvgImageModal,
.workflow-overlay-active #uploadProfileimageModal {
z-index: 9999999;
}
.workflow-overlay-active #mockupModelPopup, 
.workflow-overlay-active #proofSectionQuoteCenter, 
.workflow-overlay-active #automated-comment-container {
margin: 0px !important;
}
.workflow-overlay-active .swal2-container.swal2-shown {
z-index: 9999999 !important;
}
.work-flow-proof-container.mt-4 {
min-width: 500px !important;
max-width: 500px !important;
}
.work-flow-proof-container .card div.tk-site-po-number {
left: 25px !important;
font-size: 12px !important;
padding: 2px 10px !important;
color: #333 !important;
font-weight: bold;
}
.work-flow-proof-container .tk-site-item-status {
right: 25px !important;
font-size: 12px !important;
padding: 2px 10px !important;
color: #333 !important;
font-weight: bold;
left: initial !important;
}
textarea.form-control.submit-skip-project-comment {
background: transparent;
padding: 10px;
height: 120px;
}
.workflow-overlay-active .xdsoft_datetimepicker {
z-index: 99999999;
}
.proof-action-row .proof-action-col {
max-width: 100%;
display: inline-flex;
flex-wrap: wrap;
}
.menu-boxy, #menu-boxy {
background: rgb(255 255 255 / 16%);
padding: 11px;
border-radius: 10px;
margin-bottom: 10px;
width: 100%;
height: max-content;
}
.hidden-card-darker > .row:before {
content: 'HIDDEN';
position: absolute;
margin: -41px auto;
text-align: center;
font-weight: 900;
color: #8c8c8c;
}
.tk-button{
background: #FD532C;
background: linear-gradient(90deg,rgba(253, 83, 44, 1) 0%, rgba(252, 176, 69, 1) 100%);
color: white;
border: 0px;
}
.pk-button{
background: #090979;
background: linear-gradient(90deg,rgba(9, 9, 121, 1) 0%, rgba(0, 212, 255, 1) 71%, rgba(0, 225, 255, 1) 98%);
color: white;
border: 0px;
}
.btn.add-proof-tag-ms {
color: black;
}
button.btn.proof-pdf-invoice-fn, .menu-boxy .btn, .menu-boxy .button {
border-radius: 35px;
}
.total-points.workflow {
font-size: 14px;
color: #333;
}
@media only screen and (max-width: 640px) {
.work-flow-top-section {
flex-wrap: wrap;
gap: 8px;
}
.work-flow-top-container .workflow-progress-wrap {
max-width: 100%;
}
.proof-subItems-width.viewing-first.show .subitem-list-container, .proof-subItems-width.viewing-second.show .subitem-list-container, .proof-subItems-width.viewing-third.show .subitem-list-container{
grid-template-columns: auto !important;
}
.proof-subItems-width.viewing-first.show .subitem-list-container .col-lg-12.inner-subitem-list, .proof-subItems-width.viewing-second.show .subitem-list-container .col-lg-12.inner-subitem-list, .proof-subItems-width.viewing-third.show .subitem-list-container .col-lg-12.inner-subitem-list, .col-lg-12.redcore-flex.hide-pinner-active.row.proof-action-row {
width: 94% !important;
}
.proof-subItems-width.viewing-first.show .subitem-list-container, .proof-subItems-width.viewing-second.show .subitem-list-container, .proof-subItems-width.viewing-thrid.show .subitem-list-container {
position: inherit !important;
}
}
.workflow-relative-projects {
position: absolute;
right: 20;
max-height: 78vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
max-width: 40vw;
overflow-y: auto;
padding-top: 15px;
}
.workflow-relative-projects > div {
max-width: 100% !important;
}
.workflow-relative-projects button.back-related-projects, 
.workflow-relative-projects button.workflow-bring-projects {
padding: 5px 20px;
border-radius: 25px;
}
.workflow-relative-projects button.back-related-projects {
position: sticky;
top: -10;
z-index: 99999;
margin-bottom: 20px;
width: 90%;
}
.work-flow-center-container.workflow-related-project-lists {
align-items: flex-start;
margin-left: 5%;
}
.workflow-relative-projects .proof-subItems-width.viewing-first.show .subitem-list-container, 
.workflow-relative-projects .proof-subItems-width.viewing-second.show .subitem-list-container, 
.workflow-relative-projects .proof-subItems-width.viewing-third.show .subitem-list-container{
grid-template-columns: auto !important;
left: 0px !important;
right: inherit !important;
}
label.memo-credit-price.go-red {
background: red;
color: #fff !important;
min-width: 350px;
text-align: center;
padding: 5px 10px;
margin-bottom: 3px;
}
label.memo-credit-price.go-green {
background: red;
color: #009688 !important;
min-width: 350px;
text-align: center;
padding: 5px 10px;
margin-bottom: 3px;
}
.btn.show-workflow-status {
background: red;
color: #fff;
border-radius: 25px;
min-width: 250px;
margin-bottom: 20px;
}
.work-flow-top-container .trigger-schedule { 
background: #3F51B5;
border-radius: 25px;
color: #fff;
}
.work-flow-top-container .report-submit { 
background: #4CAF50;
border-radius: 25px;
color: #fff;
}
.error-text-small {
font-size: 12px;
}
span.view-next-project {
cursor: pointer;
border-bottom: 1px solid;
}
span.pull-right.admin-task-created-time {
font-size: 10;
}
span.text-smal.info {
display: block;
font-size: 10px;
padding: 10px 0;
}
.full-width {
width: 100% !important;
}
.position-relative.client-project-file, .position-relative.client-project-file-admin {
background: #4CAF50 !important;
color: #ffff !important;
}
.client-project-file button.btn.file-remove, .client-project-file button.btn.file-edit {
display: none !important;
}
span.search-loader {
position: absolute;
top: 35%;
right: 20px;
animation: rotatingLoader 1.7s linear infinite;
}
.input-field-search-container {
position: relative;
}
span.btn.file-label-text {
background: #009688;
color: #fff;
padding: 5px 15px;
font-size: 12px;
border-radius: 25px;
margin: 0 5px 5px 0;
font-weight: bold;
}
button.btn.convert-pdf-proof {
width: 100%;
background: transparent;
padding: 0 !important;
height: 30px !important;
position: relative;
margin: 10px 0 !important;
font-size: 14px;
}
.prev-proof-container {
justify-content: space-between;
display: flex;
align-items: center;
gap: 10px;
}
a.go-to-prev-proof {
padding: 7px 16px;
font-size: 13px;
line-height: 1;
background: #0500ff;
color: #fff !important;
border-radius: 999px;
font-weight: bold;
text-decoration: none !important;
box-shadow: 0 8px 18px rgba(5, 0, 255, 0.18);
white-space: nowrap;
}
a.go-to-prev-proof:hover,
a.go-to-prev-proof:focus {
background: #0800cf;
color: #fff !important;
text-decoration: none !important;
}
a.go-to-prev-proof.prev-proof-not-found {
background: #667085;
box-shadow: none;
}
span.btn-pending {
color: red;
background: #ff000045;
padding: 2px 5px;
font-weight: bold;
}
span.btn-failed {
color: red;
background: #ff000045;
padding: 2px 5px;
font-weight: bold;
}
span.btn-verified {
color: green;
background: #00800033;
padding: 2px 5px;
font-weight: bold;
}
#taxExemption-component .list a {
color: #2a6eb2 !important;
font-weight: bold;
margin-right: 10px;
}
.btn.submit-tax-form { 
background: red;
color: #fff;
border-radius: 25px;
}
.tax-exemption-header {
display: flex;
justify-content: space-between;
align-items: center;
}
button.btn.exemption-file-upload {
background: red;
color: #fff;
padding: 10px;
margin: 0px 10px 0;
}
.tax-exemption-field-list .display-flex.flex-direction-row {
width: 100%;
}
.mobile-view-only { 
display: none;
}
button.btn.tax-exemption-apply.col-lg-12 {
background: #05cff9;
padding: 10px;
color: #fff;
font-weight: bold;
font-size: 25px;
}
.row.tax-exemption-view .item-lists {
flex: 0 0 30%;
display: inline-flex;
flex-direction: column;
margin: 10px 0;
font-size: 14px;
}
.row.tax-exemption-view {
display: flex;
flex-direction: revert;
flex-wrap: wrap;
justify-content: space-around;
text-align: justify;
}
.row.tax-exemption-view .item-lists span {
font-size: 12px;
}
.exemption-file-upload-section.exemption-old-file a {
color: blue;
border: 1px solid #ddd;
border-radius: 15px;
background: #0000ff54;
}
.main.container.tax-exemption-model-swal {
width: 100%;
}
.tax-exemption-field-list .error {
color: #09a8cf;
font-size: 14px;
margin: 10px 0;
font-weight: bold;
}
.project-tk-item-status {
text-align: center;
margin: 20px 0;
}
.div.tk-site-item-status .button {
background: transparent;
}
.div.tk-site-item-status .project-tk-item-status span {
background: #FF5722;
border-radius: 25px;
min-width: 250px;
color: #fff;
}
@media screen and (max-width: 600px) {
.desktop-view-only {
display: none !important;
}
.mobile-view-only { 
display: block !important;
}
.display-flex.mobile-view-only { 
display: flex !important;
}
}
#swal2-content #choose_shipping_address_type_container .dropdown-menu.inner {
padding-bottom: 25px;
}
#swal2-content #choose_shipping_address_type_container button.btn.add-new-address {
width: 100%;
position: absolute;
bottom: 0;
margin: 0;
}
div.install-hours-container:after {
content: 'Hours';
position: absolute;
bottom: 2px;
right: 5px;
height: 12px;
color: #333 !important;
visibility: visible;
font-size: 8px;
}
div.install-hours-container.install-minutes-container:after {
content: 'Minutes' !important;
}
.col-12.pl-0.price-suggestion-text {
padding: 10px;
font-size: 10px;
text-align: center;
}
.reminder-container.admin-assigned-task-lists .task-text {
width: 100% !important;
}
.reminder-container.admin-assigned-task-lists {
max-width: 100%;
top: -10px;
margin-top: 0px;
}
.assigned-list.reminder-container.admin-assigned-task-lists{
display: flex !important;
}
button.btn.edit-proof-list-item {
margin: 0 0 0 auto;
width: 150px;
}
button.btn.proof-item-event-update {
background: #090979;
color: #fff;
}
button.btn.proof-item-event-update.no-action-btn {
background: #2dce89;
}
div.tk-site-item-status span {
background: rgba(236, 237, 241, 0.95);
margin-right: 5px;
padding: 4px 10px !important;
border: 1px solid #ddd;
box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%) !important;
border-radius: 25px;
}
div.tk-site-item-status {
background: transparent;
box-shadow: none !important;
border: 0px !important;
padding: 0px !important;
}
.custom-tool-url-list a {
border-right: 1px solid #ddd;
}
.custom-tool-url-list span {
background: red;
color: #fff;
border-radius: 25px;
padding: 3px 10px;
}
.custom-tool-url-list {
border: 1px solid #ddd;
width: auto;
padding-right: 10px;
justify-content: revert;
}
div.custom-url-section {
background: #dddddd78;
padding: 10px 10px 0 10px;
}
.custom-tool-url-list {
border: 1px solid #ddd;
width: auto;
padding-right: 10px;
justify-content: revert;
margin: 0 5px 5px 0;
}
.custom-tool-url-container {
flex-wrap: wrap;
}
button.btn.add-mass-buttons {
margin-left: 20px;
padding: 5px 20px;
border-radius: 25px;
background: #009688;
color: #fff;
}
span.partial-payment, .partial-payment-balance {
font-size: 10px;
border: 1px solid #ddd;
padding: 3px 10px;
border-radius: 25px;
margin: 0 0 0 10px;
}
.alert.company-top-notification.first.fade.show {
position: relative;
}
span.remove-company-notification, span.remove-product-note-notification {
margin: 0 0 0 auto;
text-align: right;
position: absolute;
right: 10px;
bottom: 10px;
border: 2px solid #fff;
border-radius: 55px;
padding: 5px 10;
}
@media screen and (max-width: 600px) {
li.nav-item.dropdown.pk-status-notification {
display: none !important;
}
.avatar {
font-size: 13px;
color: #8f919d;
margin-top: 4px;
min-width: 47px !important;
height: 47px;
border: 3px solid #ffffff54;
right: 9px;
position: relative;
}
}
button#page-three-button-admin,
button#page-one-button {
letter-spacing: 0;
left: 234px;
position: fixed;
width: 41%;
text-align: center;
bottom: 14px;
right: 7px;
z-index: 9999;
margin: auto;
padding: 19px;
}
button#page-one-button {
background-color: #9f7aea;
font-size: 1.4rem;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
overflow: hidden;
cursor: pointer;
border: none;
color: #fff;
font-weight: 700;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
label.memo-credit-price.go-green {
background: #fff;
color: #12af60 !important;
min-width: 350px;
text-align: left;
padding: 5px 10px;
margin-bottom: 3px;
}
.admin-assign-task.section,
.admin-assigned-task-lists {
display: flex;
justify-content: space-between;
align-items: center;
text-align: justify;
padding: 0;
position: relative;
top: -25px;
z-index: 3;
max-width: 572px;
margin: auto;
}
label.memo-credit-price.go-red {
background: #fff;
color: #ff0000 !important;
min-width: 350px;
text-align: left;
padding: 5px 10px;
margin-bottom: 3px;
}
.bottom-apple-msg {
display: none;
}
.proof-admin-task.task-creator-id-5582 {
background: #3f51b5;
}
.col-lg-4.col-md-4.col-sm-12.px-0.proof-action-col span {
color: #fff;
font-weight: 900;
}
button#show-more-delivered-my_uploads {
background: #673ab7;
border-radius: 1000px;
padding: 5px 23px;
border: 5px solid #7d56c2;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
color: #fff;
font-weight: 800;
margin: auto;
margin-bottom: 54px;
}
.approve-shipping-section {
background: #f6f6f6 !important;
}
.sub-title-pad-dd {
left: -4px;
}
.redcore-chat-model .redcore-launcher .ring {
background: conic-gradient(from 0deg, rgba(255, 255, 255, 0), rgb(79 31 31 / 63%), rgba(255, 255, 255, 0)) !important;
}
.box-container[data-price="0"] {
background: #dcdcdc !important;
}
.comment-wrapper {
padding: 30px 40px 35px;
margin-top: -2px !important;
width: 100vw;
max-width: 467px;
background: #fff;
transition: 0.1s;
border-bottom: 1px solid #cacaca;
}
.redcore-view .support-article {
background: #fff !important;
}
.support-messages .ck.ck-editor {
height: auto !important;
}
.support-messages.smsg-intercom .ck-rounded-corners .ck.ck-editor__main > .ck-editor__editable,
.ck.ck-editor__main > .ck-editor__editable.ck-rounded-corners {
max-height: 370px;
}
.intercom-badge {
background: #424040;
animation: blinker 1.7s linear infinite;
}
.dashboard-side-sticky-box:hover {
width: 250px;
background: #333;
color: #fff;
font-size: 14px;
display: inline;
}
button.btn.proof-complete-all-comment {
background: linear-gradient(45deg, #ff1100, #a51b1c);
border-radius: 25px;
color: #fff;
padding: 6px 14px;
font-size: 10px;
z-index: 9999;
}
img.model-proof-image-val {
border: 1px solid #000;
}
.model-proof-image {
text-align: center;
}
.model-proof-image .model-proof-image-val {
display: inline-block;
max-width: 100%;
height: auto;
}
.model-proof-image .model-proof-image-svg {
width: 100%;
min-height: 80px;
background: #fff;
}
.comment-name {
overflow: visible;
}
.card.placeholder-container.notification-banner.p-3.reminder-card.hide-reminder-list.assigned-list {
background: #ddffdd;
}
a.btn.btn-danger.p-2 {
border-radius: 45px;
color: #fff;
padding: 0 138px;
font-size: 10px;
background: #10ba7c;
border: 5px solid #10ba7c;
}
.bottom-fixed.new-task-creation button.btn.btn-primary.create_new_project_action {
position: relative !important;
top: -88px !important;
width: 300px !important;
min-width: 115px !important;
max-width: 208px !important;
padding: 13px 17px !important;
font-size: 15px !important;
}
.proof-invoice .loop-desc .table-invoice-content-description {
min-height: 40px !important;
max-height: 220px;
border: 1px solid #ced4da !important;
border-radius: 8px !important;
background: #fff !important;
padding: 10px 12px !important;
box-shadow: inset 0 1px 2px rgb(0 0 0 / 6%);
overflow-y: auto;
overflow-x: hidden;
white-space: pre-wrap !important;
overflow-wrap: anywhere;
word-break: break-word;
line-height: 1.35;
display: block;
}
.proof-invoice .loop-desc .table-invoice-content-description * {
max-width: 100% !important;
white-space: inherit !important;
overflow-wrap: anywhere !important;
word-break: break-word !important;
}
.proof-invoice .loop-desc .table-invoice-content-description .invoice-description-text {
display: inline;
color: inherit;
}
.proof-invoice .loop-desc .table-invoice-content-description a {
word-break: break-all !important;
}
.proof-invoice .loop-desc .table-invoice-content-description:focus {
border-color: #5e72e4 !important;
box-shadow: 0 0 0 2px rgb(94 114 228 / 18%) !important;
outline: none;
}
.proof-invoice .loop-desc .invoice-description-editor {
display: block !important;
width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.proof-invoice .loop-desc .invoice-reset-description-style {
margin-top: 5px !important;
padding: 3px 9px !important;
font-size: 10px !important;
border-radius: 999px !important;
}
#current_clients #client_list_option_online:after {
display: none !important;
content: '' !important;
}
#client_list_option_online {
bottom: 3px;
border-radius: 22px;
margin: 23px -2px;
left: 10;
list-style: none;
z-index: 0;
bottom: 0;
width: 100px;
position: relative;
}
#current_clients {
background: #fff !important;
}
.single-proof-view #current_clients {
background: #fff !important;
}
button.btn.quota-shortcut-btn.grid-switch-btn {
min-width: 1px !important;
}
.start_new_button_container .proof-sidenav-kickback-btn {
display: block;
margin: 12px 39px 11px;
border-radius: 1000px;
border: 2px solid #0d4b88;
background: #1363b3;
color: #fff;
font-weight: 700;
font-size: 12px;
padding: 8px 12px !important;
text-align: center;
width: 133px;
}
button.btn.btn-launch-pad-tag-search[data-tag-key="admin_task_cards"] span {
padding: 2px 5px;
font-size: 8px;
background: #050505;
color: #333;
border-radius: 25px;
margin-left: 10px;
}
.proof-invoice .loop-action .invoice-label-check {
margin-right: 7px !important;
}
span.btn.btn-success.btn-primary.order-history-pay-invoice,
button.btn.btn-success.btn-primary.order-history-pay-invoice {
width: 106px;
padding: 5px !important;
background: #10ce86;
margin: 9px 10px !important;
position: relative;
top: -1px;
}
label.btn.bg-danger.text-white {
padding: 6px 9px !important;
}
.proof-invoice .table-invoice-content-description .d-text {
display: block;
width: 100%;
max-width: 100%;
white-space: pre-wrap;
overflow-wrap: anywhere;
word-break: break-word;
}
.proof-invoice .col-lg-3.col-md-6.proof-invoice-summary-field {
padding: 33px 0 53px !important;
}
div.proof-invoice {
padding: 0 3% 80px !important;
width: 94% !important;
margin: 31px auto 93px !important;
border-radius: 11px !important;
background-color: #fafafa !important;
}
.proof-invoice .proof-invoice-lines-table tbody tr:nth-child(even) {
background: #e6e6e6 !important;
}
.proof-invoice .proof-invoice-contact-row {
margin-top: 0 !important;
margin-bottom: 0 !important;
margin: 0 !important;
padding: 23px 0 25px !important;
border: 0 !important;
border-radius: 0 !important;
}
.proof-invoice .table-responsive.pb-4[class*="tableSection_"] {
padding-top: 34px !important;
}
.proof-invoice .col-lg-3.col-md-6.proof-invoice-summary-field {
padding: 0 0 27px !important;
}
.proof-invoice .form-control {
border: 2px solid #bec0c3;
}
.proof-invoice .form-control,
.proof-invoice .bootstrap-select > .dropdown-toggle {
border-radius: 10px !important;
border-color: #d5dee8 !important;
min-height: 31px;
background: #fff;
}
.invoice-btn-morgin {
margin: 3px 0 !important;
}
.proof-invoice .invoice-quick-select-grid {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
gap: 10px;
align-items: stretch;
margin: 0 !important;
padding: 0 !important;
}
.proof-invoice .invoice-quick-select-grid > [class*="col-"] {
width: auto !important;
max-width: none !important;
flex: 0 0 auto !important;
padding: 0 !important;
margin: 0 !important;
}
.proof-invoice .invoice-quick-select-grid .invoice-btn-morgin {
width: 100%;
min-height: 24px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px !important;
padding: 0px 4px !important;
margin: 0 !important;
line-height: 1.1;
font-weight: 700;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.proof-invoice button[id^="proof_is_locked_"] {
border-radius: 10px !important;
font-weight: 700;
color: #fff;
border-color: transparent !important;
}
.proof-invoice button[id^="proof_is_locked_"].is-locked,
.proof-invoice button[id^="proof_is_locked_"][data-is_locked="1"] {
background: #c5c5c5 !important;
color: #2f2f2f !important;
}
.proof-invoice button[id^="proof_is_locked_"].is-unlocked,
.proof-invoice button[id^="proof_is_locked_"][data-is_locked="0"] {
background: #14a44d !important;
color: #fff !important;
}
.proof-invoice td.loop-action span.invoice-check-box-container,
.proof-invoice td.loop-action span.invoice-price-lock-check-box-container,
.proof-invoice td.loop-action span.invoice-price-send-invoice-expired-and-keep-container,
.proof-invoice td.loop-action span.invoice-price-item-hidden-container,
.proof-invoice td.loop-action span.invoice-amount-disabled-container,
.proof-invoice td.loop-action span.invoice-price-item-quick-price-break {
margin-right: 8px !important;
margin-bottom: 6px !important;
display: inline-flex;
align-items: center;
}
@media screen and (min-width: 768px) {
.proof-invoice .loop-desc .invoice-description-editor,
.proof-invoice .loop-desc .table-invoice-content-description {
max-width: 341px !important;
width: 100% !important;
}
}
@media screen and (max-width: 767px) {
.proof-invoice .loop-desc .invoice-description-editor,
.proof-invoice .loop-desc .table-invoice-content-description {
max-width: 100% !important;
width: 100% !important;
}
}
@media screen and (min-width: 960px) {
.single.single-proofs #current_clients,
.single-proofs #current_clients {
position: fixed !important;
display: flex !important;
align-items: center;
left: 0;
bottom: 0;
width: auto !important;
max-width: 320px !important;
min-width: 180px;
padding: 8px 10px !important;
border-top: 1px solid #dde5f0 !important;
border-right: 1px solid #dde5f0;
border-top-right-radius: 12px;
background: #fff !important;
box-shadow: 0 -8px 24px rgb(17 24 39 / 12%);
z-index: 1001;
}
.single.single-proofs #current_clients #client_list_option_online,
.single-proofs #current_clients #client_list_option_online {
position: relative !important;
right: auto !important;
bottom: auto !important;
margin: 0 !important;
display: flex !important;
align-items: center;
justify-content: flex-start;
gap: 8px;
width: 100%;
flex-wrap: wrap;
}
.single.single-proofs #current_clients #client_list_option_online:after,
.single-proofs #current_clients #client_list_option_online:after {
display: none !important;
content: '' !important;
}
.single.single-proofs #current_clients #client_list_option_online a.avatar,
.single-proofs #current_clients #client_list_option_online a.avatar {
width: 36px;
height: 36px;
min-width: 36px;
margin: 0 !important;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px !important;
}
.single.single-proofs #current_clients #client_list_option_online a.avatar img,
.single-proofs #current_clients #client_list_option_online a.avatar img {
width: 34px !important;
height: 34px !important;
right: 0 !important;
position: relative;
border: 2px solid #fff;
box-shadow: 0 1px 6px rgb(0 0 0 / 18%);
}
.single.single-proofs #current_clients #client_list_option_online a.add-new-users,
.single-proofs #current_clients #client_list_option_online a.add-new-users {
background: #fff;
border: 2px dashed #bdcadb;
color: #2c3e50;
}
.single.single-proofs #current_clients #client_list_option_online a.avatar.avatar-sm.rounded-circle.add-new-users.remove-not-creator,
.single-proofs #current_clients #client_list_option_online a.avatar.avatar-sm.rounded-circle.add-new-users.remove-not-creator {
display: inline-block !important;
}
.single.single-proofs #current_clients #client_list_option_online a div.mCS_img_loaded,
.single-proofs #current_clients #client_list_option_online a div.mCS_img_loaded {
position: static !important;
top: auto !important;
width: 100%;
font-size: 18px !important;
font-weight: 700;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
}
#proof-view .proof-action-container.proofSavebtn.col-lg-12 {
z-index: 1 !important;
display: flex;
align-items: stretch;
gap: 10px;
}
#proof-view .proof-action-container.proofSavebtn.col-lg-12 > button,
#proof-view .proof-action-container.proofSavebtn.col-lg-12 > .proof-bottom-invoice-btn {
flex: 1 1 0;
min-width: 0;
margin: 0 !important;
}
#proof-view .proof-action-container.proofSavebtn.col-lg-12 > .proof-bottom-invoice-btn {
flex: 2 1 0;
}
#proof-view .proof-action-container.proofSavebtn .proof-bottom-invoice-btn {
gap: 10px;
align-items: stretch;
}
#proof-view .proof-action-container.proofSavebtn .proof-bottom-invoice-btn button,
#proof-view .proof-action-container.proofSavebtn.col-lg-12 > button {
min-height: 46px;
border-radius: 8px !important;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 700;
line-height: 1.15 !important;
padding: 9px 12px !important;
white-space: nowrap;
max-width: 135px !important;
border: 0px solid;
}
#proof-view .proof-action-container.proofSavebtn .proof-bottom-invoice-btn .proofAddInvoice,
#proof-view .proof-action-container.proofSavebtn .proof-bottom-invoice-btn .reminder_proof_action {
margin: 0 !important;
}
#comment-area .proof-details-inner-container > .row {
margin-left: -6px;
margin-right: -6px;
}
#comment-area .proof-details-inner-container > .row > [class*="col-"] {
padding-left: 6px;
padding-right: 6px;
}
#comment-area .proof-details-inner-container .form-group {
margin-bottom: 12px;
}
#comment-area .proof-details-inner-container .form-control,
#comment-area .proof-details-inner-container .bootstrap-select > .dropdown-toggle,
#comment-area .proof-details-inner-container .selectpicker + .dropdown-toggle {
min-height: 46px;
border-radius: 10px !important;
}
#comment-area .proof-details-inner-container .bootstrap-select > .dropdown-toggle {
display: flex;
align-items: center;
}
#comment-area .proof-details-inner-container .input-group.input-group-merge {
display: flex;
align-items: stretch;
gap: 8px;
}
#comment-area .proof-details-inner-container .input-group.input-group-merge .form-control {
flex: 1 1 auto;
min-width: 0;
}
#comment-area .proof-details-inner-container .btn-product_link {
min-width: 62px;
min-height: 46px;
border-radius: 10px !important;
display: inline-flex;
align-items: center;
justify-content: center;
font-weight: 700;
padding: 0 10px;
}
#comment-area .proof-details-inner-container .product-edit-action,
#comment-area .proof-details-inner-container a > .btn-primary.btn-sm {
min-height: 42px;
border-radius: 10px !important;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 14px;
}
#comment-area .proof-details-inner-container .element-align-right {
justify-content: flex-end;
}
#comment-area .proof-details-inner-container .remove-selected-all-users {
display: inline-block;
margin: 0 0 6px;
font-size: 12px;
font-weight: 700;
}
#comment-area .proof-details-inner-container .proof-meta-toggle-grid {
margin-top: 4px;
margin-bottom: 4px;
}
#comment-area .proof-details-inner-container .proof-meta-toggle-grid .proof-inline-option {
margin: 0 0 10px;
min-height: 54px;
border: 1px solid #dce4ec;
border-radius: 10px;
background: #fff;
padding: 10px 12px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
#comment-area .proof-details-inner-container .proof-meta-toggle-grid .proof-inline-option label {
margin: 0;
font-size: 13px;
font-weight: 700;
color: #4a5565;
line-height: 1.25;
}
#comment-area .proof-details-inner-container .proof-meta-toggle-grid .proof-inline-option input[type="checkbox"],
#comment-area .proof-details-inner-container .proof-meta-toggle-grid .proof-inline-option input[type="radio"] {
margin: 0;
width: 18px;
height: 18px;
flex: 0 0 auto;
accent-color: #e31e3b;
}
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-card-proof-options .proof-meta-toggle-grid {
margin: 0 -4px;
}
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-card-proof-options .proof-meta-toggle-grid > [class*="col-"] {
padding-left: 4px;
padding-right: 4px;
flex: 0 0 50%;
max-width: 50%;
}
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-card-proof-options .proof-inline-option {
min-height: 58px;
padding: 8px 10px;
margin-bottom: 8px;
border-radius: 10px;
}
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-card-proof-options .proof-inline-option label {
font-size: 12px;
line-height: 1.2;
max-width: calc(100% - 28px);
}
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-card-proof-options .proof-inline-option input[type="checkbox"],
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-card-proof-options .proof-inline-option input[type="radio"] {
width: 16px;
height: 16px;
}
#comment-area .proof-details-inner-container .proof-details-upload-and-approve-split {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
align-items: start;
}
#comment-area .proof-details-inner-container .proof-details-upload-column,
#comment-area .proof-details-inner-container .proof-details-approve-column {
min-width: 0;
}
#comment-area .proof-details-inner-container .proof-details-approve-column:empty {
display: none;
}
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
align-items: start;
}
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-card {
background: #fff;
border: 1px solid #dde5ee;
border-radius: 12px;
padding: 10px;
box-shadow: 0 2px 8px rgb(15 23 42 / 5%);
}
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-card--full {
grid-column: 1 / -1;
}
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-title {
margin: 0 0 8px;
font-size: 14px;
line-height: 1.25;
font-weight: 700;
}
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-card .admin-view-area {
margin: 0;
border: 0;
}
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-card .gray-box {
margin: 0;
display: block;
padding: 8px 10px;
border-radius: 10px;
border-color: #e4e9f0;
background: #f8fafc;
}
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-card .gray-box label {
display: flex;
align-items: flex-start;
gap: 8px;
margin: 0;
padding: 7px 0;
line-height: 1.25;
font-size: 13px;
border-bottom: 1px solid #e6edf4;
}
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-card .gray-box label:last-child {
border-bottom: 0;
}
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-card .gray-box label input[type="checkbox"] {
margin-top: 2px;
flex: 0 0 auto;
}
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-link-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
}
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-card-link .btn.view-new-page {
margin: 0;
}
body.comment-panel-expanded {
overflow: hidden;
}
#comment-area .comment-area-inline-tools {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
#comment-area .comment-area-header-actions {
display: none !important;
visibility: hidden;
pointer-events: none;
height: 0;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
}
#comment-area .comment-area-expand-toggle {
width: 34px;
height: 34px;
border-radius: 50%;
padding: 0;
font-size: 14px;
border: 1px solid #d8dde3;
background: #fff;
color: #475568;
display: inline-flex;
align-items: center;
justify-content: center;
}
#comment-area .comment-area-expand-inline {
margin-right: auto;
}
#comment-area.panel-expanded {
position: fixed !important;
left: 8px !important;
right: 8px !important;
top: 8px !important;
bottom: 8px !important;
width: auto !important;
height: calc(100vh - 16px) !important;
height: calc(100dvh - 16px) !important;
max-height: calc(100vh - 16px) !important;
max-height: calc(100dvh - 16px) !important;
z-index: 10060 !important;
background: #f5f7fb !important;
border: 1px solid #dbe3ec;
border-radius: 12px;
box-shadow: 0 18px 55px rgb(17 24 39 / 25%);
padding: 12px;
overflow: hidden !important;
display: grid !important;
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.95fr) minmax(0, 0.85fr);
grid-template-rows: auto auto minmax(0, 1fr) auto;
gap: 14px;
}
#comment-area.panel-expanded .comment-area-inline-tools {
grid-column: 1 / 3;
grid-row: 1;
margin: 0;
padding: 0;
}
#comment-area.panel-expanded .comment-area-header-actions {
grid-column: 3;
grid-row: 1;
padding: 0;
margin-left: auto;
}
#comment-area.panel-expanded .comment-area-expand-toggle {
font-size: 18px;
}
#comment-area.panel-expanded .nav {
grid-column: 1 / -1;
grid-row: 2;
margin: 0 !important;
}
#comment-area.panel-expanded .nav-pills > li.active > a,
#comment-area.panel-expanded .nav-pills > li.active > a:focus,
#comment-area.panel-expanded .nav-pills > li.active > a:hover {
width: auto !important;
}
#comment-area.panel-expanded .comment-container.bask.processing-comment,
#comment-area.panel-expanded .comment-container[id^="proof-comments-container-"] {
grid-column: 1 / 3;
grid-row: 3;
min-height: 0;
max-height: none;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
display: block !important;
}
#comment-area.panel-expanded .proof-information-container.comment-container {
grid-column: 3;
grid-row: 3;
min-height: 0;
max-height: none;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
display: block !important;
}
#comment-area.panel-expanded .comment-container[id^="proof-comments-container-"],
#comment-area.panel-expanded .proof-information-container.comment-container {
background: #fff;
border: 1px solid #e3e9f1;
border-radius: 12px;
box-shadow: 0 8px 20px rgb(15 23 42 / 8%);
}
#comment-area.panel-expanded .comment-complete-container.comment-container {
display: none !important;
}
#comment-area.panel-expanded .comment-box-container.comment-reply-container,
#comment-area.panel-expanded .proof-action-container.proofSavebtn,
#comment-area.panel-expanded #notify_designer_email,
#comment-area.panel-expanded [id^="pre-post-comment-"],
#comment-area.panel-expanded .proof-typing-indicator,
#comment-area.panel-expanded #current_clients {
grid-column: 1 / -1;
grid-row: 4;
}
@media screen and (max-width: 1399px) {
#comment-area.panel-expanded {
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr);
}
#comment-area.panel-expanded .comment-area-inline-tools {
grid-column: 1;
}
#comment-area.panel-expanded .comment-area-header-actions {
grid-column: 2;
}
#comment-area.panel-expanded .comment-container.bask.processing-comment,
#comment-area.panel-expanded .comment-container[id^="proof-comments-container-"] {
grid-column: 1;
}
#comment-area.panel-expanded .proof-information-container.comment-container {
grid-column: 2;
}
}
.swal2-container .admin-file-label-hint {
display: block;
text-align: left;
font-size: 11px;
margin-top: 6px;
color: #6b7280;
}
.swal2-container .admin-file-original-name {
display: block;
text-align: left;
font-size: 11px;
margin-top: 4px;
color: #475569;
}
.swal2-container .admin-file-original-name span {
display: inline-block;
max-width: 100%;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
}
.swal2-container .admin-file-status-picker .status-quick-pick-wrap {
display: flex;
flex-direction: column;
border: 1px solid #d5dde6;
border-radius: 8px;
overflow: hidden;
}
.swal2-container .admin-file-status-picker .file-status-quick-pick {
border: 0;
border-bottom: 1px solid #e5ebf1;
border-radius: 0;
text-align: left;
font-size: 13px;
padding: 8px 12px !important;
background: #fff;
color: #334155;
}
.swal2-container .admin-file-status-picker .file-status-quick-pick:last-child {
border-bottom: 0;
}
.swal2-container .admin-file-status-picker .file-status-quick-pick.active {
background: #f44336;
color: #ffffff;
font-weight: 700;
}
.swal2-container .admin-file-status-picker .file-status-quick-pick,
.swal2-container .admin-file-status-picker .file-status-quick-pick.btn:not(:last-child),
.swal2-container .admin-file-toggle-group .admin-file-toggle-btn,
.swal2-container .admin-file-toggle-group .admin-file-toggle-btn span {
margin: 0 !important;
}
.swal2-container .admin-file-toggle-group {
border: 1px solid #d5dde6;
border-radius: 8px;
overflow: hidden;
}
.swal2-container .admin-file-toggle-group .admin-file-toggle-btn {
display: flex;
margin: 0;
border-bottom: 1px solid #e5ebf1;
cursor: pointer;
}
.swal2-container .admin-file-toggle-group .admin-file-toggle-btn:last-child {
border-bottom: 0;
}
.swal2-container .admin-file-toggle-group .admin-file-toggle-btn input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.swal2-container .admin-file-toggle-group .admin-file-toggle-btn span {
width: 100%;
text-align: left;
padding: 9px 12px;
font-size: 13px;
color: #334155;
background: #fff;
}
.swal2-container .admin-file-toggle-group .admin-file-toggle-btn.active span,
.swal2-container .admin-file-toggle-group .admin-file-toggle-btn input:checked + span {
background: #F44336;
color: #ffffff;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.swal2-container .admin-file-status-picker .status-quick-pick-wrap {
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
border-radius: 10px;
overflow: hidden;
}
.swal2-container .admin-file-status-picker .file-status-quick-pick {
border: 0;
border-right: 1px solid #e5ebf1;
text-align: left;
font-size: 10px;
padding: 14px !important;
background: #fff;
color: #334155;
display: inline-table;
align-items: flex-start;
justify-content: flex-start;
line-height: 1.15;
width: 100%;
}
.swal2-container .admin-file-status-picker .file-status-quick-pick:last-child {
border-right: 0;
border-bottom: 0;
}
.swal2-container .admin-file-status-picker .file-status-quick-pick.active {
background: #F44336;
color: #ffffff;
font-weight: 700;
box-shadow: inset 0 0 0 1px rgb(255 255 255 / 10%);
}
}
@media screen and (max-width: 960px) {
#proof-view {
overflow-x: hidden;
}
#proof-view #main {
float: none !important;
margin-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
display: block !important;
overflow: visible !important;
}
#comment-area .proof-details-inner-container .proof-details-upload-and-approve-split {
gap: 10px;
}
#proof-view #comment-area {
position: relative !important;
width: 100% !important;
right: auto !important;
left: auto !important;
top: auto !important;
bottom: auto !important;
height: auto !important;
max-height: none !important;
box-shadow: none !important;
border-left: 0 !important;
padding: 0 10px 120px;
}
#proof-view #comment-area.panel-expanded {
position: fixed !important;
left: 8px !important;
right: 8px !important;
top: 8px !important;
bottom: 8px !important;
width: auto !important;
height: calc(100vh - 16px) !important;
height: calc(100dvh - 16px) !important;
max-height: calc(100vh - 16px) !important;
max-height: calc(100dvh - 16px) !important;
padding: 12px !important;
border: 1px solid #dbe3ec !important;
border-radius: 12px !important;
box-shadow: 0 18px 55px rgb(17 24 39 / 25%) !important;
background: #f5f7fb !important;
overflow: hidden !important;
z-index: 10070 !important;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
}
#proof-view #comment-area.panel-expanded .comment-area-inline-tools {
grid-column: 1;
}
#proof-view #comment-area.panel-expanded .comment-area-header-actions {
grid-column: 2;
}
#proof-view #comment-area.panel-expanded .comment-container.bask.processing-comment,
#proof-view #comment-area.panel-expanded .comment-container[id^="proof-comments-container-"] {
grid-column: 1;
}
#proof-view #comment-area.panel-expanded .proof-information-container.comment-container {
grid-column: 2;
}
#proof-view .proof-title-container.moveTop {
right: 0 !important;
width: 100% !important;
}
#proof-view .proof-action-container.proofSavebtn.col-lg-12 {
position: sticky !important;
bottom: calc(env(safe-area-inset-bottom, 0px) + 8px) !important;
z-index: 10040 !important;
padding: 10px !important;
border: 1px solid rgb(50 50 93 / 10%);
border-radius: 10px;
box-shadow: 0 8px 24px rgb(0 0 0 / 10%);
background: #fff !important;
}
#proof-view .proof-action-container.proofSavebtn .proof-bottom-invoice-btn {
gap: 8px;
flex-wrap: wrap;
}
#proof-view .proof-action-container.proofSavebtn .proof-bottom-invoice-btn button {
min-height: 44px;
white-space: nowrap;
}
#proof-view .proof-action-container.proofSavebtn.col-lg-12 {
flex-wrap: wrap;
}
#proof-view .proof-action-container.proofSavebtn.col-lg-12 > button,
#proof-view .proof-action-container.proofSavebtn.col-lg-12 > .proof-bottom-invoice-btn {
flex: 1 1 100%;
}
}
@media screen and (max-width: 767px) {
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-card-proof-options .proof-meta-toggle-grid > [class*="col-"] {
flex: 0 0 100%;
max-width: 100%;
}
#comment-area .proof-details-inner-container .proof-details-approve-column .proof-admin-settings-grid {
grid-template-columns: 1fr;
}
#comment-area.panel-expanded,
#proof-view #comment-area.panel-expanded {
grid-template-columns: 1fr;
grid-template-rows: auto auto minmax(0, 1fr) auto;
}
#comment-area.panel-expanded .comment-area-inline-tools,
#proof-view #comment-area.panel-expanded .comment-area-inline-tools,
#comment-area.panel-expanded .comment-area-header-actions,
#proof-view #comment-area.panel-expanded .comment-area-header-actions {
grid-column: 1;
}
#comment-area.panel-expanded .comment-container.bask.processing-comment,
#comment-area.panel-expanded .comment-container[id^="proof-comments-container-"],
#comment-area.panel-expanded .proof-information-container.comment-container,
#proof-view #comment-area.panel-expanded .comment-container.bask.processing-comment,
#proof-view #comment-area.panel-expanded .comment-container[id^="proof-comments-container-"],
#proof-view #comment-area.panel-expanded .proof-information-container.comment-container {
grid-column: 1;
grid-row: 3;
max-height: none;
}
}
#coupen-code-component {
min-height: 100%;
}
#coupen-code-component .coupen-code-loading {
font-size: 20px;
font-weight: 700;
color: #0f172a;
margin: 28px 0;
}
.coupen-code-manager {
--ccm-bg: #f5f7fb;
--ccm-panel: #ffffff;
--ccm-panel-2: #fbfcfe;
--ccm-text: #0f172a;
--ccm-muted: #64748b;
--ccm-border: #e5ebf1;
--ccm-border-2: #dbe4ee;
--ccm-shadow: 0 20px 45px rgba(15, 23, 42, 0.07);
--ccm-shadow-soft: 0 8px 22px rgba(15, 23, 42, 0.05);
--ccm-danger: #ef4444;
--ccm-danger-bg: #fef2f2;
--ccm-warning: #f59e0b;
--ccm-warning-bg: #fffbeb;
--ccm-success: #22c55e;
--ccm-success-bg: #ecfdf5;
--ccm-brand: #2563eb;
--ccm-brand-bg: #eff6ff;
background: linear-gradient(180deg, #f7f9fd 0%, #f1f4f9 100%);
color: var(--ccm-text);
padding: 20px;
border-radius: 18px;
box-shadow: var(--ccm-shadow-soft);
position: relative;
overflow: hidden;
}
.coupen-code-manager * {
box-sizing: border-box;
}
.coupen-code-manager .ccm-topbar {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 16px;
margin-bottom: 16px;
padding: 14px;
background: rgba(255, 255, 255, 0.85);
backdrop-filter: blur(8px);
border: 1px solid rgba(229, 235, 241, 0.9);
border-radius: 16px;
box-shadow: 0 10px 25px rgba(15, 23, 42, 0.04);
}
.coupen-code-manager .ccm-topbar-left {
min-width: 220px;
flex: 1 1 auto;
}
.coupen-code-manager .ccm-title {
margin: 0;
font-size: 24px;
line-height: 1.1;
font-weight: 800;
letter-spacing: -0.02em;
color: var(--ccm-text);
}
.coupen-code-manager .ccm-subtitle {
margin: 6px 0 0;
color: var(--ccm-muted);
font-size: 13px;
line-height: 1.35;
}
.coupen-code-manager .ccm-topbar-right {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
flex-wrap: wrap;
flex: 1 1 auto;
}
.coupen-code-manager .ccm-role-chip {
display: inline-flex;
align-items: center;
height: 36px;
padding: 0 12px;
border-radius: 999px;
border: 1px solid var(--ccm-border);
background: #fff;
color: #334155;
font-size: 11px;
letter-spacing: 0.06em;
font-weight: 700;
white-space: nowrap;
}
.coupen-code-manager .ccm-btn,
.coupen-code-manager .ccm-mini-btn,
.coupen-code-manager .ccm-icon-btn {
border: 1px solid var(--ccm-border);
background: #fff;
color: #0f172a;
border-radius: 12px;
font-weight: 700;
transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
cursor: pointer;
}
.coupen-code-manager .ccm-btn {
min-height: 38px;
padding: 8px 14px;
font-size: 13px;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}
.coupen-code-manager .ccm-btn:hover,
.coupen-code-manager .ccm-mini-btn:hover,
.coupen-code-manager .ccm-icon-btn:hover {
transform: translateY(-1px);
border-color: var(--ccm-border-2);
box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}
.coupen-code-manager .ccm-btn:disabled,
.coupen-code-manager .ccm-mini-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.coupen-code-manager .ccm-btn-primary {
background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
border-color: #1d4ed8;
color: #fff;
box-shadow: 0 10px 20px rgba(37, 99, 235, 0.22);
}
.coupen-code-manager .ccm-btn-primary:hover {
border-color: #1e40af;
box-shadow: 0 12px 24px rgba(37, 99, 235, 0.28);
}
.coupen-code-manager .ccm-mini-btn {
min-height: 30px;
padding: 6px 10px;
font-size: 12px;
line-height: 1;
border-radius: 10px;
background: #fff;
}
.coupen-code-manager .ccm-mini-btn.danger {
color: #b91c1c;
border-color: #fecaca;
background: #fff5f5;
}
.coupen-code-manager .ccm-icon-btn {
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 20px;
line-height: 1;
padding: 0;
}
.coupen-code-manager .ccm-segmented {
display: inline-flex;
align-items: center;
padding: 3px;
border-radius: 12px;
border: 1px solid var(--ccm-border);
background: #fff;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}
.coupen-code-manager .ccm-segment-btn {
border: 0;
background: transparent;
color: #475569;
padding: 7px 11px;
font-size: 12px;
font-weight: 700;
border-radius: 9px;
cursor: pointer;
line-height: 1;
transition: background-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.coupen-code-manager .ccm-segment-btn.is-active {
background: #0f172a;
color: #fff;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.22);
}
.coupen-code-manager .ccm-search-wrap {
display: flex;
align-items: center;
min-width: 250px;
max-width: 360px;
width: 100%;
border: 1px solid var(--ccm-border);
border-radius: 12px;
background: #fff;
padding: 0 10px;
min-height: 38px;
gap: 8px;
}
.coupen-code-manager .ccm-search-icon {
font-size: 11px;
font-weight: 700;
color: #64748b;
text-transform: uppercase;
letter-spacing: 0.05em;
white-space: nowrap;
}
.coupen-code-manager .ccm-search {
border: 0;
outline: 0;
width: 100%;
min-width: 0;
font-size: 13px;
color: #0f172a;
background: transparent;
padding: 0;
}
.coupen-code-manager .ccm-summary-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
margin-bottom: 14px;
}
.coupen-code-manager .ccm-stat-card {
background: #fff;
border: 1px solid var(--ccm-border);
border-radius: 14px;
padding: 14px;
box-shadow: 0 6px 20px rgba(15, 23, 42, 0.04);
position: relative;
overflow: hidden;
}
.coupen-code-manager .ccm-stat-card::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 4px;
background: #cbd5e1;
}
.coupen-code-manager .ccm-stat-card.tone-healthy::before { background: #22c55e; }
.coupen-code-manager .ccm-stat-card.tone-warning::before { background: #f59e0b; }
.coupen-code-manager .ccm-stat-card.tone-muted::before { background: #94a3b8; }
.coupen-code-manager .ccm-stat-card.tone-brand::before { background: #2563eb; }
.coupen-code-manager .ccm-stat-title {
color: #64748b;
font-size: 12px;
font-weight: 700;
margin-bottom: 8px;
}
.coupen-code-manager .ccm-stat-value {
font-size: 28px;
line-height: 1;
font-weight: 800;
color: #0f172a;
letter-spacing: -0.03em;
}
.coupen-code-manager .ccm-stat-caption {
margin-top: 8px;
font-size: 12px;
color: #64748b;
}
.coupen-code-manager .ccm-filter-panel {
background: #fff;
border: 1px solid var(--ccm-border);
border-radius: 14px;
padding: 12px;
margin-bottom: 14px;
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.03);
}
.coupen-code-manager .ccm-filter-grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 10px;
}
.coupen-code-manager .ccm-filter-grid label,
.coupen-code-manager .ccm-form-grid label {
display: grid;
gap: 6px;
}
.coupen-code-manager .ccm-filter-grid label > span,
.coupen-code-manager .ccm-form-grid label > span {
font-size: 12px;
font-weight: 700;
color: #475569;
}
.coupen-code-manager .ccm-filter-actions {
margin-top: 10px;
display: flex;
justify-content: flex-end;
gap: 8px;
flex-wrap: wrap;
}
.coupen-code-manager .ccm-input {
width: 100%;
min-height: 40px;
border: 1px solid var(--ccm-border);
border-radius: 12px;
background: #fff;
color: #0f172a;
padding: 9px 12px;
font-size: 13px;
line-height: 1.25;
outline: none;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
.coupen-code-manager .ccm-input:focus {
border-color: #93c5fd;
box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.12);
}
.coupen-code-manager .ccm-input:disabled {
background: #f8fafc;
color: #94a3b8;
cursor: not-allowed;
}
.coupen-code-manager .ccm-textarea {
min-height: 108px;
resize: vertical;
}
.coupen-code-manager .ccm-list-shell {
background: #fff;
border: 1px solid var(--ccm-border);
border-radius: 16px;
padding: 12px;
box-shadow: 0 10px 26px rgba(15, 23, 42, 0.04);
}
.coupen-code-manager .ccm-list-toolbar {
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 12px;
margin-bottom: 10px;
}
.coupen-code-manager .ccm-list-title-wrap h2 {
margin: 0;
font-size: 16px;
line-height: 1.1;
font-weight: 800;
color: #0f172a;
}
.coupen-code-manager .ccm-list-title-wrap p {
margin: 4px 0 0;
font-size: 12px;
color: #64748b;
}
.coupen-code-manager .ccm-bulk-bar {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
opacity: 0.7;
transition: opacity 0.15s ease;
}
.coupen-code-manager .ccm-bulk-bar.is-active {
opacity: 1;
}
.coupen-code-manager .ccm-bulk-count {
font-size: 12px;
font-weight: 700;
color: #475569;
padding: 0 2px;
}
.coupen-code-manager .ccm-table-wrap {
overflow: auto;
border-radius: 12px;
border: 1px solid #edf2f7;
background: #fff;
}
.coupen-code-manager .ccm-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
min-width: 1080px;
}
.coupen-code-manager .ccm-table thead th {
position: sticky;
top: 0;
z-index: 1;
background: #f8fafc;
color: #475569;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.05em;
font-weight: 800;
padding: 12px 10px;
border-bottom: 1px solid var(--ccm-border);
text-align: left;
white-space: nowrap;
}
.coupen-code-manager .ccm-table tbody td {
padding: 12px 10px;
border-bottom: 1px solid #eef2f7;
vertical-align: top;
font-size: 13px;
color: #1e293b;
background: #fff;
}
.coupen-code-manager .ccm-table tbody tr:last-child td {
border-bottom: 0;
}
.coupen-code-manager .ccm-row {
cursor: pointer;
}
.coupen-code-manager .ccm-row:hover td {
background: #f8fbff;
}
.coupen-code-manager .ccm-row.is-expired-row td {
color: #64748b;
background: #fafafa;
}
.coupen-code-manager .ccm-row.is-disabled-row td {
background: #fbfbfb;
opacity: 0.85;
}
.coupen-code-manager .ccm-col-checkbox {
width: 36px;
text-align: center;
}
.coupen-code-manager .ccm-col-checkbox input[type="checkbox"] {
width: 16px;
height: 16px;
cursor: pointer;
}
.coupen-code-manager .ccm-linkish {
border: 0;
background: transparent;
padding: 0;
margin: 0;
font: inherit;
color: #1d4ed8;
font-weight: 800;
cursor: pointer;
text-align: left;
}
.coupen-code-manager .ccm-linkish:hover {
text-decoration: underline;
}
.coupen-code-manager .ccm-subtext {
margin-top: 3px;
font-size: 11px;
color: #64748b;
line-height: 1.25;
}
.coupen-code-manager .ccm-warning-text {
color: #b45309;
font-weight: 700;
}
.coupen-code-manager .ccm-brand-pill {
display: inline-flex;
align-items: center;
min-height: 24px;
padding: 4px 9px;
border-radius: 999px;
border: 1px solid var(--ccm-border);
font-size: 11px;
font-weight: 700;
line-height: 1;
white-space: nowrap;
}
.coupen-code-manager .ccm-brand-pill.brand-redcore {
color: #991b1b;
background: #fef2f2;
border-color: #fecaca;
}
.coupen-code-manager .ccm-brand-pill.brand-thread_kicker {
color: #9a3412;
background: #fff7ed;
border-color: #fdba74;
}
.coupen-code-manager .ccm-brand-pill.brand-print_kicker {
color: #0c4a6e;
background: #ecfeff;
border-color: #a5f3fc;
}
.coupen-code-manager .ccm-brand-pill.brand-all {
color: #1e3a8a;
background: #eef2ff;
border-color: #c7d2fe;
}
.coupen-code-manager .ccm-days {
display: inline-flex;
align-items: center;
min-height: 24px;
padding: 4px 9px;
border-radius: 999px;
font-size: 11px;
font-weight: 800;
white-space: nowrap;
}
.coupen-code-manager .ccm-days.is-good { background: #ecfdf5; color: #166534; }
.coupen-code-manager .ccm-days.is-warning { background: #fffbeb; color: #b45309; }
.coupen-code-manager .ccm-days.is-critical { background: #fef2f2; color: #b91c1c; }
.coupen-code-manager .ccm-days.is-expired { background: #f1f5f9; color: #475569; }
.coupen-code-manager .ccm-days.is-never { background: #eff6ff; color: #1d4ed8; }
.coupen-code-manager .ccm-status-chip {
display: inline-flex;
align-items: center;
min-height: 24px;
border-radius: 999px;
padding: 4px 9px;
font-size: 11px;
font-weight: 800;
line-height: 1;
white-space: nowrap;
}
.coupen-code-manager .ccm-status-chip.status-active { background: #ecfdf5; color: #166534; }
.coupen-code-manager .ccm-status-chip.status-expired { background: #f1f5f9; color: #475569; }
.coupen-code-manager .ccm-status-chip.status-maxed_out { background: #fff7ed; color: #c2410c; }
.coupen-code-manager .ccm-status-chip.status-disabled { background: #f8fafc; color: #64748b; }
.coupen-code-manager .ccm-health-dot {
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 6px;
vertical-align: middle;
background: #cbd5e1;
box-shadow: 0 0 0 3px rgba(203, 213, 225, 0.25);
}
.coupen-code-manager .ccm-health-dot.tone-healthy { background: #22c55e; box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.18); }
.coupen-code-manager .ccm-health-dot.tone-warning { background: #f59e0b; box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.18); }
.coupen-code-manager .ccm-health-dot.tone-danger { background: #ef4444; box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15); }
.coupen-code-manager .ccm-health-dot.tone-muted { background: #94a3b8; box-shadow: 0 0 0 3px rgba(148, 163, 184, 0.14); }
.coupen-code-manager .ccm-actions {
display: grid;
grid-template-columns: repeat(4, minmax(72px, 1fr));
gap: 6px;
min-width: 320px;
align-items: stretch;
}
.coupen-code-manager .ccm-actions .ccm-mini-btn {
width: 100%;
min-width: 0;
min-height: 40px;
padding: 8px 10px;
border-radius: 14px;
font-size: 12px;
font-weight: 800;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
white-space: nowrap;
}
.coupen-code-manager .ccm-actions .ccm-mini-btn[data-ccm-action="edit"] {
background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
border-color: #1d4ed8;
color: #fff;
}
.coupen-code-manager .ccm-actions .ccm-mini-btn[data-ccm-action="duplicate"] {
background: #334155;
border-color: #334155;
color: #fff;
}
.coupen-code-manager .ccm-actions .ccm-mini-btn[data-ccm-action="toggle-disable"] {
background: #f97316;
border-color: #ea580c;
color: #fff;
}
.coupen-code-manager .ccm-actions .ccm-mini-btn[data-ccm-action="toggle-disable"]:hover {
border-color: #c2410c;
}
.coupen-code-manager .ccm-actions .ccm-mini-btn.danger,
.coupen-code-manager .ccm-actions .ccm-mini-btn[data-ccm-action="delete"] {
background: #ef4444;
border-color: #dc2626;
color: #fff;
}
.coupen-code-manager .ccm-empty-state {
text-align: center;
padding: 34px 20px !important;
background: #fff !important;
}
.coupen-code-manager .ccm-empty-inner h3 {
margin: 0;
font-size: 16px;
font-weight: 800;
color: #0f172a;
}
.coupen-code-manager .ccm-empty-inner p {
margin: 8px 0 0;
color: #64748b;
font-size: 13px;
}
.coupen-code-manager .ccm-modal-backdrop,
.coupen-code-manager .ccm-drawer-backdrop {
position: fixed;
inset: 0;
background: rgba(15, 23, 42, 0.42);
backdrop-filter: blur(4px);
z-index: 5000;
}
.coupen-code-manager .ccm-modal {
position: fixed;
top: 24px;
left: 50%;
transform: translateX(-50%);
width: min(1100px, calc(100vw - 24px));
max-height: calc(100vh - 48px);
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid var(--ccm-border);
border-radius: 18px;
box-shadow: 0 28px 80px rgba(15, 23, 42, 0.24);
z-index: 5001;
overflow: hidden;
}
.coupen-code-manager .ccm-modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
padding: 16px 18px;
border-bottom: 1px solid var(--ccm-border);
background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}
.coupen-code-manager .ccm-modal-header h2 {
margin: 0;
font-size: 20px;
font-weight: 800;
line-height: 1.1;
letter-spacing: -0.02em;
}
.coupen-code-manager .ccm-modal-header p {
margin: 5px 0 0;
font-size: 12px;
color: #64748b;
}
.coupen-code-manager .ccm-modal-body {
flex: 1 1 auto;
overflow: auto;
padding: 14px 16px 16px;
background: #f8fafd;
padding-bottom: 200px;
}
label.ccm-toggle-line.hide {
display: none !important;
}
.proof-svg-image-container  svg#Layer_1 {
width: 100% !important;
}
.coupen-code-manager .ccm-modal-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 12px 16px;
border-top: 1px solid var(--ccm-border);
background: #fff;
}
.coupen-code-manager .ccm-footer-meta {
color: #64748b;
font-size: 12px;
}
.coupen-code-manager .ccm-footer-actions {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.coupen-code-manager .ccm-callout {
border-radius: 12px;
border: 1px solid var(--ccm-border);
background: #fff;
padding: 10px 12px;
margin-bottom: 12px;
font-size: 12px;
line-height: 1.35;
}
.coupen-code-manager .ccm-callout.warning {
background: var(--ccm-warning-bg);
border-color: #fde68a;
color: #92400e;
font-weight: 700;
}
.coupen-code-manager .ccm-callout.soft {
background: #f8fafc;
color: #64748b;
}
.coupen-code-manager .ccm-form-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.coupen-code-manager .ccm-form-card {
background: #fff;
border: 1px solid var(--ccm-border);
border-radius: 14px;
padding: 12px;
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.03);
}
.coupen-code-manager .ccm-form-card h3 {
margin: 0 0 10px;
font-size: 13px;
font-weight: 800;
color: #0f172a;
}
.coupen-code-manager .ccm-field-row {
display: grid;
grid-template-columns: minmax(0, 1fr) 110px auto;
gap: 8px;
align-items: end;
}
.coupen-code-manager .ccm-small-field {
max-width: 110px;
}
.coupen-code-manager .ccm-field-grid {
display: grid;
gap: 10px;
}
.coupen-code-manager .ccm-field-grid.two {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.coupen-code-manager .ccm-inline-pair {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
}
.coupen-code-manager .ccm-radio-grid {
display: grid;
gap: 8px;
}
.coupen-code-manager .ccm-radio-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.coupen-code-manager .ccm-radio-grid.three { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.coupen-code-manager .ccm-radio-grid.four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.coupen-code-manager .ccm-choice {
display: flex;
align-items: center;
gap: 8px;
min-height: 40px;
padding: 8px 10px;
border: 1px solid var(--ccm-border);
border-radius: 12px;
background: #fff;
cursor: pointer;
font-size: 12px;
font-weight: 700;
color: #334155;
}
.coupen-code-manager .ccm-choice.is-selected {
border-color: #bfdbfe;
background: #eff6ff;
color: #1e3a8a;
box-shadow: inset 0 0 0 1px rgba(59, 130, 246, 0.2);
}
.coupen-code-manager .ccm-choice input {
width: 15px;
height: 15px;
margin: 0;
flex: 0 0 auto;
}
.coupen-code-manager .ccm-toggle-line {
display: flex !important;
align-items: center;
gap: 8px;
border: 1px solid var(--ccm-border);
border-radius: 12px;
padding: 8px 10px;
background: #fff;
min-height: 40px;
}
.coupen-code-manager .ccm-toggle-line input {
width: 16px;
height: 16px;
margin: 0;
flex: 0 0 auto;
}
.coupen-code-manager .ccm-toggle-line > span {
margin: 0 !important;
font-size: 12px !important;
font-weight: 700 !important;
color: #334155 !important;
}
.coupen-code-manager .ccm-field-help {
margin: 8px 0 0;
color: #64748b;
font-size: 11px;
line-height: 1.35;
}
.coupen-code-manager .ccm-user-assignment-box {
margin-top: 10px;
padding: 10px;
border: 1px dashed #dbe4ee;
border-radius: 12px;
background: #fafcff;
display: grid;
gap: 10px;
}
.coupen-code-manager .ccm-live-days,
.coupen-code-manager .ccm-placeholder-box {
display: flex;
align-items: center;
justify-content: center;
min-height: 40px;
border: 1px dashed #cbd5e1;
border-radius: 12px;
background: #f8fafc;
color: #475569;
font-weight: 700;
font-size: 12px;
padding: 8px;
text-align: center;
}
.coupen-code-manager .ccm-drawer {
position: fixed;
top: 0;
right: 0;
width: min(460px, 100vw);
height: 100vh;
background: #fff;
border-left: 1px solid var(--ccm-border);
box-shadow: -20px 0 50px rgba(15, 23, 42, 0.16);
z-index: 5002;
display: flex;
flex-direction: column;
}
.coupen-code-manager .ccm-drawer-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
padding: 16px;
border-bottom: 1px solid var(--ccm-border);
background: #fff;
}
.coupen-code-manager .ccm-drawer-header h3 {
margin: 0;
font-size: 18px;
font-weight: 800;
color: #0f172a;
}
.coupen-code-manager .ccm-drawer-header p {
margin: 4px 0 0;
color: #64748b;
font-size: 12px;
}
.coupen-code-manager .ccm-drawer-meta {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
padding: 12px 16px;
border-bottom: 1px solid var(--ccm-border);
background: #f8fafd;
}
.coupen-code-manager .ccm-drawer-meta > div {
background: #fff;
border: 1px solid var(--ccm-border);
border-radius: 12px;
padding: 8px 10px;
display: grid;
gap: 3px;
}
.coupen-code-manager .ccm-drawer-meta > div span {
font-size: 11px;
color: #64748b;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.coupen-code-manager .ccm-drawer-meta > div strong {
font-size: 12px;
color: #0f172a;
}
.coupen-code-manager .ccm-drawer-log {
padding: 14px 16px 18px;
overflow: auto;
flex: 1 1 auto;
background: #fff;
}
.coupen-code-manager .ccm-drawer-log h4 {
margin: 0 0 10px;
font-size: 13px;
font-weight: 800;
color: #0f172a;
}
.coupen-code-manager .ccm-log-row {
border: 1px solid var(--ccm-border);
border-radius: 12px;
padding: 10px;
margin-bottom: 8px;
background: #fff;
display: grid;
gap: 8px;
}
.coupen-code-manager .ccm-log-main {
display: grid;
gap: 2px;
}
.coupen-code-manager .ccm-log-main strong {
font-size: 13px;
color: #0f172a;
}
.coupen-code-manager .ccm-log-main span {
font-size: 12px;
color: #64748b;
}
.coupen-code-manager .ccm-log-side {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
font-size: 12px;
color: #475569;
}
.coupen-code-manager .ccm-log-side strong {
font-size: 13px;
color: #0f172a;
}
.coupen-code-manager .ccm-log-foot {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
font-size: 11px;
color: #64748b;
border-top: 1px dashed #e5ebf1;
padding-top: 8px;
}
.coupen-code-manager .ccm-empty-log {
border: 1px dashed #dbe4ee;
border-radius: 12px;
padding: 14px;
text-align: center;
color: #64748b;
font-size: 12px;
background: #fafcff;
}
@media screen and (max-width: 1279px) {
.coupen-code-manager .ccm-filter-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.coupen-code-manager .ccm-summary-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.coupen-code-manager .ccm-form-grid {
grid-template-columns: 1fr;
}
.coupen-code-manager .ccm-radio-grid.four {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media screen and (max-width: 767px) {
.coupen-code-manager {
padding: 12px;
border-radius: 12px;
}
.coupen-code-manager .ccm-topbar {
position: sticky;
top: 8px;
z-index: 10;
padding: 12px;
flex-direction: column;
align-items: stretch;
gap: 12px;
border-radius: 12px;
}
.coupen-code-manager .ccm-title {
font-size: 21px;
}
.coupen-code-manager .ccm-subtitle {
font-size: 12px;
}
.coupen-code-manager .ccm-topbar-right {
justify-content: flex-start;
align-items: stretch;
gap: 8px;
}
.coupen-code-manager .ccm-role-chip {
height: 34px;
width: 100%;
justify-content: center;
}
.coupen-code-manager .ccm-btn.ccm-btn-primary {
width: 100%;
}
.coupen-code-manager .ccm-segmented {
width: 100%;
justify-content: space-between;
}
.coupen-code-manager .ccm-segment-btn {
flex: 1 1 0;
text-align: center;
padding: 8px 6px;
}
.coupen-code-manager .ccm-search-wrap {
min-width: 0;
max-width: none;
width: 100%;
}
.coupen-code-manager .ccm-summary-grid {
grid-template-columns: 1fr 1fr;
gap: 8px;
}
.coupen-code-manager .ccm-stat-card {
padding: 12px;
border-radius: 12px;
}
.coupen-code-manager .ccm-stat-value {
font-size: 22px;
}
.coupen-code-manager .ccm-filter-panel {
padding: 10px;
border-radius: 12px;
}
.coupen-code-manager .ccm-filter-grid {
grid-template-columns: 1fr;
gap: 8px;
}
.coupen-code-manager .ccm-filter-actions {
justify-content: stretch;
}
.coupen-code-manager .ccm-filter-actions .ccm-btn {
flex: 1 1 0;
}
.coupen-code-manager .ccm-list-shell {
padding: 10px;
border-radius: 12px;
}
.coupen-code-manager .ccm-list-toolbar {
flex-direction: column;
align-items: stretch;
gap: 8px;
}
.coupen-code-manager .ccm-bulk-bar {
border: 1px solid var(--ccm-border);
border-radius: 12px;
padding: 8px;
background: #f8fafc;
}
.coupen-code-manager .ccm-bulk-bar .ccm-btn {
flex: 1 1 calc(50% - 4px);
}
.coupen-code-manager .ccm-table-wrap {
overflow: visible;
border: 0;
background: transparent;
}
.coupen-code-manager .ccm-table {
min-width: 0;
border-spacing: 0;
}
.coupen-code-manager .ccm-table thead {
display: none;
}
.coupen-code-manager .ccm-table tbody,
.coupen-code-manager .ccm-table tr,
.coupen-code-manager .ccm-table td {
display: block;
width: 100%;
}
.coupen-code-manager .ccm-table tbody tr {
border: 1px solid var(--ccm-border);
border-radius: 12px;
background: #fff;
margin-bottom: 8px;
overflow: hidden;
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}
.coupen-code-manager .ccm-table tbody td {
border: 0;
border-bottom: 1px solid #eef2f7;
padding: 9px 10px;
display: grid;
grid-template-columns: minmax(92px, 110px) minmax(0, 1fr);
align-items: start;
gap: 8px;
background: transparent !important;
min-height: 40px;
}
.coupen-code-manager .ccm-table tbody td:last-child {
border-bottom: 0;
}
.coupen-code-manager .ccm-table tbody td::before {
content: attr(data-label);
color: #64748b;
font-size: 11px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.04em;
align-self: center;
}
.coupen-code-manager .ccm-table tbody td.ccm-col-checkbox {
grid-template-columns: 1fr;
justify-items: start;
min-height: 0;
padding: 8px 10px 0;
border-bottom: 0;
}
.coupen-code-manager .ccm-table tbody td.ccm-col-checkbox::before {
display: none;
}
.coupen-code-manager .ccm-actions {
min-width: 0;
gap: 6px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.coupen-code-manager .ccm-actions .ccm-mini-btn {
min-height: 38px;
border-radius: 12px;
}
.coupen-code-manager .ccm-modal-backdrop,
.coupen-code-manager .ccm-drawer-backdrop {
backdrop-filter: none;
}
.coupen-code-manager .ccm-modal {
width: calc(100vw - 12px);
top: 6px;
max-height: calc(100vh - 12px);
border-radius: 14px;
}
.coupen-code-manager .ccm-modal-header,
.coupen-code-manager .ccm-modal-footer {
padding: 12px;
}
.coupen-code-manager .ccm-modal-header h2 {
font-size: 17px;
}
.coupen-code-manager .ccm-modal-body {
padding: 10px 10px 12px;
}
.coupen-code-manager .ccm-modal-footer {
flex-direction: column;
align-items: stretch;
}
.coupen-code-manager .ccm-footer-actions {
width: 100%;
}
.coupen-code-manager .ccm-footer-actions .ccm-btn {
flex: 1 1 0;
}
.coupen-code-manager .ccm-footer-meta {
display: none;
}
.coupen-code-manager .ccm-form-card {
padding: 10px;
border-radius: 12px;
}
.coupen-code-manager .ccm-field-row {
grid-template-columns: 1fr;
gap: 8px;
}
.coupen-code-manager .ccm-small-field {
max-width: none;
}
.coupen-code-manager .ccm-field-grid.two,
.coupen-code-manager .ccm-inline-pair,
.coupen-code-manager .ccm-radio-grid.two,
.coupen-code-manager .ccm-radio-grid.three,
.coupen-code-manager .ccm-radio-grid.four {
grid-template-columns: 1fr;
}
.coupen-code-manager .ccm-choice {
min-height: 42px;
}
.coupen-code-manager .ccm-drawer {
width: 100vw;
}
.coupen-code-manager .ccm-drawer-meta {
grid-template-columns: 1fr;
padding: 10px 12px;
}
.coupen-code-manager .ccm-drawer-log {
padding: 12px;
}
.coupen-code-manager .ccm-log-foot {
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
}
@media (prefers-reduced-motion: reduce) {
.coupen-code-manager *,
.coupen-code-manager *::before,
.coupen-code-manager *::after {
animation: none !important;
transition: none !important;
scroll-behavior: auto !important;
}
}
#client_list_option_online a div.mCS_img_loaded {
top: -15px;
position: absolute;
right: -1px;
font-size: 39px;
display: flex;
justify-content: center;
vertical-align: middle;
color: #333;
width: 100%;
}
#current_clients .avatar-group .avatar {
justify-content: unset !important;
display: ruby-text;
margin: -9px;
padding-left: 2px;
top: 16px;
left: 14px;
}
#client_list_option_online {
border-radius: 22px;
margin: 23px -2px;
left: 10px;
list-style: none;
z-index: 0;
bottom: 0;
width: 100px;
position: relative;
}
ul#proof-existing-images {
margin: 0;
border-radius: 2px !important;
}
li.list-group-item.px-0.data-list-loop-0 {
border-radius: 7px !important;
padding: 21px 9px 21px 10px;
margin: 0;
}
li.list-group-item.px-0.data-list-loop-0 .avatar {
position: relative;
right: 15px;
border: none;
top: 4px;
}
button.dropdown-toggle.show {
background: #f4f4f4 !important;
box-shadow: none !important;
border: 0 solid !important;
padding: 8px 0 8px 9px !important;
margin: 8px;
border-radius: 44px;
}
button.btn.btn-primary.create_new_project_action.promo-button,
button.btn.btn-primary.create-new-company-user.promo-button {
background: #de0201;
color: white;
border: 6px solid white;
max-width: 354px;
}
button.da-btn.btn.btn-primary.create_user_supportcenter_notification {
max-width: 371px;
}
button#invoice_payment_card_submit_24100 {
padding: 14px;
}
.card.card-profile.card-profile-second {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
top: -10px;
height: auto !important;
height: 100% !important;
}
#profile-component .nav-link {
display: block;
padding: 0.5rem 1rem;
color: #000000;
cursor: pointer;
}
#client_list_option_online a .cc_tooltip {
position: absolute;
top: -54px;
text-align: center;
display: none;
background: #292f33;
color: #fff;
border-radius: 4px;
padding: 11px;
width: 238px;
transform: translateX(-40%);
font-family: inherit;
font-size: 16px;
max-height: 51px;
}
.proof-invoice .proof-invoice-floating-total {
position: fixed;
bottom: -5px !important;
margin: 8px 0 12px auto;
z-index: 10001;
background: rgba(24, 30, 37, .94);
color: #fff;
border-radius: 12px;
padding: 10px 14px;
display: flex;
flex-wrap: wrap;
gap: 12px;
box-shadow: 0 14px 36px rgb(0 0 0 / 30%);
max-width: 460px;
width: 100%;
left: 8px;
font-size: 3px !important;
height: 33px;
}
span.btn.proof-repeated-tag {
background: #e87878;
color: white;
}
.production_hold_popup .col-lg-12.form-group > label.ship-option-toggle-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
min-height: 46px;
margin: 0;
padding: 10px 12px;
border: 1px solid #e5ebf1;
border-radius: 12px;
background: #ffffff;
color: #334155;
font-weight: 700;
line-height: 1.2;
text-align: left;
box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03);
cursor: pointer;
transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease, color .15s ease;
}
.production_hold_popup .col-lg-12.form-group > label.ship-option-toggle-row:hover {
border-color: #d5dee8;
box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06);
}
.production_hold_popup .col-lg-12.form-group > label.ship-option-toggle-row input[type="checkbox"] {
margin: 0 !important;
width: 18px;
height: 18px;
flex: 0 0 auto;
accent-color: #f44336;
}
.production_hold_popup .col-lg-12.form-group > label.ship-option-toggle-row.is-active,
.production_hold_popup .col-lg-12.form-group > label.ship-option-toggle-row:has(input[type="checkbox"]:checked) {
background: #f44336;
color: #ffffff;
border-color: #f44336;
box-shadow: 0 10px 18px rgba(244, 67, 54, 0.22);
}
.production_hold_popup .col-lg-12.form-group > label.ship-option-toggle-row.is-active input[type="checkbox"],
.production_hold_popup .col-lg-12.form-group > label.ship-option-toggle-row:has(input[type="checkbox"]:checked) input[type="checkbox"] {
accent-color: #ffffff;
filter: brightness(1.02);
}
.production_hold_popup .col-lg-12.form-group > label.ship-option-toggle-row + label.hide,
.production_hold_popup .col-lg-12.form-group > label.ship-option-toggle-row.hide {
display: none !important;
}
@media screen and (max-width: 767px) {
.production_hold_popup .col-lg-12.form-group > label.ship-option-toggle-row {
min-height: 42px;
padding: 9px 10px;
font-size: 13px;
border-radius: 10px;
}
}
.redcore-open-app-widget {
position: fixed !important;
right: 14px;
bottom: calc(env(safe-area-inset-bottom, 0px) + 14px);
z-index: 2147483000 !important;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 10px;
pointer-events: none;
isolation: isolate;
transform: translateZ(0);
}
.redcore-open-app-widget.is-hidden {
display: none !important;
}
body > .redcore-open-app-widget {
position: fixed !important;
z-index: 2147483000 !important;
}
.redcore-open-app-widget > * {
pointer-events: auto;
}
.redcore-open-app-trigger {
position: relative;
border: 1px solid rgba(255, 255, 255, 0.4);
background: linear-gradient(180deg, rgba(191, 32, 37, 0.96) 0%, rgba(144, 18, 21, 0.96) 100%);
color: #fff;
border-radius: 999px;
min-height: 46px;
padding: 10px 14px 10px 12px;
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 800;
letter-spacing: 0.01em;
box-shadow: 0 12px 34px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.2);
cursor: pointer;
overflow: hidden;
transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
}
.redcore-open-app-trigger:hover {
transform: translateY(-1px);
box-shadow: 0 16px 36px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22);
filter: saturate(1.05);
}
.redcore-open-app-trigger:active {
transform: translateY(0);
}
.redcore-open-app-glow {
position: absolute;
inset: 0;
background: linear-gradient(115deg, transparent 20%, rgba(255,255,255,.22) 46%, transparent 72%);
transform: translateX(-130%);
animation: redcoreOpenAppSheen 4.2s ease-in-out infinite;
pointer-events: none;
}
.redcore-open-app-dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: #8bff9f;
box-shadow: 0 0 0 0 rgba(139, 255, 159, 0.45);
animation: redcoreOpenAppPulse 2s ease-out infinite;
flex: 0 0 auto;
}
.redcore-open-app-label {
white-space: nowrap;
}
.redcore-open-app-sheet {
width: min(380px, calc(100vw - 20px));
background: rgba(255,255,255,0.95);
color: #0f172a;
border: 1px solid rgba(226, 232, 240, 0.95);
border-radius: 18px;
box-shadow: 0 30px 65px rgba(15, 23, 42, 0.2);
overflow: hidden;
transform-origin: bottom right;
animation: redcoreOpenAppSheetIn .18s ease-out;
-webkit-backdrop-filter: blur(14px);
backdrop-filter: blur(14px);
}
.redcore-open-app-sheet-head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
padding: 14px 14px 10px;
border-bottom: 1px solid rgba(226, 232, 240, 0.8);
}
.redcore-open-app-sheet-kicker {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #64748b;
font-weight: 800;
}
.redcore-open-app-sheet-title {
font-size: 17px;
line-height: 1.1;
font-weight: 800;
color: #0f172a;
margin-top: 3px;
}
.redcore-open-app-close {
border: 1px solid #e2e8f0;
background: #fff;
color: #334155;
width: 34px;
height: 34px;
border-radius: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 20px;
line-height: 1;
cursor: pointer;
box-shadow: 0 6px 12px rgba(15, 23, 42, 0.05);
}
.redcore-open-app-sheet-body {
padding: 12px 14px 10px;
}
.redcore-open-app-copy {
margin: 0;
color: #334155;
font-size: 13px;
line-height: 1.45;
}
.redcore-open-app-badges {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 10px;
}
.redcore-open-app-badge {
display: inline-flex;
align-items: center;
min-height: 24px;
padding: 4px 8px;
border-radius: 999px;
background: #f1f5f9;
color: #475569;
border: 1px solid #e2e8f0;
font-size: 11px;
font-weight: 700;
white-space: nowrap;
}
.redcore-open-app-ios-steps,
.redcore-open-app-desktop-help {
margin-top: 10px;
border-radius: 12px;
border: 1px solid #e2e8f0;
background: #f8fafc;
padding: 10px 11px;
font-size: 12px;
color: #334155;
}
.redcore-open-app-ios-steps.is-hidden,
.redcore-open-app-desktop-help.is-hidden {
display: none;
}
.redcore-open-app-steps-title {
font-weight: 800;
color: #0f172a;
margin-bottom: 6px;
}
.redcore-open-app-ios-steps ol {
margin: 0;
padding-left: 18px;
}
.redcore-open-app-ios-steps li {
margin: 0 0 4px;
line-height: 1.35;
}
.redcore-open-app-sheet-actions {
display: grid;
grid-template-columns: 1fr auto;
gap: 8px;
padding: 12px 14px 14px;
border-top: 1px solid rgba(226, 232, 240, 0.8);
background: rgba(248, 250, 252, 0.85);
}
.redcore-open-app-btn {
border: 1px solid #dbe4ee;
background: #fff;
color: #0f172a;
border-radius: 12px;
min-height: 40px;
padding: 10px 12px;
font-size: 13px;
font-weight: 800;
line-height: 1;
cursor: pointer;
box-shadow: 0 6px 14px rgba(15, 23, 42, 0.04);
transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.redcore-open-app-btn:hover {
transform: translateY(-1px);
box-shadow: 0 10px 18px rgba(15, 23, 42, 0.08);
}
.redcore-open-app-btn:disabled {
cursor: not-allowed;
opacity: 0.6;
transform: none;
box-shadow: none;
}
.redcore-open-app-btn.primary {
background: linear-gradient(180deg, #1d4ed8 0%, #1e40af 100%);
border-color: #1e40af;
color: #fff;
box-shadow: 0 10px 20px rgba(37, 99, 235, 0.2);
}
.redcore-open-app-widget.is-open .redcore-open-app-trigger {
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}
@keyframes redcoreOpenAppPulse {
0% { box-shadow: 0 0 0 0 rgba(139, 255, 159, 0.45); }
70% { box-shadow: 0 0 0 10px rgba(139, 255, 159, 0); }
100% { box-shadow: 0 0 0 0 rgba(139, 255, 159, 0); }
}
@keyframes redcoreOpenAppSheen {
0%, 60%, 100% { transform: translateX(-130%); }
72%, 84% { transform: translateX(130%); }
}
@keyframes redcoreOpenAppSheetIn {
from {
opacity: 0;
transform: translateY(8px) scale(.98);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
@media screen and (max-width: 767px) {
.redcore-open-app-widget {
right: 10px;
left: 10px;
align-items: stretch;
bottom: calc(env(safe-area-inset-bottom, 0px) + 10px);
}
.redcore-open-app-trigger {
width: 100%;
justify-content: center;
min-height: 44px;
border-radius: 16px;
}
.redcore-open-app-sheet {
width: 100%;
border-radius: 16px;
transform-origin: bottom center;
}
.redcore-open-app-sheet-actions {
grid-template-columns: 1fr 1fr;
}
}
@media (prefers-reduced-motion: reduce) {
.redcore-open-app-trigger,
.redcore-open-app-btn,
.redcore-open-app-sheet,
.redcore-open-app-glow,
.redcore-open-app-dot {
animation: none !important;
transition: none !important;
}
}
.redcore-open-app-trigger,
.redcore-open-app-sheet {
display: none !important;
}
html.red-login-main .redcore-open-app-widget,
body.red-login-main .redcore-open-app-widget {
display: none !important;
}
.redcore-open-app-widget {
top: calc(env(safe-area-inset-top, 0px) + 12px) !important;
bottom: auto !important;
left: 50% !important;
right: auto !important;
transform: translateX(-50%);
width: min(760px, calc(100vw - 20px));
pointer-events: none;
z-index: 2147483647 !important;
isolation: isolate;
contain: layout style paint;
}
.redcore-open-app-banner {
position: relative;
pointer-events: auto;
border-radius: 14px;
border: 1px solid rgba(148, 163, 184, 0.34);
background: rgba(15, 23, 42, 0.96);
color: #e2e8f0;
box-shadow: 0 20px 48px rgba(2, 6, 23, 0.42);
padding: 12px 50px 12px 14px;
animation: redcoreOpenBannerIn .24s ease-out;
z-index: 2147483647 !important;
}
.redcore-open-app-kicker {
font-size: 10px;
line-height: 1;
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 800;
color: #93c5fd;
margin-bottom: 6px;
}
.redcore-open-app-title {
font-size: 15px;
line-height: 1.2;
font-weight: 800;
margin-bottom: 4px;
color: #f8fafc;
}
.redcore-open-app-copy {
margin: 0;
font-size: 13px;
line-height: 1.35;
color: #cbd5e1;
}
.redcore-open-app-actions {
margin-top: 10px;
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
}
.redcore-open-app-widget .redcore-open-app-btn {
min-height: 34px;
border-radius: 10px;
padding: 7px 11px;
font-size: 12px;
font-weight: 700;
border-color: rgba(148, 163, 184, 0.45);
background: rgba(15, 23, 42, 0.72);
color: #e2e8f0;
box-shadow: none;
}
.redcore-open-app-widget .redcore-open-app-btn:hover {
transform: none;
border-color: rgba(191, 219, 254, 0.72);
background: rgba(30, 41, 59, 0.9);
}
.redcore-open-app-widget .redcore-open-app-btn.primary {
border-color: #2563eb;
background: linear-gradient(180deg, #2563eb 0%, #1d4ed8 100%);
color: #ffffff;
}
.redcore-open-app-widget .redcore-open-app-close {
position: absolute;
top: 8px;
right: 8px;
width: 30px;
height: 30px;
font-size: 19px;
border-radius: 8px;
border: 1px solid rgba(148, 163, 184, 0.3);
background: rgba(30, 41, 59, 0.88);
color: #e2e8f0;
box-shadow: none;
}
@keyframes redcoreOpenBannerIn {
from {
opacity: 0;
transform: translateY(-8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media screen and (max-width: 767px) {
.redcore-open-app-widget {
width: calc(100vw - 14px);
top: calc(env(safe-area-inset-top, 0px) + 8px) !important;
}
.redcore-open-app-banner {
border-radius: 12px;
padding: 10px 42px 10px 10px;
}
.redcore-open-app-title {
font-size: 14px;
}
.redcore-open-app-copy {
font-size: 12px;
}
.redcore-open-app-actions {
gap: 6px;
}
}
@media (prefers-reduced-motion: reduce) {
.redcore-open-app-banner {
animation: none !important;
}
}
.redcore-open-app-widget,
.redcore-open-app-banner,
.redcore-open-app-trigger,
.redcore-open-app-sheet {
display: none !important;
visibility: hidden !important;
pointer-events: none !important;
}
.intercom-button:before,
button.intercom-button:before {
content: none !important;
display: none !important;
}
#suppertCenter-component .support-center-checkboxes-container,
.support-center-checkboxes-container {
display: flex;
flex-wrap: wrap;
gap: 6px;
align-items: center;
justify-content: flex-end;
width: 100%;
margin-top: 8px;
padding-top: 4px;
}
.support-center-checkboxes-container .support-admin-chat-toggle {
display: inline-flex;
align-items: center;
margin: 0;
cursor: pointer;
}
.support-center-checkboxes-container .support-admin-chat-toggle input[type="checkbox"] {
position: absolute;
opacity: 0;
pointer-events: none;
}
.support-center-checkboxes-container .support-admin-chat-toggle span {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 28px;
padding: 4px 10px;
border-radius: 999px;
border: 1px solid #d7dee7;
background: #ffffff;
color: #475569;
font-size: 11px;
font-weight: 700;
line-height: 1;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
transition: background-color .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.support-center-checkboxes-container .support-admin-chat-toggle:hover span {
border-color: #c5d0dd;
color: #1f2937;
}
.support-center-checkboxes-container .support-admin-chat-toggle input[type="checkbox"]:checked + span {
background: #F44336;
border-color: #F44336;
color: #ffffff;
box-shadow: 0 6px 14px rgba(244, 67, 54, 0.22);
}
.support-center-checkboxes-container .support-admin-chat-toggle.is-active span {
background: #F44336;
border-color: #F44336;
color: #ffffff;
box-shadow: 0 6px 14px rgba(244, 67, 54, 0.22);
}
.swal2-container .production_hold_popup .col-lg-12.form-group > label.ship-option-toggle-row,
.swal2-container .production_hold_popup .col-lg-12.form-group > label:has(input[type="checkbox"]) {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
width: 100%;
min-height: 42px;
margin: 0 !important;
padding: 9px 12px;
border: 1px solid #e5ebf1;
border-radius: 12px;
background: #fff;
color: #334155;
font-weight: 700;
line-height: 1.2;
text-align: left;
box-shadow: 0 2px 8px rgba(15, 23, 42, 0.03);
cursor: pointer;
}
.swal2-container .production_hold_popup .col-lg-12.form-group > label.ship-option-toggle-row:hover,
.swal2-container .production_hold_popup .col-lg-12.form-group > label:has(input[type="checkbox"]):hover {
border-color: #d6dee8;
box-shadow: 0 6px 14px rgba(15, 23, 42, 0.06);
}
.swal2-container .production_hold_popup .col-lg-12.form-group > label.ship-option-toggle-row input[type="checkbox"],
.swal2-container .production_hold_popup .col-lg-12.form-group > label:has(input[type="checkbox"]) input[type="checkbox"] {
width: 16px;
height: 16px;
margin: 0 0 0 auto !important;
flex: 0 0 16px;
}
.swal2-container .production_hold_popup .col-lg-12.form-group > label.ship-option-toggle-row.is-active,
.swal2-container .production_hold_popup .col-lg-12.form-group > label.ship-option-toggle-row:has(input[type="checkbox"]:checked),
.swal2-container .production_hold_popup .col-lg-12.form-group > label:has(input[type="checkbox"]:checked) {
background: #ecfdf3;
border-color: #86efac;
color: #166534;
}
.swal2-container .production_hold_popup .col-lg-12.form-group {
margin-bottom: 8px;
}
.swal2-container .production_hold_popup .col-lg-12.form-group:has(#set_proof_tracking_number),
.swal2-container .production_hold_popup .col-lg-12.form-group:has(#set_proof_tracking_text) {
display: inline-block;
vertical-align: top;
width: calc(50% - 6px) !important;
}
.swal2-container .production_hold_popup .col-lg-12.form-group:has(#set_proof_tracking_number) label,
.swal2-container .production_hold_popup .col-lg-12.form-group:has(#set_proof_tracking_text) label {
width: 100%;
margin: 0;
}
.swal2-container .production_hold_popup .col-lg-12.form-group:has(#set_proof_tracking_number) input,
.swal2-container .production_hold_popup .col-lg-12.form-group:has(#set_proof_tracking_text) input {
width: 100%;
}
@media screen and (max-width: 767px) {
.support-center-checkboxes-container {
justify-content: flex-start;
gap: 5px;
}
.support-center-checkboxes-container .support-admin-chat-toggle span {
min-height: 26px;
padding: 4px 9px;
font-size: 10px;
}
.swal2-container .production_hold_popup .col-lg-12.form-group:has(#set_proof_tracking_number),
.swal2-container .production_hold_popup .col-lg-12.form-group:has(#set_proof_tracking_text) {
display: block;
width: 100% !important;
}
}
@supports (content-visibility: auto) {
.order-history-container li,
.proof-order-history-container li,
.new-project-message-lists,
#proof-existing-images > li.list-group-item {
content-visibility: auto;
contain: layout paint;
}
.order-history-container li,
.proof-order-history-container li {
contain-intrinsic-size: 320px;
}
.new-project-message-lists {
contain-intrinsic-size: 180px;
}
#proof-existing-images > li.list-group-item {
contain-intrinsic-size: 120px;
}
.project-card.proof-list-card {
content-visibility: visible;
contain: none;
}
}
@keyframes redcoreSkeletonShimmer {
0% {
background-position: 180% 0;
}
100% {
background-position: -180% 0;
}
}
.proof-dashboard-loading .proof-skeleton-card {
opacity: 1;
}
#proofGritListMainContainer.proof-dashboard-loading {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
align-items: stretch;
}
#proofGritListMainContainerLoading .proof-dashboard-initial-loading {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
align-items: stretch;
padding-top: 40px;
}
#proofGritListMainContainerLoading .dashboard-status-titles {
display: flex;
grid-column: 1 / -1;
align-items: center;
justify-content: center;
width: 100%;
text-align: center;
margin-top: 14px;
margin-bottom: 0;
}
#proofGritListMainContainerLoading .proof-skeleton-card {
opacity: 1;
width: 100%;
max-width: 100%;
padding: 0;
}
@media (max-width: 991px) {
#proofGritListMainContainer.proof-dashboard-loading,
#proofGritListMainContainerLoading .proof-dashboard-initial-loading {
grid-template-columns: 1fr;
}
}
.proof-skeleton-card .card.project-card.proof-list-card {
overflow: hidden;
border: 1px solid #e8edf3;
}
.proof-skeleton-card .card-body {
pointer-events: none;
cursor: default !important;
padding: 14px 16px 16px;
}
.proof-skeleton-card .proof-skeleton-card-inner {
display: grid;
grid-template-columns: minmax(0, 1fr) 78px;
gap: 16px;
align-items: start;
min-height: 100px;
}
.proof-skeleton-card .proof-skeleton-lines {
display: flex;
flex-direction: column;
justify-content: center;
}
.proof-skeleton-card .proof-skeleton-block,
.proof-skeleton-card .proof-skeleton-line {
display: block;
width: 100%;
border-radius: 10px;
background: linear-gradient(90deg, #eef2f6 20%, #f8fafc 50%, #eef2f6 80%);
background-size: 220% 100%;
animation: redcoreSkeletonShimmer 1.2s linear infinite;
}
.proof-skeleton-card .proof-skeleton-block {
width: 78px;
min-height: 78px;
border-radius: 16px;
}
.proof-skeleton-card .proof-skeleton-line {
height: 10px;
margin-top: 10px;
}
.proof-skeleton-card .proof-skeleton-line-lg {
width: 85%;
}
.proof-skeleton-card .proof-skeleton-line-md {
width: 62%;
}
.proof-skeleton-card .proof-skeleton-line-sm {
width: 48%;
}
.proof-skeleton-card .proof-skeleton-preview {
display: flex;
align-items: flex-start;
justify-content: flex-end;
padding-top: 2px;
}
.proof-skeleton-card .proof-skeleton-line-sm {
width: 45%;
height: 16px;
}
.dark-mode .proof-skeleton-card .card.project-card.proof-list-card {
border-color: #243242;
background: #1f2b38;
}
.dark-mode .proof-skeleton-card .proof-skeleton-block,
.dark-mode .proof-skeleton-card .proof-skeleton-line {
background: linear-gradient(90deg, #29394b 20%, #32485f 50%, #29394b 80%);
background-size: 220% 100%;
}
@media (prefers-reduced-motion: reduce) {
.proof-skeleton-card .proof-skeleton-block,
.proof-skeleton-card .proof-skeleton-line {
animation: none !important;
}
}
@media screen and (max-width: 960px) {
html,
body {
max-width: 100%;
overflow-x: hidden !important;
-webkit-overflow-scrolling: touch;
}
#panel.main-content,
#proof-component,
#proofGritListMainContainer,
#marketPlaceListSectionMainContainer,
.status-group {
max-width: 100%;
width: 100%;
}
}
.support-messages {
width: 0;
height: 100vh;
position: fixed;
right: 0;
bottom: 80px;
overflow: auto;
background: #ffffff;
border-left: 0 solid #e4e4e4;
box-shadow: 13px 0 34px #00000069;
z-index: 9999;
transition: 500ms;
}
.swal2-container .d-flex.col.admin-file-list {
display: grid !important;
grid-template-columns: 96px minmax(0, 1fr);
align-items: center;
gap: 10px;
padding: 12px 14px !important;
padding-right: 14px !important;
overflow: visible;
min-height: 118px;
border-radius: 12px;
}
.swal2-container .col.admin-file-list .admin-file-title-name {
text-align: center;
cursor: pointer;
}
.swal2-container .col.admin-file-list button.btn.file-donwload,
.swal2-container .col.admin-file-list button.btn.file-edit,
.swal2-container .col.admin-file-list button.btn.project-file-donwload,
.swal2-container .col.admin-file-list button.btn.file-remove {
justify-self: auto;
}
.swal2-container .col.admin-file-list .btn-group.data-tooltip.ready-to-print-with-text {
justify-self: auto;
}
.swal2-container .share-link-main-container p .admin-file-list-count {
margin: 0 6px;
min-width: 28px;
text-align: center;
vertical-align: middle;
}
.comment-wrapper {
padding: 30px 40px 35px;
margin-top: 16px !important;
width: 100vw;
max-width: 467px;
background: white;
transition: .1s;
border-bottom: 1px solid #cacaca;
}
input#proofsSearchForms {
padding: 30px 0px;
}
.single-proof-view .request-comment textarea {
height: 114px;
border-radius: 0px 0px 9px 9px;
padding: 13px 19px;
position: relative;
top: -1px;
min-height: 100px;
}
.single-proof-view img.approved-proof-image {
-webkit-user-drag: none;
user-select: none;
}
.featherlight .featherlight-content {
position: relative;
text-align: left;
vertical-align: middle;
display: inline-block;
overflow: auto;
padding: 25px 25px 0;
border-bottom: 25px solid transparent;
margin-left: 5%;
margin-right: 5%;
max-height: 95%;
background: rgb(255 255 255 / 5%);
cursor: auto;
white-space: normal;
}
a.avatar.avatar-sm.rounded-circle.view-user-from-proof {
position: absolute;
top: 8px;
}
.single-proof-view a.avatar.avatar-sm.rounded-circle.view-user-from-proof {
position: absolute;
top: 8px;
}
@media (min-width: 768px) {
.single-proof-view a.view-user-from-proof .cc_tooltip {
display: none;
position: absolute;
top: -42px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
background: #1f2937;
color: #fff;
border-radius: 6px;
padding: 6px 10px;
font-size: 12px;
z-index: 20;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.single-proof-view a.view-user-from-proof:hover .cc_tooltip {
display: block;
}
}
span.timeline-timestamp {
float: right;
font-size: 12px;
color: #909090;
font-style: normal;
}
@media (min-width: 768px) {
.single-proof-view span.timeline-timestamp {
cursor: help;
text-decoration: underline dotted transparent;
transition: color .15s ease, text-decoration-color .15s ease;
}
.single-proof-view span.timeline-timestamp:hover {
color: #64748b;
text-decoration-color: #94a3b8;
}
}
.single-proof-view .invoice-link-loading-spinner {
animation: redcoreSpin .7s linear infinite;
}
@keyframes redcoreSpin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.single-proof-view .view-proof-invoice,
.single-proof-view .view-invoice-by-order-id,
.single-proof-view .dropdown-item.proof-view-invoice {
display: inline-flex;
align-items: center;
gap: 7px;
min-height: 38px;
padding: 7px 12px !important;
border-radius: 11px;
background: #b7b7b7 !important;
border: 1px solid rgba(15, 23, 42, 0.08);
color: #111827 !important;
font-size: 13px;
font-weight: 800;
line-height: 1.1;
}
.single-proof-view .invoice-link-loading-spinner {
width: 13px;
height: 13px;
border-radius: 999px;
border: 2px solid rgba(255, 255, 255, 0.45);
border-top-color: #ffffff;
display: inline-block;
}
.single-proof-view .dropdown-item.proof-view-invoice .invoice-link-loading-spinner {
border-color: rgba(51, 65, 85, 0.25);
border-top-color: #334155;
}
.single-proof-view .invoice-action-button[data-action="load-order-history"].order-history-loading {
position: relative;
pointer-events: none;
opacity: 0.88;
}
.single-proof-view .invoice-action-button[data-action="load-order-history"].order-history-loading::after {
content: "";
display: inline-block;
width: 14px;
height: 14px;
margin-left: 8px;
border-radius: 999px;
border: 2px solid rgba(15, 23, 42, 0.18);
border-top-color: #1d4ed8;
animation: redcoreSpin .7s linear infinite;
vertical-align: middle;
}
.proof-image-comment-btn.post {
background: #FF9800;
border-color: #d68207;
color: #fff;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.single-proof-view .time-list-container {
padding-right: 19px;
margin-left: 19px;
text-align: justify;
font-size: 15px;
padding-bottom: 13px;
flex: 1 1 auto;
width: calc(100% - 55px);
border-left: 2px dotted #ededed;
padding-left: 21px;
margin-bottom: 7px;
}
.single-proof-view h3.align-justify {
text-align: justify;
padding: 13px;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
font-size: 24px;
}
@keyframes redcoreFieldBlink {
0%, 100% {
box-shadow: 0 0 0 0 rgba(239, 68, 68, 0);
border-color: #f87171;
background-color: #fff;
}
50% {
box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.18);
border-color: #dc2626;
background-color: #fff3f3;
}
}
.field-over-budget-blink {
border-color: #dc2626 !important;
animation: redcoreFieldBlink .85s ease-in-out infinite;
}
@media (prefers-reduced-motion: reduce) {
.field-over-budget-blink {
animation: none !important;
box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.2);
background-color: #fff3f3;
}
.single-proof-view .invoice-link-loading-spinner {
animation-duration: 1.4s;
}
}
.proof-invoice.proof-invoice-container {
background: #f5f5f700 !important;
border: 1px solid #e5e7eb !important;
border-radius: 14px !important;
padding: 18px 16px 92px !important;
box-shadow: none !important;
}
.proof-invoice .card-body {
padding: 0 !important;
}
.proof-invoice .card-body > .row {
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 14px !important;
padding: 14px 12px !important;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 12px;
box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
}
.proof-invoice .card-body > .row > [class*="col-"] {
padding-left: 8px !important;
padding-right: 8px !important;
}
.proof-invoice .above-label,
.proof-invoice .invoice-type-label {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.04em;
color: #6e6e73;
text-transform: uppercase;
margin-bottom: 6px;
}
.proof-invoice .above-label {
background: #ffffff;
}
.proof-details-approve-section.approval-combined-card-top {
border-bottom: 0 !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 41px;
}
.proof-details-approve-section.approval-combined-card-bottom {
border-top: 1px solid #d3d3d3 !important;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
margin-top: 0 !important;
padding-top: 18px;
}
.proof-details-approve-section.approval-combined-card-bottom .approve-shipping-title {
margin-top: 0;
}
.proof-invoice .form-control,
.proof-invoice .bootstrap-select > .dropdown-toggle {
min-height: 42px !important;
border: 1px solid #d1d5db !important;
border-radius: 10px !important;
background: #ffffff !important;
color: #1d1d1f !important;
font-size: 14px;
box-shadow: none !important;
}
.proof-invoice .form-control:focus,
.proof-invoice .bootstrap-select > .dropdown-toggle:focus {
border-color: #007aff !important;
box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.13) !important;
}
.proof-invoice .proof-invoice-lines-table {
border-radius: 12px;
overflow: hidden;
}
.proof-invoice .proof-invoice-lines-table thead th {
background: #f7f8fa;
border-bottom: 1px solid #e5e7eb !important;
color: #4b5563;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.03em;
padding-top: 12px !important;
padding-bottom: 12px !important;
}
.proof-invoice .proof-invoice-lines-table tbody tr {
background: #ffffff !important;
border-bottom: 1px solid #eef1f4;
}
.proof-invoice .proof-invoice-lines-table tbody tr:nth-child(even) {
background: #fbfcfe !important;
}
.proof-invoice .proof-invoice-lines-table tbody td {
vertical-align: top;
}
.proof-invoice .proof-invoice-message-row .form-control {
min-height: 112px !important;
resize: vertical;
}
.proof-invoice .proof-invoice-form-grid {
row-gap: 8px;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field .form-group,
.proof-invoice .proof-invoice-form-grid .invoice-fee-section .form-group {
padding: 10px;
border-radius: 10px;
border: 1px solid #e8ecf2;
background: #fbfcff;
}
.proof-invoice .proof-invoice-action-toolbar {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
margin-top: 6px;
}
.proof-invoice .proof-invoice-action-toolbar .proof-invoice-action-btn {
border-radius: 10px !important;
min-height: 42px;
padding: 10px 16px !important;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.01em;
box-shadow: 0 2px 8px rgba(15, 23, 42, 0.1);
border: 0 !important;
}
.proof-invoice .proof-invoice-action-toolbar .proof-invoice-action-btn.bg-info {
background: #007aff !important;
color: #ffffff !important;
}
.proof-invoice .proof-invoice-action-toolbar .proof-invoice-action-btn.bg-danger {
background: #ff2d55 !important;
color: #ffffff !important;
}
.proof-invoice .proof-invoice-import-export-group textarea {
min-height: 120px;
}
@media screen and (max-width: 959px) {
.proof-invoice.proof-invoice-container {
padding: 14px 10px 90px !important;
border-radius: 12px !important;
}
.proof-invoice .card-body > .row {
padding: 12px 8px !important;
margin-bottom: 10px !important;
}
.proof-invoice .proof-invoice-action-toolbar .proof-invoice-action-btn {
width: 100%;
}
}
.proof-invoice .proof-invoice-doc-controls {
display: grid !important;
grid-template-columns: repeat(6, minmax(150px, 1fr));
gap: 10px;
align-items: end;
}
.proof-invoice .proof-invoice-doc-controls > [class*="col-"] {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
padding-left: 4px !important;
padding-right: 4px !important;
}
.proof-invoice .proof-invoice-secondary-controls {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
align-items: start;
}
.proof-invoice .proof-invoice-secondary-controls > [class*="col-"] {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
.proof-invoice .proof-invoice-line-items-section {
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.proof-invoice .proof-invoice-line-items-section > .table-responsive,
.proof-invoice .proof-invoice-line-items-section > .dataTables_wrapper {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 12px;
box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
}
.proof-invoice .proof-invoice-line-items-section .dataTables_wrapper,
.proof-invoice .proof-invoice-line-items-section .dataTables_scroll,
.proof-invoice .proof-invoice-line-items-section .dataTables_scrollHead,
.proof-invoice .proof-invoice-line-items-section .dataTables_scrollBody,
.proof-invoice .proof-invoice-line-items-section .dataTables_scrollHeadInner,
.proof-invoice .proof-invoice-line-items-section table.proof-invoice-lines-table {
width: 100% !important;
max-width: 100% !important;
}
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-form-grid {
background: #f3f4f6 !important;
border-color: #e2e8f0 !important;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
.proof-invoice .proof-invoice-form-grid {
gap: 8px 16px;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field,
.proof-invoice .proof-invoice-form-grid .invoice-fee-section {
padding: 0 !important;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field .form-group,
.proof-invoice .proof-invoice-form-grid .invoice-fee-section .form-group {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
border: 0;
border-bottom: 1px solid #dbe1e8;
border-radius: 0;
padding: 12px 0 !important;
margin: 0 !important;
background: transparent !important;
box-shadow: none !important;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field .form-group label {
margin: 0;
font-size: 16px;
text-transform: none;
letter-spacing: 0;
color: #1f2937;
font-weight: 600;
}
.proof-invoice .proof-invoice-form-grid .invoice-fee-section .form-group label,
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field.proof-invoice-total-field .form-group label,
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field.proof-invoice-tax-rate-field .form-group label {
font-size: 13px !important;
line-height: 1.2;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field .form-group input.form-control {
max-width: 140px;
min-height: 40px !important;
text-align: right;
font-weight: 700;
border-radius: 10px !important;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field.proof-invoice-tax-rate-field .form-group input.form-control {
max-width: 86px;
min-height: 30px !important;
padding: 4px 8px !important;
font-size: 14px;
}
.proof-invoice .proof-invoice-readonly-value {
min-width: 88px;
text-align: right;
font-size: 14px;
line-height: 1.15;
font-weight: 700;
color: #111827;
}
.proof-invoice .proof-invoice-final-total-value {
font-size: 22px !important;
font-weight: 800 !important;
color: #1f9d55 !important;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field:last-of-type .form-group {
border-bottom: 0;
padding-bottom: 2px !important;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field:last-of-type .form-group label {
font-size: 30px;
font-weight: 800;
color: #101828;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field:last-of-type .form-group input[class*="proof_invoice_balance_due_"] {
max-width: 180px;
font-size: 30px;
font-weight: 800;
color: #2fb662 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
padding-right: 0;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field.proof-invoice-total-field .form-group,
.proof-invoice .proof-invoice-form-grid .invoice-fee-section .form-group,
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field.proof-invoice-tax-rate-field .form-group {
padding: 6px 0 !important;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field.proof-invoice-total-field .form-group label {
font-size: 13px !important;
font-weight: 700 !important;
color: #1f2937 !important;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-fee-field {
flex: 0 0 calc(33.333% - 11px);
max-width: calc(33.333% - 11px);
}
@media screen and (min-width: 768px) {
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field {
flex: 0 0 calc(50% - 8px) !important;
max-width: calc(50% - 8px) !important;
}
}
@media screen and (max-width: 767px) {
.proof-invoice .proof-invoice-form-grid .proof-invoice-fee-field {
flex: 0 0 100%;
max-width: 100%;
}
}
.proof-invoice .proof-invoice-footer-layout {
display: block;
}
@media screen and (min-width: 1200px) {
.proof-invoice .proof-invoice-footer-layout {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(360px, 0.65fr);
gap: 14px;
align-items: start;
}
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-message-row {
grid-column: 1;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-message-row > [class*="col-"] {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-message-row .form-group {
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 12px;
padding: 12px;
box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
}
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-import-export-row {
grid-column: 1;
margin: 0 !important;
padding: 0 !important;
}
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-import-export-row > [class*="col-"] {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-form-grid {
grid-column: 2;
grid-row: 1 / span 2;
margin: 0 !important;
padding: 12px !important;
background: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 12px;
box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04);
}
.proof-invoice .proof-invoice-footer-layout > .proof-rush-admin-container,
.proof-invoice .proof-invoice-footer-layout > .proof-order-history-container {
grid-column: 1 / -1;
}
}
.proof-invoice .proof-invoice-action-toolbar .proof-invoice-action-btn {
flex: 1 1 180px;
}
.proof-invoice .proof-invoice-footer-layout {
gap: 18px !important;
}
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-message-row,
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-import-export-row,
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-form-grid {
margin: 0 !important;
}
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-message-row .form-group,
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-import-export-row .proof-invoice-import-export-group,
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-form-grid {
border: 1px solid #e2e8f0 !important;
border-radius: 16px !important;
background: #ffffff !important;
box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06) !important;
}
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-message-row .form-group {
position: relative;
padding: 16px 16px 14px !important;
}
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-message-row .form-group label,
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-import-export-row .proof-invoice-import-export-group > label {
display: block;
margin-bottom: 10px !important;
font-size: 11px !important;
font-weight: 800 !important;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #64748b !important;
}
.proof-invoice .proof-invoice-message-row .form-control,
.proof-invoice .proof-invoice-import-export-group textarea {
border: 1px solid #d8e1ea !important;
border-radius: 12px !important;
background: #fbfdff !important;
box-shadow: none !important;
}
.proof-invoice .proof-invoice-message-row .form-control {
min-height: 116px !important;
padding: 14px 15px !important;
}
.proof-invoice .admin-update-memo {
top: 16px !important;
right: 16px !important;
font-size: 11px !important;
letter-spacing: 0.02em;
color: #e11d48 !important;
}
.proof-invoice .proof-invoice-import-export-row {
row-gap: 14px;
}
.proof-invoice .proof-invoice-import-export-row .proof-invoice-import-col {
padding: 0 !important;
}
.proof-invoice .proof-invoice-import-export-group {
padding: 14px !important;
gap: 10px !important;
}
.proof-invoice .proof-invoice-import-export-group textarea {
width: 100%;
min-height: 86px !important;
padding: 12px 14px !important;
}
.proof-invoice .proof-invoice-import-export-group .export-invoice-grid,
.proof-invoice .proof-invoice-import-export-group .import-invoice-grid {
min-width: 116px;
min-height: 42px;
margin-left: auto;
border-radius: 12px !important;
font-weight: 700;
box-shadow: none !important;
}
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-form-grid {
display: grid !important;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 12px !important;
padding: 16px !important;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field,
.proof-invoice .proof-invoice-form-grid .proof-invoice-fee-field,
.proof-invoice .proof-invoice-form-grid .proof-invoice-action-toolbar,
.proof-invoice .proof-invoice-form-grid > .col-lg-12 {
width: auto !important;
max-width: none !important;
padding: 0 !important;
margin: 0 !important;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field {
grid-column: span 3;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-fee-field {
grid-column: span 2;
}
.proof-invoice .proof-invoice-form-grid > .col-lg-12:not(.proof-invoice-action-toolbar) {
grid-column: 1 / -1;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-action-toolbar {
grid-column: 1 / -1;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field .form-group,
.proof-invoice .proof-invoice-form-grid .invoice-fee-section .form-group,
.proof-invoice .proof-invoice-form-grid > .col-lg-12:not(.proof-invoice-action-toolbar) .form-group {
display: flex !important;
flex-direction: column !important;
align-items: stretch !important;
justify-content: flex-start !important;
min-height: 92px;
gap: 8px !important;
padding: 14px 14px 12px !important;
margin: 0 !important;
border: 1px solid #e5ebf2 !important;
border-radius: 14px !important;
background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
box-shadow: none !important;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field .form-group label,
.proof-invoice .proof-invoice-form-grid .invoice-fee-section .form-group label,
.proof-invoice .proof-invoice-form-grid > .col-lg-12:not(.proof-invoice-action-toolbar) .form-group label {
display: block;
min-height: 28px;
margin: 0 !important;
font-size: 11px !important;
line-height: 1.25 !important;
font-weight: 800 !important;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #64748b !important;
}
.proof-invoice .proof-invoice-readonly-value {
display: flex;
align-items: flex-end;
justify-content: flex-start;
min-height: 28px;
min-width: 0;
margin: 0;
font-size: 24px;
line-height: 1;
font-weight: 800;
color: #0f172a;
overflow-wrap: anywhere;
}
.proof-invoice .proof-invoice-fee-field .proof-invoice-readonly-value {
font-size: 20px;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-tax-rate-field .form-group input.form-control {
width: 100%;
max-width: 100%;
min-height: 46px !important;
padding: 10px 12px !important;
font-size: 18px;
text-align: left;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-total-field .form-group {
background: linear-gradient(180deg, #ffffff 0%, #f2fbf5 100%) !important;
border-color: #cae8d2 !important;
}
.proof-invoice .proof-invoice-final-total-value {
font-size: 36px !important;
color: #169b50 !important;
}
.proof-invoice .proof-invoice-form-grid > .col-lg-12:not(.proof-invoice-action-toolbar) .form-group input.form-control {
min-height: 44px !important;
}
.proof-invoice .proof-invoice-action-toolbar {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px !important;
padding-top: 2px !important;
border: 0 !important;
}
.proof-invoice .proof-invoice-action-toolbar .proof-invoice-action-btn {
width: 100%;
min-width: 0;
min-height: 48px !important;
margin: 0 !important;
padding: 12px 14px !important;
border-radius: 14px !important;
font-size: 15px !important;
line-height: 1.1;
font-weight: 800 !important;
letter-spacing: 0.01em;
box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08) !important;
}
@media screen and (max-width: 1199px) {
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-form-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field,
.proof-invoice .proof-invoice-form-grid .proof-invoice-fee-field {
grid-column: span 1;
}
}
@media screen and (max-width: 767px) {
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-form-grid {
grid-template-columns: minmax(0, 1fr);
padding: 14px !important;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field,
.proof-invoice .proof-invoice-form-grid .proof-invoice-fee-field,
.proof-invoice .proof-invoice-form-grid > .col-lg-12,
.proof-invoice .proof-invoice-form-grid .proof-invoice-action-toolbar {
grid-column: 1 / -1;
}
.proof-invoice .proof-invoice-action-toolbar {
grid-template-columns: minmax(0, 1fr);
}
.proof-invoice .proof-invoice-readonly-value,
.proof-invoice .proof-invoice-fee-field .proof-invoice-readonly-value,
.proof-invoice .proof-invoice-final-total-value {
font-size: 24px !important;
}
}
.proof-invoice .proof-invoice-footer-layout > .proof-invoice-form-grid {
grid-template-columns: minmax(0, 1fr) !important;
gap: 8px !important;
padding: 14px !important;
}
.proof-invoice .proof-invoice-summary-heading,
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field,
.proof-invoice .proof-invoice-form-grid .proof-invoice-fee-mini-wrap,
.proof-invoice .proof-invoice-form-grid .proof-invoice-action-toolbar {
grid-column: 1 / -1 !important;
}
.proof-invoice .proof-invoice-summary-heading {
padding: 2px 2px 8px !important;
font-size: 15px;
font-weight: 800;
color: #111827;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field .form-group,
.proof-invoice .proof-invoice-form-grid .invoice-fee-section .form-group,
.proof-invoice .proof-invoice-form-grid > .col-lg-12:not(.proof-invoice-action-toolbar) .form-group {
min-height: 0;
gap: 0 !important;
padding: 10px 2px !important;
border-radius: 0 !important;
border-width: 0 0 1px 0 !important;
background: transparent !important;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-summary-field .form-group label,
.proof-invoice .proof-invoice-form-grid .invoice-fee-section .form-group label,
.proof-invoice .proof-invoice-form-grid > .col-lg-12:not(.proof-invoice-action-toolbar) .form-group label {
min-height: 0 !important;
max-width: 100%;
margin: 0 !important;
font-size: 15px !important;
line-height: 1.25 !important;
letter-spacing: 0 !important;
text-transform: none !important;
color: #202939 !important;
font-weight: 500 !important;
white-space: nowrap !important;
}
.proof-invoice .proof-invoice-card-note {
display: block;
min-height: 0;
margin: 0;
font-size: 10px;
line-height: 1.1;
font-weight: 700;
letter-spacing: 0.02em;
color: #94a3b8;
}
.proof-invoice .proof-invoice-readonly-value {
min-height: 0;
min-width: 0;
font-size: 16px !important;
justify-content: flex-end !important;
text-align: right !important;
}
.proof-invoice .proof-invoice-final-total-value {
font-size: 18px !important;
line-height: 1 !important;
}
.proof-invoice .proof-invoice-form-grid .proof-invoice-tax-rate-field .form-group input.form-control {
min-height: 34px !important;
max-width: 118px !important;
margin-left: auto;
padding: 6px 10px !important;
font-size: 16px !important;
text-align: center;
}
.proof-invoice .proof-invoice-message-row .form-control {
min-height: 88px !important;
padding: 12px 14px !important;
}
.proof-invoice .proof-invoice-import-export-group textarea {
min-height: 72px !important;
}
.proof-invoice .proof-invoice-action-toolbar {
gap: 10px !important;
padding-top: 0 !important;
}
.proof-invoice .proof-invoice-action-toolbar .proof-invoice-action-btn {
min-height: 44px !important;
padding: 11px 12px !important;
border-radius: 12px !important;
font-size: 14px !important;
}
.proof-invoice .proof-invoice-summary-row .form-group,
.proof-invoice .proof-invoice-credit-field .form-group,
.proof-invoice .proof-invoice-total-field .form-group {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center !important;
column-gap: 12px !important;
}
.proof-invoice .proof-invoice-credit-field .form-group input.form-control {
max-width: 110px;
min-height: 34px !important;
margin-left: auto;
padding: 6px 10px !important;
text-align: center;
}
.proof-invoice .proof-invoice-total-field .form-group {
padding-top: 14px !important;
border-bottom: 0 !important;
}
.proof-invoice .proof-invoice-total-field .form-group label {
font-size: 17px !important;
font-weight: 800 !important;
color: #111827 !important;
}
.proof-invoice .proof-invoice-total-field .proof-invoice-final-total-value {
font-size: 20px !important;
font-weight: 800 !important;
color: #22a95d !important;
}
.proof-invoice .proof-invoice-fee-mini-wrap {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
padding-top: 2px;
}
.proof-invoice .proof-invoice-fee-mini {
min-width: 0;
}
.proof-invoice .proof-invoice-fee-mini .form-group {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
padding: 8px 10px !important;
border: 1px solid #edf2f7 !important;
border-radius: 10px !important;
background: #fafcff !important;
}
.proof-invoice .proof-invoice-fee-mini .form-group label {
font-size: 10px !important;
font-weight: 700 !important;
color: #64748b !important;
}
.proof-invoice .proof-invoice-fee-mini .proof-invoice-card-note {
font-size: 9px;
}
.proof-invoice .proof-invoice-fee-mini .proof-invoice-readonly-value {
justify-content: flex-start !important;
font-size: 12px !important;
font-weight: 700 !important;
color: #334155 !important;
}
.proof-invoice .admin-update-memo {
top: 12px !important;
right: 14px !important;
}
@media screen and (max-width: 767px) {
.proof-invoice .proof-invoice-fee-mini-wrap {
grid-template-columns: minmax(0, 1fr);
}
}
.proof-invoice .proof-invoice-form-grid {
gap: 12px !important;
}
.proof-invoice .proof-invoice-summary-panel,
.proof-invoice .proof-invoice-action-toolbar,
.proof-invoice .proof-invoice-fee-mini-wrap {
grid-column: 1 / -1 !important;
}
.proof-invoice .proof-invoice-summary-panel {
background: #ffffff !important;
border: 1px solid #e5e7eb !important;
border-radius: 18px !important;
padding: 18px 18px 10px !important;
box-shadow: 0 8px 26px rgba(15, 23, 42, 0.06) !important;
}
.proof-invoice .proof-invoice-summary-heading {
padding: 0 0 10px !important;
margin: 0 !important;
font-size: 14px !important;
font-weight: 800 !important;
color: #111827 !important;
letter-spacing: 0 !important;
}
.proof-invoice .proof-invoice-summary-list {
display: flex;
flex-direction: column;
}
.proof-invoice .proof-invoice-summary-line {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto;
align-items: center !important;
gap: 14px !important;
min-height: 48px;
padding: 10px 0 !important;
border-bottom: 1px solid #e5e7eb !important;
background: transparent !important;
}
.proof-invoice .proof-invoice-summary-line:last-child {
border-bottom: 0 !important;
}
.proof-invoice .proof-invoice-summary-label {
display: inline-flex;
align-items: center;
min-width: 0;
margin: 0;
color: #1f2937;
font-size: 15px;
font-weight: 500;
line-height: 1.25;
}
.proof-invoice .proof-invoice-summary-line .proof-invoice-readonly-value {
min-width: 0;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
box-shadow: none !important;
justify-content: flex-end !important;
font-size: 18px !important;
font-weight: 700 !important;
color: #111827 !important;
}
.proof-invoice .proof-invoice-tax-rate-field input.form-control,
.proof-invoice .proof-invoice-credit-field input.form-control {
width: 112px;
max-width: 112px !important;
min-height: 40px !important;
padding: 8px 12px !important;
text-align: right;
font-size: 15px !important;
font-weight: 600;
border: 1px solid #cbd5e1 !important;
border-radius: 12px !important;
background: #ffffff !important;
}
.proof-invoice .proof-invoice-total-field {
min-height: 58px;
padding-top: 14px !important;
}
.proof-invoice .proof-invoice-total-field .proof-invoice-summary-label {
font-size: 18px;
font-weight: 800;
color: #111827;
}
.proof-invoice .proof-invoice-total-field .proof-invoice-final-total-value {
font-size: 19px !important;
font-weight: 800 !important;
color: #22a95d !important;
}
.proof-invoice .proof-invoice-action-toolbar {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px !important;
padding: 0 !important;
}
.proof-invoice .proof-invoice-action-toolbar .proof-invoice-action-btn {
width: 100%;
min-height: 44px !important;
margin: 0 !important;
border-radius: 12px !important;
padding: 11px 14px !important;
font-size: 14px !important;
font-weight: 700 !important;
box-shadow: none !important;
}
.proof-invoice .proof-invoice-fee-mini-wrap {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px !important;
padding: 0 !important;
}
.proof-invoice .proof-invoice-fee-mini .form-group {
display: flex !important;
flex-direction: column !important;
gap: 2px !important;
min-height: 0 !important;
padding: 8px 10px !important;
border: 1px solid #e5e7eb !important;
border-radius: 12px !important;
background: #ffffff !important;
}
.proof-invoice .proof-invoice-fee-mini-label {
display: block;
color: #64748b;
font-size: 10px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.proof-invoice .proof-invoice-fee-mini .proof-invoice-card-note {
margin: 0 !important;
color: #94a3b8;
font-size: 10px;
font-weight: 600;
}
.proof-invoice .proof-invoice-fee-mini .proof-invoice-readonly-value {
justify-content: flex-start !important;
padding: 0 !important;
font-size: 13px !important;
font-weight: 700 !important;
color: #1f2937 !important;
}
.proof-invoice .proof-invoice-doc-type-group {
gap: 8px !important;
}
.proof-invoice .proof-invoice-doc-type-toggle {
display: flex;
align-items: center;
padding: 3px;
border: 1px solid #d1d1d6;
border-radius: 10px;
background: #f5f5f7;
}
.proof-invoice .proof-invoice-doc-type-option {
flex: 1 1 0;
margin: 0 !important;
cursor: pointer;
}
.proof-invoice .proof-invoice-doc-type-option input[type="radio"] {
position: absolute;
opacity: 0;
pointer-events: none;
}
.proof-invoice .proof-invoice-doc-type-option span {
display: flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 8px 12px;
border-radius: 8px;
color: #6e6e73;
font-size: 14px;
font-weight: 600;
text-transform: none;
letter-spacing: 0;
transition: background 180ms ease, color 180ms ease, box-shadow 180ms ease;
}
.proof-invoice .proof-invoice-doc-type-option input[type="radio"]:checked + span {
background: #ffffff;
color: #007aff;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
}
.proof-invoice .proof-invoice-doc-type-option input[type="radio"]:disabled + span {
opacity: 0.7;
cursor: not-allowed;
}
.proof-invoice .proof-invoice-doc-type-option input[type="radio"]:checked:disabled + span {
background: #007aff;
color: #ffffff;
opacity: 1;
}
.proof-invoice .proof-invoice-message-row .form-control {
min-height: 84px !important;
}
.proof-invoice .proof-invoice-import-export-group textarea {
min-height: 68px !important;
}
@media screen and (max-width: 767px) {
.proof-invoice .proof-invoice-action-toolbar,
.proof-invoice .proof-invoice-fee-mini-wrap {
grid-template-columns: minmax(0, 1fr) !important;
}
.proof-invoice .proof-invoice-summary-panel {
padding: 16px 14px 8px !important;
}
.proof-invoice .proof-invoice-summary-line {
grid-template-columns: minmax(0, 1fr);
gap: 8px !important;
}
.proof-invoice .proof-invoice-summary-line .proof-invoice-readonly-value,
.proof-invoice .proof-invoice-summary-line input.form-control {
justify-content: flex-start !important;
margin-left: 0 !important;
}
}
.proof-invoice.proof-invoice-container.bg-white {
background: #f5f5f700 !important;
border: 1px solid #e5e7eb !important;
border-radius: 14px !important;
padding: 18px 16px 92px !important;
box-shadow: none !important;
margin: 75px auto !important;
max-width: 1416px;
}
.invoice-creator-preview-shell {
margin-top: -52px !important;
grid-column: span 4;
margin-left: -4px;
margin-right: -11px;
margin-bottom: -2px;
}
.invoice-creator-preview {
--icp-primary: #007aff;
--icp-primary-hover: #0051d5;
--icp-secondary: #5856d6;
--icp-success: #34c759;
--icp-danger: #ff3b30;
--icp-bg: #ffffff;
--icp-bg-secondary: #f5f5f7;
--icp-bg-tertiary: #e5e5ea;
--icp-text: #1d1d1f;
--icp-text-secondary: #6e6e73;
--icp-border: #d1d1d6;
--icp-shadow: rgba(0, 0, 0, 0.08);
--icp-shadow-lg: rgba(0, 0, 0, 0.14);
--icp-radius: 12px;
--icp-radius-sm: 8px;
--icp-spacing: 8px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
background: #ffffff00;
color: var(--icp-text);
border: 1px solid #e5e7eb;
border-radius: 18px;
overflow: hidden;
box-shadow: none;
}
.invoice-creator-preview .icp-top-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
flex-wrap: wrap;
padding: 18px 22px;
background: var(--icp-bg);
border-bottom: 1px solid var(--icp-border);
border-radius: 44px;
}
.invoice-creator-preview .icp-top-tools {
flex: 1 1 0;
min-width: 0;
}
.invoice-creator-preview .icp-top-actions {
margin-left: auto;
display: inline-flex;
align-items: center;
gap: 10px;
}
.invoice-creator-preview .icp-close-btn {
width: 36px;
height: 36px;
border: 1px solid var(--icp-border);
border-radius: 999px;
background: var(--icp-bg);
color: var(--icp-text-secondary);
display: inline-flex;
align-items: center;
justify-content: center;
cursor: default;
}
.invoice-creator-preview .icp-container {
padding: 24px 0px;
}
.invoice-creator-preview .icp-card {
background: rgb(255 255 255 / 76%);
border-radius: var(--icp-radius);
padding: 35px;
box-shadow: 0 2px 10px var(--icp-shadow);
}
.icp-card {
border: 3px solid #dcb6ff;
}
.invoice-creator-preview .icp-card h3 {
margin: 0 0 14px;
font-size: 17px;
font-weight: 700;
color: var(--icp-text);
}
.invoice-creator-preview .icp-document-controls,
.invoice-creator-preview .icp-line-items-section,
.invoice-creator-preview .icp-bottom-actions,
.invoice-creator-preview .icp-footer-section,
.invoice-creator-preview .icp-secondary-controls {
margin-bottom: 20px;
}
.invoice-creator-preview .icp-line-items-section {
padding-top: 42px;
}
.invoice-creator-preview .icp-quoter-buttons {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.invoice-creator-preview .icp-quoter-buttons .icp-quoter-btn:nth-child(6n+1) {
background: #eef6ff;
border-color: #cfe3ff;
color: #1d4ed8;
}
.invoice-creator-preview .icp-quoter-buttons .icp-quoter-btn:nth-child(6n+2) {
background: #effcf5;
border-color: #cfeeda;
color: #15803d;
}
.invoice-creator-preview .icp-quoter-buttons .icp-quoter-btn:nth-child(6n+3) {
background: #fff8eb;
border-color: #f7dfb2;
color: #b45309;
}
.invoice-creator-preview .icp-quoter-buttons .icp-quoter-btn:nth-child(6n+4) {
background: #f5f1ff;
border-color: #ddd1ff;
color: #6d28d9;
}
.invoice-creator-preview .icp-quoter-buttons .icp-quoter-btn:nth-child(6n+5) {
background: #fff1f2;
border-color: #fecdd3;
color: #be123c;
}
.invoice-creator-preview .icp-quoter-buttons .icp-quoter-btn:nth-child(6n) {
background: #eefaf8;
border-color: #bfe7df;
color: #0f766e;
}
.invoice-creator-preview .icp-quoter-buttons .icp-quoter-btn[data-action="synch-invoice"] {
background: #f3f4f6;
border-color: #e5e7eb;
color: #374151;
}
.invoice-creator-preview .icp-quoter-btn,
.invoice-creator-preview .icp-btn,
.invoice-creator-preview .icp-segment,
.invoice-creator-preview .icp-actions-trigger,
.invoice-creator-preview .icp-delete-row-btn {
font-family: inherit;
}
.invoice-creator-preview .icp-quoter-btn,
.invoice-creator-preview .icp-btn,
.invoice-creator-preview .icp-segment,
.invoice-creator-preview .icp-actions-trigger,
.invoice-creator-preview .icp-delete-row-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 44px;
padding: 4px 5px;
border-radius: var(--icp-radius-sm);
border: 1px solid var(--icp-border);
background: var(--icp-bg-secondary);
color: var(--icp-text);
font-size: 13px;
font-weight: 600;
}
.invoice-creator-preview .icp-top-bar .icp-quoter-btn {
min-height: 34px;
padding: 7px 11px;
font-size: 12px;
}
.invoice-creator-preview .icp-btn-primary,
.invoice-creator-preview .icp-segment.active {
background: var(--icp-primary);
border-color: var(--icp-primary);
color: #ffffff;
width: 111px;
}
.invoice-creator-preview .icp-btn-secondary {
background: var(--icp-bg-secondary);
color: var(--icp-text);
}
.invoice-creator-preview .icp-btn-secondary {
border-radius: 25px;
}
.invoice-creator-preview .icp-document-controls {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 16px;
}
.invoice-creator-preview .icp-control-group {
display: flex;
flex-direction: column;
gap: 8px;
}
.invoice-creator-preview .icp-control-group label {
font-size: 13px;
font-weight: 700;
color: var(--icp-text-secondary);
text-transform: uppercase;
letter-spacing: 0.04em;
}
.invoice-creator-preview .icp-input-field,
.invoice-creator-preview .icp-category-select,
.invoice-creator-preview .icp-description-field,
.invoice-creator-preview .icp-compact-input {
width: 100%;
min-height: 42px;
padding: 11px 13px;
border: 1px solid var(--icp-border);
border-radius: var(--icp-radius-sm);
background: var(--icp-bg);
color: var(--icp-text);
font-size: 14px;
}
.invoice-creator-preview .icp-description-field {
min-height: 42px;
resize: none;
min-width: 326px;
overflow: hidden;
height: auto;
line-height: 1.35;
box-sizing: border-box;
padding-top: 10px;
padding-bottom: 10px;
}
.invoice-creator-preview .icp-segmented-control {
display: flex;
padding: 3px;
background: var(--icp-bg-secondary);
border: 1px solid var(--icp-border);
border-radius: var(--icp-radius-sm);
}
.invoice-creator-preview .icp-segment {
flex: 1 1 0;
background: transparent;
}
.invoice-creator-preview .icp-segmented-control .icp-segment[data-action="estimate"].active {
background: var(--icp-primary);
border-color: var(--icp-primary);
color: #ffffff;
}
.invoice-creator-preview .icp-segmented-control .icp-segment[data-action="invoice"].active,
.invoice-creator-preview.icp-invoice-selected .icp-segmented-control .icp-segment[data-action="invoice"] {
background: var(--icp-success);
border-color: var(--icp-success);
color: #ffffff;
}
.invoice-creator-preview .icp-input-field[data-action="terms"].is-net-30 {
background: #d9fff2;
border-color: #18b77a;
color: #086c50;
font-weight: 700;
}
.invoice-creator-preview .icp-input-field[data-action="terms"].is-due-on-receipt {
background: #ffe7bf;
border-color: #ff9900;
color: #9a4b00;
font-weight: 700;
}
.invoice-creator-preview select.icp-input-field[data-action="terms"] {
min-height: 42px;
height: 42px;
padding-top: 0;
padding-bottom: 0;
}
.invoice-creator-preview .icp-lock-toggle {
width: 48px;
height: 48px;
border: 1px solid var(--icp-border);
border-radius: var(--icp-radius-sm);
background: var(--icp-bg);
color: var(--icp-text-secondary);
display: inline-flex;
align-items: center;
justify-content: center;
}
.invoice-creator-preview .icp-secondary-controls {
display: grid;
grid-template-columns: 1fr minmax(240px, 0.75fr) minmax(220px, 0.65fr);
gap: 20px;
}
.invoice-creator-preview .icp-emails-section {
display: flex;
flex-direction: column;
gap: 16px;
}
.invoice-creator-preview .icp-emails-summary-view {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.invoice-creator-preview .icp-emails-summary-item {
flex: 1 1 0;
min-width: 0;
}
.invoice-creator-preview .icp-email-summary-value {
min-height: 42px;
padding: 10px 12px;
border: 1px solid var(--icp-border);
border-radius: var(--icp-radius-sm);
background: #ffffff;
color: var(--icp-text);
font-size: 13px;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.invoice-creator-preview .icp-email-summary-value.is-empty {
color: var(--icp-text-secondary);
font-weight: 500;
}
.invoice-creator-preview .icp-email-edit-toggle {
min-height: 34px;
padding: 7px 11px;
font-size: 12px;
white-space: nowrap;
}
.invoice-creator-preview .icp-inline-controls {
display: flex;
gap: 14px;
align-items: flex-end;
}
.invoice-creator-preview .icp-inline-checkbox {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 10px;
font-size: 12px;
font-weight: 600;
color: var(--icp-muted);
}
.invoice-creator-preview .icp-inline-checkbox input[type="checkbox"] {
width: 16px;
height: 16px;
margin: 0;
}
.invoice-creator-preview .icp-computed-total,
.invoice-creator-preview .icp-totals-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.invoice-creator-preview .icp-computed-total {
padding-top: 14px;
margin-top: 14px;
border-top: 1px solid var(--icp-border);
}
.invoice-creator-preview .icp-computed-total strong,
.invoice-creator-preview .icp-total-row strong,
.invoice-creator-preview .icp-total-cell {
color: var(--icp-primary);
font-weight: 700;
}
.invoice-creator-preview .icp-table-container {
overflow-x: auto;
border: 1px solid var(--icp-border);
border-radius: var(--icp-radius-sm);
margin-bottom: 21px;
}
.invoice-creator-preview .icp-line-items-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
.invoice-creator-preview .icp-line-items-table thead {
background: #ede2f8;
}
.invoice-creator-preview .icp-line-items-table th,
.invoice-creator-preview .icp-line-items-table td {
padding: 14px 12px;
border-bottom: 1px solid var(--icp-border);
text-align: left;
vertical-align: top;
}
.invoice-creator-preview .icp-line-items-table td {
font-weight: 900;
}
.invoice-creator-preview .icp-line-items-table th {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.04em;
color: var(--icp-text-secondary);
}
.invoice-creator-preview .icp-description-header-cell {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.invoice-creator-preview .icp-rate-header-cell {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.invoice-creator-preview .icp-description-append-trigger,
.invoice-creator-preview .icp-rate-inject-trigger,
.invoice-creator-preview .icp-invoice-inject-rate,
.invoice-creator-preview .icp-invoice-append-description {
min-height: 22px;
padding: 2px 8px;
border: 1px solid #dbe3ee;
border-radius: 999px;
background: #f8fafc;
color: #4b5563;
font-size: 10px;
font-weight: 700;
line-height: 1;
}
.invoice-creator-preview .icp-rate-editor {
display: flex;
flex-direction: column;
gap: 6px;
}
.invoice-creator-preview .icp-rate-actions {
display: flex;
justify-content: flex-end;
}
.invoice-creator-preview .invoice-suggested-rate-text {
color: #dc2626;
font-weight: 700;
}
.invoice-creator-preview .icp-description-editor {
display: flex;
flex-direction: column;
gap: 6px;
}
.invoice-creator-preview .icp-description-actions {
display: flex;
justify-content: flex-end;
gap: 6px;
flex-wrap: wrap;
}
.invoice-creator-preview .icp-line-items-table tbody tr:nth-child(even) {
background: #f8f8fa;
}
.invoice-creator-preview .icp-line-items-table tbody tr:nth-child(odd) {
background: #ffffff;
}
.invoice-creator-preview .icp-line-items-table .icp-tax-toggle {
cursor: pointer;
user-select: none;
}
.invoice-creator-preview .icp-line-items-footer {
display: flex;
flex-direction: column;
gap: 12px;
padding-top: 14px;
}
.invoice-creator-preview .icp-line-item-restore-wrap {
display: flex;
justify-content: flex-end;
}
.invoice-creator-preview .icp-quick-add-buttons {
display: grid;
gap: 14px;
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.invoice-creator-preview .icp-quick-add-toggle {
border: 1px solid var(--icp-border);
background: var(--icp-bg-secondary);
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
min-height: 44px;
padding: 0 16px;
border-radius: var(--icp-radius-sm);
color: var(--icp-text);
font-size: 15px;
font-weight: 700;
}
.invoice-creator-preview .icp-line-item-actions {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
flex-wrap: wrap;
}
.invoice-creator-preview .icp-actions-menu {
min-width: 520px;
padding: 10px;
}
.invoice-creator-preview .icp-actions-menu-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.invoice-creator-preview .icp-actions-menu-section {
display: flex;
flex-direction: column;
gap: 6px;
}
.invoice-creator-preview .icp-actions-menu .dropdown-item {
white-space: normal;
}
.invoice-creator-preview .icp-actions-menu-checks .invoice-action-check-lists {
margin: 0;
}
.invoice-creator-preview .icp-actions-menu-checks {
gap: 4px;
}
.invoice-creator-preview .icp-actions-menu-checks .invoice-action-check-lists,
.invoice-creator-preview .icp-actions-menu-checks .invoice-action-check-lists label {
font-size: 11px;
line-height: 1.2;
}
.invoice-creator-preview .icp-actions-menu-checks .invoice-action-check-lists label {
width: 100%;
padding: 6px 9px;
min-height: 0;
justify-content: flex-start;
gap: 6px;
}
.invoice-creator-preview .icp-quick-add-toggle-icon {
width: 28px;
height: 28px;
border-radius: 999px;
border: 1px solid var(--icp-border);
background: var(--icp-bg-secondary);
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 1;
}
.invoice-creator-preview .icp-quick-add-buttons-wrap {
display: none;
width: 100%;
}
.invoice-creator-preview .icp-quick-add-section.is-open .icp-quick-add-toggle {
background: rgba(0, 122, 255, 0.08);
border-color: rgba(0, 122, 255, 0.24);
color: var(--icp-primary);
}
.invoice-creator-preview .icp-quick-add-section.is-open .icp-quick-add-toggle-icon {
background: rgba(0, 122, 255, 0.12);
border-color: rgba(0, 122, 255, 0.28);
color: var(--icp-primary);
}
.invoice-creator-preview .icp-footer-section {
display: grid;
grid-template-columns: minmax(0, 1fr) 380px;
gap: 20px;
}
.invoice-creator-preview .icp-messages-container {
display: flex;
flex-direction: column;
gap: 16px;
}
.invoice-creator-preview .icp-message-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.invoice-creator-preview .icp-textarea {
min-height: 100px;
}
.invoice-creator-preview .icp-import-export-section {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.invoice-creator-preview .icp-fee-inline-strip {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
padding-top: 2px;
}
.invoice-creator-preview .icp-fee-inline-item {
display: flex;
flex-direction: column;
gap: 2px;
padding: 7px 8px;
border: 1px solid #ebeef3;
border-radius: 10px;
background: #fafbfc;
}
.invoice-creator-preview .icp-fee-inline-item.is-cheapest-fee,
.invoice-creator-preview .icp-fee-item.is-cheapest-fee {
border-color: #22c55e !important;
outline: 2px solid #22c55e;
outline-offset: 0;
box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.12), 0 10px 22px rgba(34, 197, 94, 0.10) !important;
}
.invoice-creator-preview .icp-fee-inline-item.is-highest-fee label,
.invoice-creator-preview .icp-fee-item.is-highest-fee label {
color: #dc2626 !important;
}
.invoice-creator-preview .icp-fee-inline-label {
font-size: 9px;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.08em;
font-weight: 700;
color: #94a3b8;
}
.invoice-creator-preview .icp-fee-inline-item label {
margin: 0;
font-size: 10px;
font-weight: 600;
color: var(--icp-text-secondary);
}
.invoice-creator-preview .icp-fee-value {
display: block;
padding-top: 3px;
font-size: 18px;
font-weight: 800;
color: var(--icp-text);
}
.invoice-creator-preview .icp-fee-inline-item .icp-fee-input {
min-height: 28px;
padding: 4px 8px;
font-size: 11px;
font-weight: 700;
border-radius: 8px;
background: #ffffff;
color: var(--icp-text);
}
.invoice-creator-preview .icp-totals-row {
gap: 16px;
padding: 12px 0;
border-bottom: 1px solid var(--icp-border);
font-size: 15px;
}
.invoice-creator-preview .icp-editable-row .icp-input-field {
width: 110px;
min-height: 40px;
padding: 8px 12px;
text-align: right;
}
.invoice-creator-preview .icp-total-row {
border-bottom: 0;
padding-top: 18px;
font-size: 20px;
font-weight: 800;
}
.invoice-creator-preview .icp-total-row strong {
color: var(--icp-success);
}
.invoice-creator-preview-shell .icp-floating-total-pill {
position: fixed;
left: 22px;
bottom: 18px;
z-index: 1045;
display: flex;
align-items: center;
gap: 10px;
padding: 12px 16px;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 999px;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
opacity: 0;
transform: translateY(12px);
pointer-events: none;
transition: opacity 0.18s ease, transform 0.18s ease;
}
.invoice-creator-preview-shell .icp-floating-total-pill.is-visible {
opacity: 1;
transform: translateY(0);
}
.invoice-creator-preview-shell .icp-floating-total-pill span {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--icp-success);
}
.invoice-creator-preview-shell .icp-floating-total-pill strong {
font-size: 18px;
font-weight: 800;
color: var(--icp-success);
}
.invoice-creator-preview .icp-fee-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.invoice-creator-preview .icp-fee-item {
display: flex;
flex-direction: column;
gap: 8px;
}
.invoice-creator-preview .icp-fee-item label {
font-size: 13px;
font-weight: 700;
color: var(--icp-text-secondary);
}
.invoice-creator-preview .icp-fee-input {
background: var(--icp-bg-secondary);
font-weight: 700;
color: var(--icp-primary);
}
.invoice-creator-preview .icp-bottom-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
padding: 0;
}
.invoice-creator-preview .icp-bottom-actions .icp-btn {
min-width: 180px;
}
.invoice-creator-preview .icp-delete-row-btn {
min-height: 30px;
width: 30px;
padding: 0;
border-radius: 999px;
font-size: 13px;
font-weight: 800;
background: #fff5f5;
border-color: #fecaca;
color: #b91c1c;
}
.invoice-creator-preview .icp-invoice-reset-description-style {
margin-top: 6px;
min-height: 16px;
padding: 4px 8px;
font-size: 9px;
border-radius: 999px;
padding: 0px 9px !important;
float: right;
}
.invoice-creator-preview input.icp-invoice-qty.icp-compact-input.proof-lock-tag {
min-width: 67px;
max-height: 42px;
}
.invoice-creator-preview select.icp-category-select.proof-lock-tag {
max-width: 201px;
}
.invoice-description-append-modal {
display: flex;
flex-direction: column;
gap: 12px;
text-align: left;
}
.invoice-description-append-modal .invoice-description-append-label {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
color: #64748b;
}
.invoice-description-append-modal .invoice-description-append-actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
@media screen and (max-width: 1199px) {
.invoice-creator-preview .icp-quick-add-buttons {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.invoice-creator-preview .icp-secondary-controls,
.invoice-creator-preview .icp-footer-section,
.invoice-creator-preview .icp-fee-grid,
.invoice-creator-preview .icp-fee-inline-strip,
.invoice-creator-preview .icp-message-grid {
grid-template-columns: minmax(0, 1fr);
}
}
@media screen and (max-width: 991px) {
.invoice-creator-preview .icp-quick-add-buttons {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media screen and (max-width: 767px) {
.invoice-creator-preview .icp-quick-add-buttons {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.invoice-creator-preview .icp-container {
padding: 16px;
}
.invoice-creator-preview .icp-document-controls,
.invoice-creator-preview .icp-secondary-controls,
.invoice-creator-preview .icp-footer-section,
.invoice-creator-preview .icp-fee-grid,
.invoice-creator-preview .icp-fee-inline-strip,
.invoice-creator-preview .icp-message-grid {
grid-template-columns: minmax(0, 1fr);
}
.invoice-creator-preview .icp-inline-controls,
.invoice-creator-preview .icp-line-item-actions {
flex-direction: column;
align-items: stretch;
}
.invoice-creator-preview .icp-bottom-actions .icp-btn {
min-width: 0;
width: 100%;
}
.invoice-creator-preview .icp-top-actions {
width: 100%;
justify-content: flex-end;
}
.invoice-creator-preview-shell .icp-floating-total-pill {
left: 14px;
right: 14px;
bottom: 14px;
justify-content: space-between;
}
}
@media screen and (max-width: 575px) {
.invoice-creator-preview .icp-quick-add-buttons {
grid-template-columns: minmax(0, 1fr);
}
}
@keyframes proofViewerDockPop {
0% {
opacity: 0;
transform: translateY(8px) scale(0.94);
}
60% {
opacity: 1;
transform: translateY(-3px) scale(1.03);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}
body:not(.single-proof-view) #proof-view #current_clients,
body.single.single-proofs:not(.single-proof-view) #current_clients,
body.single-proofs:not(.single-proof-view) #current_clients {
position: fixed !important;
right: 0px !important;
left: auto !important;
bottom: -15px !important;
top: auto !important;
width: 463px !important;
max-width: calc(100vw - 24px) !important;
min-width: 475px;
margin: 0 !important;
padding: 10px 12px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
min-height: 64px;
border-top: 1px solid rgba(148, 163, 184, 0.38) !important;
border-right: 0 !important;
border-bottom: 0 !important;
border-left: 0 !important;
border-radius: 0px !important;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 250, 252, 0.94)) !important;
box-shadow: 0 14px 38px rgba(15, 23, 42, 0.24) !important;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
z-index: 1055 !important;
vertical-align: middle;
}
body:not(.single-proof-view) #proof-view #client_list_option_online,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online,
body.single-proofs:not(.single-proof-view) #client_list_option_online {
position: relative !important;
right: 1px;
left: auto !important;
bottom: 6px;
top: auto !important;
width: 100% !important;
max-width: 100% !important;
margin: -1px !important;
padding: 18px 13px !important;
border-radius: 0 !important;
list-style: none;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex-wrap: nowrap !important;
gap: 0 !important;
overflow: visible !important;
height: 84px;
top: 48px;
}
body:not(.single-proof-view) #proof-view #client_list_option_online.multiple-users-list:after,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online.multiple-users-list:after,
body.single-proofs:not(.single-proof-view) #client_list_option_online.multiple-users-list:after {
content: attr(data-after) !important;
}
body:not(.single-proof-view) #proof-view #client_list_option_online.single-user-list:after,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online.single-user-list:after,
body.single-proofs:not(.single-proof-view) #client_list_option_online.single-user-list:after {
content: "1 Proof Viewer" !important;
}
body:not(.single-proof-view) #proof-view #client_list_option_online:after,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online:after,
body.single-proofs:not(.single-proof-view) #client_list_option_online:after {
content: "Proof Viewers";
position: static;
display: inline-flex !important;
align-items: center;
justify-content: center;
padding: 8px 12px;
margin-left: 10px;
border-radius: 999px;
border: 1px solid rgba(203, 213, 225, 0.95);
background: rgba(255, 255, 255, 0.96);
color: #1f2937;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.02em;
box-shadow: 0 7px 22px rgba(15, 23, 42, 0.16);
order: 1000;
white-space: nowrap;
}
body:not(.single-proof-view) #proof-view #client_list_option_online a.avatar,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar,
body.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar {
position: relative !important;
top: 0 !important;
left: 0 !important;
width: 50px !important;
height: 48px !important;
min-width: 45px !important;
margin: 0 0 0 -16px !important;
padding-left: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
border-radius: 999px !important;
border: 1px solid rgba(15, 23, 42, 0.14) !important;
background: #ffffff !important;
box-shadow: 0 4px 6px rgba(2, 6, 23, 0.2) !important;
overflow: visible !important;
cursor: pointer;
z-index: 2 !important;
transition: transform 220ms cubic-bezier(0.2, 0.9, 0.2, 1), box-shadow 220ms cubic-bezier(0.2, 0.9, 0.2, 1), filter 220ms cubic-bezier(0.2, 0.9, 0.2, 1);
animation: proofViewerDockPop 420ms cubic-bezier(0.2, 0.9, 0.2, 1) both;
padding: 1px;
}
body:not(.single-proof-view) #proof-view #client_list_option_online a.avatar:first-child,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar:first-child,
body.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar:first-child {
margin-left: 0 !important;
}
body:not(.single-proof-view) #proof-view #client_list_option_online a.avatar:hover,
body:not(.single-proof-view) #proof-view #client_list_option_online a.avatar:focus-visible,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar:hover,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar:focus-visible,
body.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar:hover,
body.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar:focus-visible {
transform: translateY(-8px) scale(1.08);
box-shadow: 0 16px 34px rgba(2, 6, 23, 0.24) !important;
filter: saturate(1.05);
z-index: 40;
}
body:not(.single-proof-view) #proof-view #client_list_option_online a.avatar img,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar img,
body.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar img {
width: 42px !important;
height: 42px !important;
min-width: 44px !important;
position: static !important;
right: auto !important;
top: auto !important;
object-fit: cover;
border-radius: 50% !important;
border: 2px solid #6f6f6f !important;
background: #ffffff;
box-shadow: none !important;
}
body:not(.single-proof-view) #proof-view #client_list_option_online a.add-new-users,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a.add-new-users,
body.single-proofs:not(.single-proof-view) #client_list_option_online a.add-new-users {
border: 2px dashed #F44336 !important;
background: linear-gradient(135deg, rgb(255 255 255), rgb(210 210 210)) !important;
color: #1f2937 !important;
order: 999 !important;
margin-left: -9px !important;
z-index: 10001 !important;
}
body:not(.single-proof-view) #proof-view #client_list_option_online a.add-new-users:hover,
body:not(.single-proof-view) #proof-view #client_list_option_online a.add-new-users:focus-visible,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a.add-new-users:hover,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a.add-new-users:focus-visible,
body.single-proofs:not(.single-proof-view) #client_list_option_online a.add-new-users:hover,
body.single-proofs:not(.single-proof-view) #client_list_option_online a.add-new-users:focus-visible {
z-index: 10000 !important;
}
body:not(.single-proof-view) #proof-view #client_list_option_online a.remove-selected-users,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a.remove-selected-users,
body.single-proofs:not(.single-proof-view) #client_list_option_online a.remove-selected-users {
border: 1px dashed rgba(239, 68, 68, 0.35) !important;
background: linear-gradient(135deg, rgba(248, 113, 113, 0.16), rgba(251, 191, 36, 0.12)) !important;
color: #7f1d1d !important;
}
body:not(.single-proof-view) #proof-view #client_list_option_online a div.mCS_img_loaded,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a div.mCS_img_loaded,
body.single-proofs:not(.single-proof-view) #client_list_option_online a div.mCS_img_loaded {
position: static !important;
top: auto !important;
right: auto !important;
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 18px !important;
font-weight: 800 !important;
line-height: 1 !important;
color: inherit !important;
}
body:not(.single-proof-view) #proof-view #client_list_option_online a .cc_tooltip,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a .cc_tooltip,
body.single-proofs:not(.single-proof-view) #client_list_option_online a .cc_tooltip {
position: absolute !important;
left: 50% !important;
top: auto !important;
bottom: calc(100% + 12px) !important;
display: block !important;
width: auto !important;
max-width: 280px;
max-height: none !important;
padding: 7px !important;
border-radius: 14px !important;
background: transparent !important;
color: #ffffff !important;
transform: translate(-50%, 8px) !important;
opacity: 0;
pointer-events: none;
z-index: 120;
transition: opacity 160ms cubic-bezier(0.2, 0.9, 0.2, 1), transform 160ms cubic-bezier(0.2, 0.9, 0.2, 1);
}
body:not(.single-proof-view) #proof-view #client_list_option_online a.add-new-users div.mCS_img_loaded,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a.add-new-users div.mCS_img_loaded,
body.single-proofs:not(.single-proof-view) #client_list_option_online a.add-new-users div.mCS_img_loaded {
position: absolute !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
text-align: center !important;
}
body:not(.single-proof-view) #proof-view #client_list_option_online a .cc_tooltip .cc_tooltip_card,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a .cc_tooltip .cc_tooltip_card,
body.single-proofs:not(.single-proof-view) #client_list_option_online a .cc_tooltip .cc_tooltip_card {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 12px;
border-radius: 14px;
border: 1px solid rgba(255, 255, 255, 0.18);
background: rgba(17, 24, 39, 0.92);
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
body:not(.single-proof-view) #proof-view #client_list_option_online a .cc_tooltip .cc_tooltip_name,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a .cc_tooltip .cc_tooltip_name,
body.single-proofs:not(.single-proof-view) #client_list_option_online a .cc_tooltip .cc_tooltip_name {
font-size: 12px;
font-weight: 700;
line-height: 1.2;
white-space: nowrap;
}
body:not(.single-proof-view) #proof-view #client_list_option_online a:hover .cc_tooltip,
body:not(.single-proof-view) #proof-view #client_list_option_online a:focus-visible .cc_tooltip,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a:hover .cc_tooltip,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a:focus-visible .cc_tooltip,
body.single-proofs:not(.single-proof-view) #client_list_option_online a:hover .cc_tooltip,
body.single-proofs:not(.single-proof-view) #client_list_option_online a:focus-visible .cc_tooltip {
opacity: 1;
transform: translate(-50%, 0) !important;
}
body:not(.single-proof-view) #proof-view #client_list_option_online a .cc_tooltip_arrow,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a .cc_tooltip_arrow,
body.single-proofs:not(.single-proof-view) #client_list_option_online a .cc_tooltip_arrow {
display: none !important;
}
@media screen and (max-width: 959px) {
body:not(.single-proof-view) #proof-view #current_clients,
body.single.single-proofs:not(.single-proof-view) #current_clients,
body.single-proofs:not(.single-proof-view) #current_clients {
right: 10px !important;
bottom: 10px !important;
padding: 8px !important;
width: calc(100vw - 20px) !important;
min-width: 120px;
max-width: calc(100vw - 20px) !important;
min-height: 56px;
}
body:not(.single-proof-view) #proof-view #client_list_option_online:after,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online:after,
body.single-proofs:not(.single-proof-view) #client_list_option_online:after {
font-size: 9px;
padding: 6px 9px;
margin-left: 8px;
}
body:not(.single-proof-view) #proof-view #client_list_option_online a.avatar,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar,
body.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar {
width: 36px !important;
height: 36px !important;
min-width: 36px !important;
margin-left: -16px !important;
}
body:not(.single-proof-view) #proof-view #client_list_option_online a.avatar img,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar img,
body.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar img {
width: 32px !important;
height: 32px !important;
min-width: 32px !important;
}
body:not(.single-proof-view) #proof-view #client_list_option_online a .cc_tooltip,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a .cc_tooltip,
body.single-proofs:not(.single-proof-view) #client_list_option_online a .cc_tooltip {
display: none !important;
}
}
@media (prefers-reduced-motion: reduce) {
body:not(.single-proof-view) #proof-view #client_list_option_online a.avatar,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar,
body.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar,
body:not(.single-proof-view) #proof-view #client_list_option_online a .cc_tooltip,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a .cc_tooltip,
body.single-proofs:not(.single-proof-view) #client_list_option_online a .cc_tooltip {
animation: none !important;
transition: none !important;
}
body:not(.single-proof-view) #proof-view #client_list_option_online a.avatar:hover,
body:not(.single-proof-view) #proof-view #client_list_option_online a.avatar:focus-visible,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar:hover,
body.single.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar:focus-visible,
body.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar:hover,
body.single-proofs:not(.single-proof-view) #client_list_option_online a.avatar:focus-visible {
transform: none !important;
}
}
span.btn.manual-entry-credit {
margin: 0 0 0 30px;
background: red;
color: #fff;
border-radius: 25px;
padding: 7px !important;
font-size: 10px;
}
#defualt-preview-image-list ul > li.list-group-item {
contain: initial !important;
content-visibility: initial !important;
z-index: 1px;
}
.proof-file-image-section img {
max-width: 100%;
padding-bottom: 20px;
margin-bottom: 30px;
border: 10px solid #ddd;
}
#profile-billing-section .profile-payment-methods-page {
padding: 12px 0 22px;
}
#profile-billing-section .profile-payment-methods-grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
#profile-billing-section .profile-payment-card {
background: #fff;
border: 1px solid #e5ebf2;
border-radius: 14px;
padding: 18px;
box-shadow: 0 6px 22px rgba(15, 23, 42, 0.05);
}
#profile-billing-section .profile-payment-card__head h2,
#profile-billing-section .profile-payment-card__head h3 {
margin: 0 0 6px;
font-weight: 700;
color: #111827;
}
#profile-billing-section .profile-payment-card__head p {
margin: 0 0 14px;
color: #64748b;
font-size: 13px;
}
#profile-billing-section .profile-payment-form {
margin: 0;
}
#profile-billing-section .profile-payment-field {
margin-bottom: 14px;
}
#profile-billing-section .profile-payment-field label {
display: block;
font-size: 12px;
font-weight: 700;
color: #334155;
margin-bottom: 6px;
}
#profile-billing-section .invoice-payment-form input {
color: #111827;
}
#profile-billing-section .profile-payment-stripe.form-control {
min-height: 46px;
display: flex;
align-items: center;
border: 1px solid #d7e0ea;
border-radius: 10px;
background: #fff;
padding: 10px 12px;
}
#profile-billing-section .profile-payment-stripe-row {
margin-top: 10px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
#profile-billing-section .profile-payment-stripe-row-item label {
display: block;
font-size: 11px;
font-weight: 700;
color: #334155;
margin: 0 0 5px;
}
#profile-billing-section #invoice_payment_exp.profile-payment-stripe.form-control,
#profile-billing-section #invoice_payment_cvc.profile-payment-stripe.form-control {
min-height: 42px;
}
#profile-billing-section #invoice_payment_card_number .__PrivateStripeElement,
#profile-billing-section #invoice_payment_card_number .StripeElement {
width: 100%;
display: block;
}
#profile-billing-section #invoice_payment_exp .__PrivateStripeElement,
#profile-billing-section #invoice_payment_exp .StripeElement,
#profile-billing-section #invoice_payment_cvc .__PrivateStripeElement,
#profile-billing-section #invoice_payment_cvc .StripeElement {
width: 100%;
display: block;
}
#profile-billing-section #invoice_payment_card_number iframe,
#profile-billing-section #invoice_payment_exp iframe,
#profile-billing-section #invoice_payment_cvc iframe {
width: 100% !important;
min-height: 20px !important;
pointer-events: auto !important;
opacity: 1 !important;
}
#profile-billing-section #invoice_payment_card_number.rc-stripe-focus,
#profile-billing-section #invoice_payment_exp.rc-stripe-focus,
#profile-billing-section #invoice_payment_cvc.rc-stripe-focus {
border-color: #60a5fa;
box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.2);
}
#profile-billing-section #invoice_payment_card_number.rc-stripe-invalid,
#profile-billing-section #invoice_payment_exp.rc-stripe-invalid,
#profile-billing-section #invoice_payment_cvc.rc-stripe-invalid {
border-color: #ef4444;
}
#profile-billing-section .profile-payment-options {
display: flex;
flex-wrap: wrap;
gap: 12px 18px;
margin: 2px 0 12px;
}
#profile-billing-section .profile-payment-check {
display: inline-flex;
align-items: center;
gap: 7px;
margin: 0;
font-size: 12px;
color: #1f2937;
font-weight: 600;
}
#profile-billing-section .profile-payment-check--muted {
color: #64748b;
font-weight: 500;
}
#profile-billing-section .profile-payment-submit {
width: 100%;
min-height: 44px;
border-radius: 11px;
font-weight: 700;
font-size: 14px;
}
#profile-billing-section .profile-payment-error {
min-height: 18px;
color: #dc2626;
font-size: 12px;
margin: 0 0 10px;
}
#profile-billing-section .profile-payment-method-list {
display: grid;
gap: 10px;
}
#profile-billing-section .profile-payment-method-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
border: 1px solid #e5ebf2;
border-radius: 12px;
padding: 12px 14px;
background: #fafcff;
}
#profile-billing-section .profile-payment-method-main {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
#profile-billing-section .profile-payment-method-brand .avatar {
width: 38px;
height: 38px;
border-radius: 8px;
object-fit: contain;
border: 1px solid #e5ebf2;
background: #fff;
}
#profile-billing-section .profile-payment-method-text {
min-width: 0;
}
#profile-billing-section .profile-payment-method-type {
color: #0f172a;
font-weight: 700;
font-size: 13px;
text-transform: capitalize;
}
#profile-billing-section .profile-payment-method-last4,
#profile-billing-section .profile-payment-method-exp {
color: #64748b;
font-size: 12px;
line-height: 1.35;
}
#profile-billing-section .profile-payment-expired-badge {
display: inline-block;
margin-left: 6px;
padding: 1px 6px;
border-radius: 999px;
border: 1px solid #fca5a5;
background: #fee2e2;
color: #b91c1c;
font-size: 10px;
font-weight: 700;
line-height: 1.2;
vertical-align: middle;
}
#profile-billing-section .profile-payment-method-actions {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
justify-content: flex-end;
}
#profile-billing-section .profile-payment-default {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 0;
color: #334155;
font-size: 12px;
font-weight: 600;
white-space: nowrap;
}
#profile-billing-section .profile-payment-default input {
margin: 0;
}
#profile-billing-section .profile-payment-method-empty {
border: 1px dashed #d5dee8;
border-radius: 12px;
padding: 14px;
color: #64748b;
font-size: 13px;
text-align: center;
background: #fbfdff;
}
@media (max-width: 959px) {
#profile-billing-section .profile-payment-stripe-row {
grid-template-columns: 1fr;
gap: 8px;
}
#profile-billing-section .profile-payment-method-row {
flex-direction: column;
align-items: flex-start;
}
#profile-billing-section .profile-payment-method-actions {
width: 100%;
justify-content: space-between;
}
}
@media (min-width: 960px) {
#profile-billing-section .profile-payment-methods-grid {
grid-template-columns: 1.05fr 1fr;
align-items: start;
}
}
.dark-mode #profile-billing-section .profile-payment-card,
.theme-dark #profile-billing-section .profile-payment-card {
background: #111827;
border-color: #293548;
box-shadow: none;
}
.dark-mode #profile-billing-section .profile-payment-card__head h2,
.dark-mode #profile-billing-section .profile-payment-card__head h3,
.theme-dark #profile-billing-section .profile-payment-card__head h2,
.theme-dark #profile-billing-section .profile-payment-card__head h3 {
color: #f8fafc;
}
.dark-mode #profile-billing-section .profile-payment-card__head p,
.dark-mode #profile-billing-section .profile-payment-check,
.dark-mode #profile-billing-section .profile-payment-method-last4,
.dark-mode #profile-billing-section .profile-payment-method-exp,
.dark-mode #profile-billing-section .profile-payment-default,
.dark-mode #profile-billing-section .profile-payment-stripe-row-item label,
.theme-dark #profile-billing-section .profile-payment-card__head p,
.theme-dark #profile-billing-section .profile-payment-check,
.theme-dark #profile-billing-section .profile-payment-method-last4,
.theme-dark #profile-billing-section .profile-payment-method-exp,
.theme-dark #profile-billing-section .profile-payment-default,
.theme-dark #profile-billing-section .profile-payment-stripe-row-item label {
color: #94a3b8;
}
.dark-mode #profile-billing-section .profile-payment-stripe.form-control,
.theme-dark #profile-billing-section .profile-payment-stripe.form-control {
background: #0b1220;
border-color: #314156;
}
.dark-mode #profile-billing-section .invoice-payment-form input,
.theme-dark #profile-billing-section .invoice-payment-form input {
color: #e2e8f0;
}
.dark-mode #profile-billing-section .profile-payment-method-row,
.theme-dark #profile-billing-section .profile-payment-method-row {
background: #0b1220;
border-color: #293548;
}
.dark-mode #profile-billing-section .profile-payment-expired-badge,
.theme-dark #profile-billing-section .profile-payment-expired-badge {
background: rgba(220, 38, 38, 0.2);
border-color: rgba(248, 113, 113, 0.55);
color: #fecaca;
}
a.invoice-action-check-lists {
margin: 5px 0;
}
a.invoice-action-check-lists[checked="checked"] {
background: #2dce89;
}
a.invoice-action-check-lists.active {
background: #009688;
color: #fff;
}
button.icp-lock-toggle.active {
background: red;
color: #fff;
cursor: none;
}
.proof-invoice .card-body .row.proof-invoice-doc-controls.hide {
display: none !important;
}
.row.proof-invoice-contact-row.proof-invoice-secondary-controls {
display: none !important;
}
.row.proof-invoice-form-grid.hide {
display: none !important;
}
.invoice-line-item-button-container .btn-group.proof-card-tag {
bottom: 10px !important;
top: auto !important;
right: 30px !important;
}
div.invoice-item-actoin-container button.edit-line-item-button {
max-height: 30px;
}
.item-action-button {
display: flex;
justify-content: left;
flex-direction: column;
gap: 5px;
}
div#redcore_invoice_category_lists {
gap: 10px;
}
div#invoice_cat_edit_section {
border: 4px solid #ddd;
margin-bottom: 30px;
}
#invoice_cat_edit_section > .form-group {
margin: 0px auto 30px auto;
}
button.btn.submit-invoice-category {
background: #E91E63;
color: #fff;
padding: 10px 30px !important;
}
span.tag.btn.btn-primary.btn-round.invoice-category-tagsinput {
padding: 10px 20px !important;
}
#invoice_cat_edit_section .bootstrap-tagsinput .tag:hover [data-role="remove"] {
right: 1px !important;
padding: 10px !important;
margin: 0 !important;
top: 10px !important;
}
#invoice_cat_edit_section .bootstrap-tagsinput .tag [data-role="remove"]:after {
padding: 2px 2px !important;
top: -10px !important;
left: -5px !important;
}
.col-lg-4.invoice-cat-section-card {
background: #9e9e9e66;
padding: 0px;
padding: 20px;
max-width: 32% !important;
}
.category-keywords-lists.text-left {
padding: 12px 15px;
background: #FF9800;
border-radius: 25px;
}
.col-12.d-flex.mb-3.exists-custom-tool-url-container a.btn {
border-color: transparent !important;
}
.col-12.d-flex.mb-3.exists-custom-tool-url-container {
flex-wrap: wrap;
}
.col-12.d-flex.mb-3.exists-custom-tool-url-container .custom-tool-url-list {
background: #009688;
color: #fff;
}
.support-messages.only-redcore.admin-chat-refresh {
--admin-chat-shell: linear-gradient(180deg, #fff8f7 0%, #ffffff 18%, #f8fbff 100%);
--admin-chat-border: rgba(148, 163, 184, 0.26);
--admin-chat-shadow: 0 28px 80px rgba(15, 23, 42, 0.24);
--admin-chat-ink: #0f172a;
--admin-chat-muted: #64748b;
--admin-chat-soft: #eef2f7;
--admin-chat-admin-bg: linear-gradient(180deg, #fff1f1 0%, #ffe4e6 100%);
--admin-chat-admin-border: rgba(239, 68, 68, 0.22);
--admin-chat-user-bg: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
--admin-chat-user-border: rgba(148, 163, 184, 0.2);
--admin-chat-brand: #b91c1c;
--admin-chat-brand-soft: #fee2e2;
--admin-chat-brand-2: #7c2d12;
border-left: 0;
background: var(--admin-chat-shell);
box-shadow: var(--admin-chat-shadow);
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: rgba(148, 163, 184, 0.45) transparent;
}
.support-messages.only-redcore.admin-chat-refresh.addMessageWidth {
width: min(720px, calc(100vw - 32px));
max-width: 588px;
height: calc(100vh - 88px);
max-height: calc(100vh - 88px);
right: 16px;
bottom: 78px;
border: 1px solid var(--admin-chat-border);
border-radius: 28px;
}
.support-messages.only-redcore.admin-chat-refresh .support-messages-home-header {
position: sticky;
top: 0;
left: auto;
width: 100%;
height: auto;
margin: 0;
padding: 18px 22px 16px;
display: flex;
justify-content: flex-end;
align-items: center;
gap: 12px;
border-bottom: 1px solid rgba(255, 255, 255, 0.66);
background:
linear-gradient(135deg, rgba(127, 29, 29, 0.96), rgba(220, 38, 38, 0.88)),
linear-gradient(180deg, rgba(255, 255, 255, 0.15), transparent);
backdrop-filter: blur(18px);
box-shadow: 0 12px 28px rgba(127, 29, 29, 0.16);
z-index: 10002;
}
.support-messages.only-redcore.admin-chat-refresh .support-messages-home-header::before {
content: "Redcore Pro Chat";
margin-right: auto;
color: #fff;
font-size: 18px;
font-weight: 800;
letter-spacing: -0.02em;
}
.support-messages.only-redcore.admin-chat-refresh .support-messages-home-header .intercom-header-right {
position: relative;
top: auto;
right: auto;
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: rgba(255, 255, 255, 0.18);
color: #fff;
font-size: 16px;
border: 1px solid rgba(255, 255, 255, 0.24);
box-shadow: none;
transition: transform 0.18s ease, background 0.18s ease;
}
.support-messages.only-redcore.admin-chat-refresh .support-messages-home-header .intercom-header-right:hover {
transform: translateY(-1px);
background: rgba(255, 255, 255, 0.28);
}
h2.intercom-title-sections {
background: #d8d8d8;
padding: 16px;
}
#support-messages .card-header {
margin-bottom: 0;
padding: 9px 0 25px 41px;
border-bottom: 1px solid rgba(0, 0, 0, .05);
background-color: #fff;
right: 0;
top: 0;
border-radius: 0;
max-width: 682px;
}
.messanger-search-user-container.admin-chat-refresh,
.messanger-search-user-container.admin-chat-refresh.addMessageWidth,
.messanger-search-user-container.admin-chat-refresh.addMessageWidth.hide-intercom-search {
display: none !important;
}
.support-messages.only-redcore.admin-chat-refresh #support-feedback-panel-content {
margin: 0;
padding: 9px 18px 20px;
background: transparent;
border: 0;
box-shadow: none;
}
.support-messages.only-redcore.admin-chat-refresh .padleftright,
.support-messages.only-redcore.admin-chat-refresh .padleftrighttop,
.support-messages.only-redcore.admin-chat-refresh .padleftrightbottom {
padding-left: 0;
padding-right: 0;
padding: 0 !important;
}
.support-messages.only-redcore.admin-chat-refresh .intercom-title-sections {
margin: 0 0 1px;
color: var(--admin-chat-ink);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
opacity: 0.78;
max-width: 100%;
}
.support-messages.only-redcore.admin-chat-refresh .support-li-header {
position: relative;
left: auto;
width: 100%;
max-width: 100%;
margin: 0 0 12px;
padding: 16px 18px;
border: 1px solid rgba(226, 232, 240, 0.95);
border-radius: 22px;
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
backdrop-filter: blur(14px);
transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}
.support-messages.only-redcore.admin-chat-refresh .support-li-header:hover {
transform: translateY(-1px);
box-shadow: 0 16px 28px rgba(15, 23, 42, 0.09);
border-color: rgba(248, 113, 113, 0.3);
}
.support-messages.only-redcore.admin-chat-refresh .support-li-header.category-header-active,
.support-messages.only-redcore.admin-chat-refresh .support-li-header.active-notification {
width: 99%;
padding: 0 24px;
position: sticky;
margin-left: 1px;
padding-bottom: 15px !important;
height: 103px;
border-radius: 0;
border-color: rgba(239, 68, 68, 0.38);
background: linear-gradient(180deg, rgba(255, 245, 245, 0.98), rgba(255, 255, 255, 0.98));
box-shadow: 0 18px 32px rgba(185, 28, 28, 0.12);
top: 83px !important;
}
.support-messages.only-redcore.admin-chat-refresh .support-li-header::after {
content: "";
position: absolute;
inset: auto 18px -7px 18px;
height: 14px;
border-radius: 999px;
background: radial-gradient(closest-side, rgba(248, 113, 113, 0.18), transparent 75%);
pointer-events: none;
opacity: 0;
transition: opacity 0.18s ease;
}
.support-messages.only-redcore.admin-chat-refresh .support-li-header.category-header-active::after {
opacity: 1;
}
.support-messages.only-redcore.admin-chat-refresh .support-li-header h2,
.support-messages.only-redcore.admin-chat-refresh .support-li-header h3,
.support-messages.only-redcore.admin-chat-refresh .support-li-header h4,
.support-messages.only-redcore.admin-chat-refresh .support-li-header h5,
.support-messages.only-redcore.admin-chat-refresh .support-li-header span,
.support-messages.only-redcore.admin-chat-refresh .support-li-header p {
color: var(--admin-chat-ink);
}
.support-messages.only-redcore.admin-chat-refresh .support-li-header .c__primary,
.support-messages.only-redcore.admin-chat-refresh .support-li-header .intercom-force-break {
color: var(--admin-chat-ink) !important;
font-weight: 700;
}
.support-messages.only-redcore.admin-chat-refresh .support-li-header .admin-thread-complete-slot {
flex: 0 0 auto;
max-width: none;
margin: 0 0 0 auto;
padding-top: 0;
border-top: 0;
}
.support-messages.only-redcore.admin-chat-refresh .feedbacks-lists,
.support-messages.only-redcore.admin-chat-refresh .intercom-main,
.support-messages.only-redcore.admin-chat-refresh .support-feedback-pane-users-lists {
padding-bottom: 8px;
}
.support-messages.only-redcore.admin-chat-refresh .category-container {
width: 100%;
max-width: 100%;
opacity: 1 !important;
transform: none !important;
height: auto !important;
}
.support-messages.only-redcore.admin-chat-refresh .collapse-one-list {
display: none;
width: 100%;
max-width: 100%;
box-sizing: border-box;
opacity: 1 !important;
height: auto !important;
transform: none !important;
}
.support-messages.only-redcore.admin-chat-refresh .category-container.category-header-active > .collapse-one-list,
.support-messages.only-redcore.admin-chat-refresh .collapse-one-list.in,
.support-messages.only-redcore.admin-chat-refresh .collapse-one-list.show {
display: block !important;
}
.support-messages.only-redcore.admin-chat-refresh .collapse-one-list,
.support-messages.only-redcore.admin-chat-refresh .accordion .collapse.in {
margin: 8px 0 22px;
padding: 0 0 220px;
background:
linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(248, 250, 252, 0.92)),
radial-gradient(circle at top right, rgba(254, 202, 202, 0.35), transparent 38%);
border: 1px solid rgba(226, 232, 240, 0.9);
border-radius: 26px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
overflow: visible;
max-height: none;
height: auto;
}
.support-messages.only-redcore.admin-chat-refresh .support-feedback-pane-bad,
.support-messages.only-redcore.admin-chat-refresh .feedbacks-lists,
.support-messages.only-redcore.admin-chat-refresh .intercom-main,
.support-messages.only-redcore.admin-chat-refresh .category-container {
overflow: visible !important;
}
.support-messages.only-redcore.admin-chat-refresh .admin-thread-toolbar {
position: sticky;
top: 0;
z-index: 6;
display: flex;
align-items: center;
gap: 10px;
padding: 14px 16px;
margin-bottom: 8px;
background: linear-gradient(180deg, rgba(255, 250, 250, 0.98), rgba(255, 255, 255, 0.94));
border-bottom: 1px solid rgba(226, 232, 240, 0.92);
backdrop-filter: blur(16px);
border-top-left-radius: 26px;
border-top-right-radius: 26px;
}
.support-messages.only-redcore.admin-chat-refresh .admin-thread-toolbar-label {
margin-right: auto;
color: var(--admin-chat-ink);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.support-messages.only-redcore.admin-chat-refresh .admin-thread-collapse-trigger,
.support-messages.only-redcore.admin-chat-refresh .admin-thread-close-trigger {
border: 1px solid rgba(226, 232, 240, 0.95);
background: rgba(255, 255, 255, 0.96);
color: var(--admin-chat-brand);
border-radius: 999px;
font-weight: 800;
cursor: pointer;
}
.support-messages.only-redcore.admin-chat-refresh .admin-thread-collapse-trigger {
padding: 8px 12px;
font-size: 11px;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.support-messages.only-redcore.admin-chat-refresh .admin-thread-close-trigger {
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 1;
}
.support-messages.only-redcore.admin-chat-refresh .collapse-one-list > *,
.support-messages.only-redcore.admin-chat-refresh .accordion .collapse.in > * {
width: 100%;
max-width: 523px !important;
box-sizing: border-box;
}
.support-messages.only-redcore.admin-chat-refresh .pure-u {
width: 100%;
}
.support-messages.only-redcore.admin-chat-refresh .comment-wrapper {
width: auto;
max-width: none;
margin: 14px 12px 0 !important;
padding: 18px 20px 16px;
position: relative;
border: 1px solid var(--admin-chat-user-border);
border-radius: 24px;
background: var(--admin-chat-user-bg);
box-shadow: 0 12px 24px rgba(15, 23, 42, 0.06);
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.support-messages.only-redcore.admin-chat-refresh .comment-wrapper:hover {
transform: translateY(-1px);
box-shadow: 0 16px 28px rgba(15, 23, 42, 0.08);
}
.support-messages.only-redcore.admin-chat-refresh .comment-wrapper.feedback-admin-response {
border-color: var(--admin-chat-admin-border);
background: var(--admin-chat-admin-bg) !important;
box-shadow: 0 16px 28px rgba(185, 28, 28, 0.1);
}
.support-messages.only-redcore.admin-chat-refresh .comment-wrapper.feedback-admin-response::before,
.support-messages.only-redcore.admin-chat-refresh .comment-wrapper:not(.feedback-admin-response)::before {
content: none;
}
.support-messages.only-redcore.admin-chat-refresh .feedback-comment-name-container,
.support-messages.only-redcore.admin-chat-refresh .support-feedback-avatar-image,
.support-messages.only-redcore.admin-chat-refresh .feedback-user-avatar-container {
float: none;
}
.support-messages.only-redcore.admin-chat-refresh .comment-wrapper > .pure-u {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 10px;
width: 100%;
overflow: visible;
}
.support-messages.only-redcore.admin-chat-refresh .feedback-user-avatar-container {
display: inline-flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0 !important;
flex: 0 0 auto;
}
.support-messages.only-redcore.admin-chat-refresh .feedback-comment-name-container {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 0;
width: auto;
flex: 0 1 auto;
min-width: 0;
}
.support-messages.only-redcore.admin-chat-refresh .feedback-comment-name {
position: static;
top: auto;
left: auto;
display: block;
width: auto;
min-width: 0;
max-width: 100%;
margin: 0;
color: var(--admin-chat-ink);
font-size: 13px;
font-weight: 800;
letter-spacing: -0.01em;
overflow-wrap: anywhere;
}
.support-messages.only-redcore.admin-chat-refresh .feedback-comment-time-container {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 0;
margin-left: auto;
flex: 0 0 auto;
}
.support-messages.only-redcore.admin-chat-refresh .feedback-comment-time {
position: relative;
top: -14px;
margin: 0;
color: var(--admin-chat-muted);
font-size: 10px;
font-weight: 600;
letter-spacing: 0.02em;
text-transform: uppercase;
right: 11px;
}
.support-messages.only-redcore.admin-chat-refresh .comment {
clear: both;
color: var(--admin-chat-ink);
font-size: 14px;
line-height: 1.6;
overflow: visible;
word-break: break-word;
}
.support-messages.only-redcore.admin-chat-refresh .comment p:last-child {
margin-bottom: 0;
}
.support-messages.only-redcore.admin-chat-refresh .feedback-admin-response .feedback-comment-name::after {
content: "Redcore Pro";
align-items: center;
margin-left: 8px;
padding: 4px 10px;
border-radius: 999px;
background: rgba(185, 28, 28, 0.12);
color: var(--admin-chat-brand);
font-size: 10px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
vertical-align: middle;
}
.support-messages.only-redcore.admin-chat-refresh .support-li-header.active-notification {
border-color: rgba(239, 68, 68, 0.6);
box-shadow: 0 20px 34px rgba(185, 28, 28, 0.18);
}
.support-messages.only-redcore.admin-chat-refresh .support-li-header.active-notification .c__primary {
color: #b91c1c !important;
}
.support-messages.only-redcore.admin-chat-refresh .support-li-header.active-notification::before {
content: "New";
position: absolute;
top: 14px;
right: 16px;
display: inline-flex;
align-items: center;
padding: 5px 9px;
border-radius: 999px;
background: linear-gradient(135deg, #ef4444, #dc2626);
color: #fff;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
box-shadow: 0 10px 18px rgba(220, 38, 38, 0.24);
}
.support-messages.only-redcore.admin-chat-refresh .opacity-display {
opacity: 0 !important;
transform: none !important;
height: auto !important;
pointer-events: none;
}
.support-messages.only-redcore.admin-chat-refresh .feedback-admin-response .feedback-comment-time::before {
content: "AI/Admin reply";
display: inline-block;
margin-right: 8px;
padding-right: 8px;
border-right: 1px solid rgba(185, 28, 28, 0.18);
color: var(--admin-chat-brand-2);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
}
.support-messages.only-redcore.admin-chat-refresh .intercom-suggestion-container {
margin-top: 12px;
}
.support-messages.only-redcore.admin-chat-refresh .admin-suggestion-details {
display: block;
border: 1px solid rgba(226, 232, 240, 0.92);
border-radius: 18px;
background: rgba(255, 255, 255, 0.8);
overflow: hidden;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}
.support-messages.only-redcore.admin-chat-refresh .admin-suggestion-details summary {
list-style: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
padding: 11px 14px;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--admin-chat-brand);
background: rgba(248, 250, 252, 0.95);
}
.support-messages.only-redcore.admin-chat-refresh .admin-suggestion-details summary:hover {
background: rgba(241, 245, 249, 0.98);
}
.support-messages.only-redcore.admin-chat-refresh .admin-suggestion-details summary::-webkit-details-marker {
display: none;
}
.support-messages.only-redcore.admin-chat-refresh .admin-suggestion-details summary::after {
content: 'Show';
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 54px;
padding: 5px 10px;
border-radius: 999px;
background: rgba(185, 28, 28, 0.08);
color: var(--admin-chat-brand-2);
font-size: 10px;
font-weight: 800;
}
.support-messages.only-redcore.admin-chat-refresh .admin-suggestion-details[open] summary::after {
content: 'Hide';
}
.support-messages.only-redcore.admin-chat-refresh .admin-suggestion-preview-label {
padding: 0 14px 10px;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--admin-chat-muted);
}
.support-messages.only-redcore.admin-chat-refresh .admin-suggestion-details[open] .admin-suggestion-preview-label {
padding-top: 2px;
}
.support-messages.only-redcore.admin-chat-refresh .admin-suggestion-details .client-url-view,
.support-messages.only-redcore.admin-chat-refresh .admin-suggestion-details .section-container {
margin: 0;
padding: 0 14px 14px;
}
.support-messages.only-redcore.admin-chat-refresh .intercom-suggestion-container .btn,
.support-messages.only-redcore.admin-chat-refresh .intercom-suggestion-container a,
.support-messages.only-redcore.admin-chat-refresh .intercom-suggestion-container span {
border-radius: 999px;
}
.support-messages.only-redcore.admin-chat-refresh .thread-divider {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
margin: 18px auto 8px;
padding: 6px 14px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.72);
border: 1px solid rgba(226, 232, 240, 0.92);
color: var(--admin-chat-muted);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.support-messages.only-redcore.admin-chat-refresh .thread-divider::before,
.support-messages.only-redcore.admin-chat-refresh .thread-divider::after {
display: none;
}
.support-messages.only-redcore.admin-chat-refresh .ckeditor-wrapper {
position: sticky;
left: 16px;
right: 16px;
bottom: 16px;
width: auto;
margin: 0;
padding: 14px 16px 16px;
border-radius: 24px;
border: 1px solid rgba(226, 232, 240, 0.9);
background: rgba(255, 255, 255, 0.9);
box-shadow: 0 -8px 28px rgba(15, 23, 42, 0.08);
backdrop-filter: blur(20px);
z-index: 10001;
}
.support-messages.only-redcore.admin-chat-refresh .admin-chat-complete-slot {
display: flex;
width: 100%;
justify-content: flex-end;
margin: 2px 0 10px;
}
.support-messages.only-redcore.admin-chat-refresh .admin-chat-complete-slot .completer,
.support-messages.only-redcore.admin-chat-refresh .admin-thread-complete-slot .completer {
width: auto;
margin: 0;
}
.support-messages.only-redcore.admin-chat-refresh .admin-chat-complete-slot .article-complete-btn,
.support-messages.only-redcore.admin-chat-refresh .admin-thread-complete-slot .article-complete-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: auto;
min-height: 28px;
padding: 6px 10px;
border-radius: 999px;
background: linear-gradient(135deg, #10b981, #059669);
color: #fff;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
box-shadow: 0 8px 16px rgba(5, 150, 105, 0.18);
transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.support-messages.only-redcore.admin-chat-refresh .admin-chat-complete-slot .article-complete-btn:hover,
.support-messages.only-redcore.admin-chat-refresh .admin-thread-complete-slot .article-complete-btn:hover {
transform: translateY(-1px);
box-shadow: 0 10px 18px rgba(5, 150, 105, 0.22);
}
.support-messages.only-redcore.admin-chat-refresh .support-feedback-panel-content-itcome .ckeditor-reply-button,
.support-messages.only-redcore.admin-chat-refresh .ckeditor-reply-button {
left: 24px;
right: auto;
}
.support-messages.only-redcore.admin-chat-refresh .responding-message-overlay {
position: relative;
display: none;
align-items: center;
gap: 10px;
margin-bottom: 12px;
padding: 10px 14px;
border-radius: 999px;
background: rgba(185, 28, 28, 0.08);
color: var(--admin-chat-brand);
}
.support-messages.only-redcore.admin-chat-refresh .responding-message-overlay[style*="display: block"] {
display: inline-flex !important;
}
.support-messages.only-redcore.admin-chat-refresh .pre-comment-message {
margin-bottom: 8px;
color: var(--admin-chat-muted);
display: none;
}
.support-messages.only-redcore.admin-chat-refresh .pre-comment-message:not(:empty) {
display: block;
}
.support-messages.only-redcore.admin-chat-refresh #support-message-intercom-reply {
min-height: 96px;
max-height: 240px;
overflow-y: auto;
padding: 14px 16px;
border-radius: 18px;
border: 1px solid rgba(203, 213, 225, 0.92);
background: #ffffff;
color: var(--admin-chat-ink);
box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.05);
}
.support-messages.only-redcore.admin-chat-refresh #support-message-intercom-reply:empty::before {
content: "Reply as Redcore Pro or let AI help draft it...";
color: #94a3b8;
}
.support-messages.only-redcore.admin-chat-refresh .support-center-checkboxes-container {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 12px;
}
.support-messages.only-redcore.admin-chat-refresh .support-center-checkboxes-container .support-admin-chat-toggle {
margin: 0;
}
.support-messages.only-redcore.admin-chat-refresh .support-center-checkboxes-container .support-admin-chat-toggle span {
border-radius: 999px;
min-height: 34px;
padding: 8px 14px;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.02em;
background: #fff;
border: 1px solid rgba(203, 213, 225, 0.9);
color: #334155;
}
.support-messages.only-redcore.admin-chat-refresh .support-center-checkboxes-container .support-admin-chat-toggle[for="inject-comment-checkbox"] span {
min-height: 30px;
padding: 6px 10px;
font-size: 11px;
}
.support-messages.only-redcore.admin-chat-refresh .support-center-checkboxes-container .support-admin-chat-toggle input[type="checkbox"]:checked + span,
.support-messages.only-redcore.admin-chat-refresh .support-center-checkboxes-container .support-admin-chat-toggle.is-active span {
background: var(--admin-chat-brand-soft);
border-color: rgba(248, 113, 113, 0.38);
color: var(--admin-chat-brand);
}
.support-messages.only-redcore.admin-chat-refresh .ckeditor-reply-button {
position: absolute;
right: 24px;
bottom: 24px;
width: 52px;
height: 52px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 18px;
border: 0;
background: linear-gradient(135deg, #dc2626, #b91c1c);
box-shadow: 0 16px 28px rgba(185, 28, 28, 0.28);
}
.support-messages.only-redcore.admin-chat-refresh .ckeditor-reply-button i {
font-size: 18px;
}
.support-messages.only-redcore.admin-chat-refresh .support-article-message-questions,
.support-messages.only-redcore.admin-chat-refresh .article-yes-no-btn {
padding-left: 0 !important;
padding-right: 0 !important;
}
@media (max-width: 959px) {
.support-messages.only-redcore.admin-chat-refresh.addMessageWidth {
width: calc(100vw - 14px);
max-width: none;
height: calc(100vh - 28px);
max-height: calc(100vh - 28px);
right: 7px;
bottom: 21px;
border-radius: 24px;
}
.messanger-search-user-container.admin-chat-refresh.addMessageWidth {
right: 14px;
top: 74px;
width: calc(100vw - 28px);
max-width: none;
padding: 0 12px;
}
.support-messages.only-redcore.admin-chat-refresh #support-feedback-panel-content {
padding: 20px 10px 212px;
}
.support-messages.only-redcore.admin-chat-refresh .comment-wrapper,
.support-messages.only-redcore.admin-chat-refresh .comment-wrapper.feedback-admin-response,
.support-messages.only-redcore.admin-chat-refresh .comment-wrapper:not(.feedback-admin-response) {
margin-left: 9px !important;
margin-right: 9px !important;
}
.support-messages.only-redcore.admin-chat-refresh .ckeditor-wrapper {
left: 10px;
right: 10px;
bottom: 10px;
margin: 0;
padding: 12px 12px 14px;
border-radius: 20px;
}
.support-messages.only-redcore.admin-chat-refresh .ckeditor-reply-button {
left: 18px;
right: auto;
bottom: 18px;
}
}
.intercom-delete-admin {
right: -4px;
position: relative;
top: -6px;
}
#comment-area .proof-comment-ai-checkbox {
display: inline-flex;
align-items: center;
margin-left: auto;
padding: 8px 12px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.92);
border: 1px solid rgba(220, 38, 38, 0.16);
position: relative;
isolation: isolate;
overflow: visible;
float: right;
}
#comment-area .proof-comment-ai-checkbox label {
display: inline-flex;
align-items: center;
gap: 8px;
margin: 0;
font-size: 12px;
font-weight: 700;
color: #a61b1b;
white-space: nowrap;
}
#comment-area .proof-comment-ai-checkbox.proof-ai-checkbox-active {
border-color: rgba(220, 38, 38, 0.22);
}
#comment-area .proof-comment-ai-checkbox.proof-ai-checkbox-prompt::before {
content: "";
position: absolute;
inset: -2px;
border-radius: 999px;
padding: 2px;
background: conic-gradient(
from var(--proof-ai-send-button-angle, 0deg) at 52% 49%,
rgba(79, 70, 229, .96) 0%,
rgba(124, 58, 237, .96) 18%,
rgba(236, 72, 153, .93) 34%,
rgba(249, 115, 22, .95) 48%,
rgba(250, 204, 21, .96) 60%,
rgba(34, 197, 94, .93) 73%,
rgba(14, 165, 233, .95) 86%,
rgba(79, 70, 229, .96) 100%
);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask-composite: exclude;
pointer-events: none;
z-index: -1;
animation: proofAiSendButtonColorFlow 4.4s linear infinite;
}
#comment-area .proof-comment-ai-checkbox.proof-ai-checkbox-prompt::after {
content: "";
position: absolute;
inset: -4px;
border-radius: 999px;
padding: 2px;
background: conic-gradient(
from var(--proof-ai-send-button-angle, 0deg) at 52% 49%,
rgba(79, 70, 229, .35) 0%,
rgba(124, 58, 237, .35) 18%,
rgba(236, 72, 153, .30) 34%,
rgba(249, 115, 22, .32) 48%,
rgba(250, 204, 21, .34) 60%,
rgba(34, 197, 94, .30) 73%,
rgba(14, 165, 233, .32) 86%,
rgba(79, 70, 229, .35) 100%
);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask-composite: exclude;
filter: blur(5px);
opacity: .55;
pointer-events: none;
z-index: -2;
animation: proofAiSendButtonColorFlow 4.4s linear infinite;
}
#comment-area #add_comment_submit_0,
#comment-area [id^="add_comment_submit_"] {
position: relative;
isolation: isolate;
overflow: visible;
}
#comment-area [id^="add_comment_submit_"].proof-ai-send-button {
background: #7c3aed !important;
border-color: #7c3aed !important;
}
#comment-area [id^="add_comment_submit_"].proof-ai-send-button::before {
content: "";
position: absolute;
inset: -2px;
border-radius: 6px;
padding: 4px;
background: conic-gradient(
from var(--proof-ai-send-button-angle, 0deg) at 52% 49%,
rgba(79, 70, 229, .96) 0%,
rgba(124, 58, 237, .96) 18%,
rgba(236, 72, 153, .93) 34%,
rgba(249, 115, 22, .95) 48%,
rgba(250, 204, 21, .96) 60%,
rgba(34, 197, 94, .93) 73%,
rgba(14, 165, 233, .95) 86%,
rgba(79, 70, 229, .96) 100%
);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask-composite: exclude;
z-index: -2;
pointer-events: none;
animation: proofAiSendButtonColorFlow 4.4s linear infinite;
}
#comment-area [id^="add_comment_submit_"].proof-ai-send-button::after {
content: "";
position: absolute;
inset: -4px;
border-radius: 8px;
padding: 2px;
background: conic-gradient(
from var(--proof-ai-send-button-angle, 0deg) at 52% 49%,
rgba(79, 70, 229, .48) 0%,
rgba(124, 58, 237, .48) 18%,
rgba(236, 72, 153, .42) 34%,
rgba(249, 115, 22, .44) 48%,
rgba(250, 204, 21, .46) 60%,
rgba(34, 197, 94, .42) 73%,
rgba(14, 165, 233, .44) 86%,
rgba(79, 70, 229, .48) 100%
);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask-composite: exclude;
filter: blur(6px);
opacity: .52;
z-index: -3;
pointer-events: none;
animation: proofAiSendButtonColorFlow 4.4s linear infinite;
}
@property --proof-ai-send-button-angle {
syntax: '<angle>';
inherits: false;
initial-value: 0deg;
}
@keyframes proofAiSendButtonColorFlow {
from {
--proof-ai-send-button-angle: 0deg;
}
to {
--proof-ai-send-button-angle: 360deg;
}
}
#comment-area .proof-ai-comment-local {
border-color: rgba(147, 51, 234, 0.16);
background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,245,255,0.96));
}
#comment-area .proof-ai-comment-local .comment-name {
color: #7c3aed;
}
#comment-area .comment-wrapper.proof-ai-saved-comment .comment-name {
color: #7c3aed;
}
#comment-area .proof-ai-position-title {
display: block;
margin-top: 2px;
color: #000000;
font-size: 11px;
font-weight: 400;
letter-spacing: 0.02em;
opacity: 0.9;
}
#comment-area .proof-ai-comment-loading-row {
display: inline-flex;
align-items: center;
gap: 8px;
color: #6b7280;
}
#comment-area .proof-ai-dot {
width: 7px;
height: 7px;
border-radius: 999px;
background: #7c3aed;
animation: proofAiDotPulse 1.2s ease-in-out infinite;
}
#comment-area .proof-ai-dot:nth-child(2) {
animation-delay: .16s;
}
#comment-area .proof-ai-dot:nth-child(3) {
animation-delay: .32s;
}
#comment-area .proof-ai-comment-loading-label {
font-weight: 600;
}
#comment-area .proof-comment-ai-mode-toggle {
display: inline-flex;
align-items: center;
margin-left: 8px;
padding: 8px 12px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.92);
border: 1px solid rgba(148, 163, 184, 0.2);
float: right;
opacity: 1;
}
#comment-area .proof-comment-ai-mode-toggle label {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 0;
font-size: 11px;
font-weight: 700;
color: #64748b;
white-space: nowrap;
}
#comment-area .proof-ai-retry-btn {
margin-top: 10px;
display: inline-flex !important;
align-items: center;
gap: 6px;
padding: 6px 12px;
border-radius: 999px;
border: 1px solid rgba(124, 58, 237, 0.18);
background: rgba(255,255,255,0.86);
color: #7c3aed;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
cursor: pointer;
box-shadow: 0 8px 20px rgba(124, 58, 237, 0.08);
position: relative;
z-index: 2;
width: fit-content;
margin-left: 18px;
}
#comment-area .proof-comment-complete-btn {
margin-top: 10px;
display: inline-flex !important;
align-items: center;
gap: 6px;
padding: 6px 12px;
border-radius: 999px;
border: 1px solid rgba(22, 163, 74, 0.18);
background: rgba(255,255,255,0.86);
color: #15803d;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
cursor: pointer;
box-shadow: 0 8px 20px rgba(22, 163, 74, 0.08);
position: relative;
z-index: 2;
width: fit-content;
margin-left: 18px;
}
#comment-area .proof-ai-retry-btn i {
font-size: 12px;
}
#comment-area .proof-comment-complete-btn i {
font-size: 12px;
}
#comment-area .proof-ai-retry-btn.loading,
#comment-area .proof-ai-retry-btn:disabled {
opacity: 0.55;
cursor: wait;
}
#comment-area .proof-ai-typed-text {
white-space: pre-wrap;
word-break: break-word;
}
#comment-area .proof-ai-typed-cursor {
display: inline-block;
width: 8px;
height: 1em;
margin-left: 2px;
vertical-align: text-bottom;
border-radius: 999px;
background: rgba(124, 58, 237, 0.7);
animation: proofAiTypedCursorPulse .9s ease-in-out infinite;
}
#notify_designer_email_btn {
background: #569ed8;
border: 2px solid white;
border-radius: 54px;
padding: 6px 18px;
font-size: 12px;
top: -9px;
right: 0px;
z-index: 999;
margin-top: 12px;
box-shadow: none;
}
.cancel_editor {
padding: 7px 6px !important;
position: relative;
top: 0px;
min-height: 48px;
min-width: 87px;
background: whitesmoke;
}
.alert-text {
display: inline-block;
vertical-align: middle;
width: 100%;
}
.feedback-admin-response {
margin-top: 27px;
max-width: 431px !important;
}
.pure-u .avatar {
border-radius: 100px;
width: 41px;
height: 40px;
margin-top: 0px;
padding: 0px;
min-width: 40px;
}
.move-to-top.btn {
background: #d6090b;
border-radius: 29px;
color: #fff;
border: 4px solid white;
box-shadow: 0px 3px 6px #00000033;
margin: auto;
}
.proof-viewer-swal {
width: min(640px, calc(100vw - 28px)) !important;
border-radius: 28px !important;
padding: 28px 24px 24px !important;
background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.98)) !important;
box-shadow: 0 30px 80px rgba(15, 23, 42, 0.26) !important;
}
.proof-viewer-swal h2 {
color: #0f172a !important;
font-size: 27px !important;
font-weight: 800 !important;
letter-spacing: -0.03em;
margin-bottom: 16px !important;
}
#proof-user-add-section .nav-wrapper ul,
#proof-user-remove-section .nav-wrapper ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
background: transparent;
border-radius: 0;
padding: 0;
margin: 0 0 18px;
border: 0;
}
#proof-user-remove-section .nav-wrapper ul {
grid-template-columns: minmax(0, 1fr);
}
#proof-user-add-section .nav-pills li,
#proof-user-remove-section .nav-pills li {
margin: 0 !important;
}
#proof-user-add-section .nav-pills li a,
#proof-user-remove-section .nav-pills li a {
display: flex;
align-items: center;
justify-content: center;
min-height: 52px;
border-radius: 16px !important;
border: 1px solid rgba(203, 213, 225, 0.85);
background: rgba(241, 245, 249, 0.9) !important;
color: #475569 !important;
font-weight: 700;
box-shadow: none !important;
}
#proof-user-add-section .nav-pills li.active a,
#proof-user-add-section .nav-pills li.active a:hover,
#proof-user-remove-section .nav-pills li.active a,
#proof-user-remove-section .nav-pills li.active a:hover {
border-color: rgba(124, 58, 237, 0.22);
background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,245,255,0.98)) !important;
color: #7c3aed !important;
box-shadow: 0 12px 30px rgba(124, 58, 237, 0.12) !important;
}
#proof-user-add-section .card.shadow.my-0,
#proof-user-remove-section .card.shadow.my-0 {
background: transparent !important;
box-shadow: none !important;
}
#proof-user-add-section .card-body,
#proof-user-remove-section .card-body {
padding: 0 !important;
}
#search-proof-select-user-container .btn-group.bootstrap-select.show-tick.form-control,
#search-proof-select-user-container .btn-group.bootstrap-select.form-control {
min-height: 56px;
border-radius: 18px;
border: 1px solid rgba(203, 213, 225, 0.9);
background: #fff;
box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}
#search-proof-select-user-container button.dropdown-toggle.btn.form-control {
display: flex;
align-items: center;
min-height: 56px;
border: 0 !important;
border-radius: 18px !important;
padding: 14px 16px !important;
background: transparent !important;
box-shadow: none !important;
}
#search-proof-select-user-container .dropdown-menu.open {
position: inherit;
margin-top: 10px !important;
border-radius: 20px !important;
border: 1px solid rgba(226, 232, 240, 0.92);
box-shadow: 0 28px 60px rgba(15, 23, 42, 0.18);
overflow: hidden;
}
#search-proof-select-user-container .bs-searchbox {
padding: 12px 12px 0 !important;
}
#search-proof-select-user-container .bs-searchbox input {
min-height: 42px;
border-radius: 14px;
border: 1px solid rgba(203, 213, 225, 0.9);
box-shadow: none !important;
}
#search-proof-select-user-container .dropdown-menu > li > a {
padding: 11px 14px !important;
border-radius: 0 !important;
}
#search-proof-select-user-container .dropdown-menu .text {
display: flex;
align-items: center;
gap: 12px;
}
#search-proof-select-user-container .dropdown-menu .material-icons.list-avatar,
#select_new_users_bulk_action_container .dropdown-menu .material-icons.list-avatar {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
min-width: 34px;
height: 34px;
border-radius: 999px;
overflow: hidden;
background: #e2e8f0;
left: -14px;
position: relative;
}
#search-proof-select-user-container .dropdown-menu .material-icons.list-avatar img,
#select_new_users_bulk_action_container .dropdown-menu .material-icons.list-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 999px;
}
#search-proof-select-user-container span.p-btn.text,
#select_new_users_bulk_action_container span.p-btn.text {
position: absolute;
top: 22px;
padding: 5px 10px;
left: 42px;
}
button#proofSubmitUserSelect,
#proofSubmitUserInvite {
min-height: 52px;
margin: 16px 0 0 auto;
padding: 14px 22px;
border-radius: 16px;
border: 0;
background: linear-gradient(135deg, #7c3aed, #2563eb);
box-shadow: 0 18px 34px rgba(79, 70, 229, 0.22);
}
#proof-user-add-section .content-align-right,
#proof-user-remove-section .content-align-right {
display: flex;
justify-content: flex-end;
}
#proof-user-add-section .nav-pills li {
width: 100%;
}
@media screen and (max-width: 767px) {
.proof-viewer-swal {
width: calc(100vw - 18px) !important;
padding: 22px 14px 16px !important;
}
#proof-user-add-section .nav-wrapper ul,
#proof-user-remove-section .nav-wrapper ul {
grid-template-columns: minmax(0, 1fr);
}
#search-proof-select-user-container .btn-group.bootstrap-select.show-tick.form-control,
#search-proof-select-user-container .btn-group.bootstrap-select.form-control,
#search-proof-select-user-container button.dropdown-toggle.btn.form-control {
min-height: 52px;
}
}
@keyframes proofAiDotPulse {
0%, 80%, 100% { opacity: .28; transform: scale(.86); }
40% { opacity: 1; transform: scale(1); }
}
@keyframes proofAiTypedCursorPulse {
0%, 100% { opacity: .2; }
50% { opacity: 1; }
}
.swal2-popup.pdf-split-choice-modal {
max-width: 640px !important;
padding: 34px 34px 28px !important;
border-radius: 28px !important;
}
.swal2-popup.pdf-split-choice-modal .swal2-icon,
.sweet-alert.pdf-split-choice-modal .icon {
display: none !important;
}
.pdf-split-choice {
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
text-align: center;
}
.pdf-split-choice-icon {
width: 84px;
height: 84px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background: radial-gradient(circle at 30% 30%, rgba(59, 130, 246, 0.16), rgba(14, 165, 233, 0.08));
border: 1px solid rgba(56, 189, 248, 0.28);
color: #0f172a;
font-size: 22px;
font-weight: 900;
letter-spacing: 0.14em;
box-shadow: 0 20px 36px rgba(14, 165, 233, 0.12);
}
.pdf-split-choice-title {
color: #0f172a;
font-size: 28px;
font-weight: 800;
line-height: 1.1;
}
.pdf-split-choice-copy {
max-width: 470px;
color: #475569;
font-size: 16px;
line-height: 1.6;
}
.pdf-split-choice-actions {
width: 100%;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin-top: 6px;
}
.pdf-split-choice-button {
min-height: 64px;
border-radius: 20px;
border: 1px solid rgba(148, 163, 184, 0.22);
box-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);
font-size: 16px;
font-weight: 800;
transition: transform 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}
.pdf-split-choice-button:hover {
transform: translateY(-1px);
box-shadow: 0 22px 38px rgba(15, 23, 42, 0.12);
}
.pdf-split-choice-button:disabled,
.pdf-split-choice-button.is-loading {
opacity: 0.72;
cursor: wait;
transform: none;
}
.pdf-split-choice-button-primary {
background: linear-gradient(135deg, #0f172a, #1d4ed8);
color: #ffffff;
}
.pdf-split-choice-button-secondary {
background: linear-gradient(180deg, #ffffff, #f8fafc);
color: #0f172a;
}
.pdf-split-choice-status {
min-height: 24px;
color: #2563eb;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.02em;
}
@media screen and (max-width: 767px) {
.swal2-popup.pdf-split-choice-modal {
width: calc(100vw - 18px) !important;
padding: 26px 18px 20px !important;
}
.pdf-split-choice-title {
font-size: 24px;
}
.pdf-split-choice-actions {
grid-template-columns: minmax(0, 1fr);
}
}
.proof-supplier-suggestion-list {
margin-top: 8px;
}
.proof-supplier-suggestion-label {
margin-bottom: 8px;
color: #667085;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.proof-supplier-suggestion-grid {
display: grid;
gap: 8px;
}
.proof-supplier-suggestion-chip {
width: 100%;
padding: 10px 12px;
border-radius: 12px;
border: 1px solid rgba(105, 65, 198, 0.18);
background: #fcfaff;
color: #1f2937;
text-align: left;
}
.proof-supplier-suggestion-chip:hover {
border-color: rgba(105, 65, 198, 0.44);
background: #f7f4ff;
}
.proof-supplier-suggestion-chip-title {
display: block;
font-size: 13px;
font-weight: 700;
}
.proof-supplier-suggestion-chip-subtitle {
display: block;
margin-top: 3px;
color: #667085;
font-size: 11px;
}
.proof-ss-style-browser {
margin-top: 8px;
padding: 10px 12px;
border-radius: 12px;
border: 1px solid rgba(105, 65, 198, 0.12);
background: #fcfaff;
}
.proof-ss-style-browser .supplier-color-picker {
position: relative;
}
.proof-ss-style-browser .supplier-color-picker-trigger {
width: 100%;
min-height: 40px;
padding: 8px 10px;
border-radius: 10px;
border: 1px solid rgba(105, 65, 198, 0.18);
background: #ffffff;
display: flex;
align-items: center;
gap: 8px;
text-align: left;
}
.proof-ss-style-browser .supplier-color-picker-trigger-copy {
flex: 1 1 auto;
min-width: 0;
}
.proof-ss-style-browser .supplier-color-picker-trigger-title {
display: block;
font-size: 12px;
font-weight: 600;
color: #111827;
}
.proof-ss-style-browser .supplier-color-picker-trigger-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin-top: 1px;
color: #667085;
font-size: 10px;
}
.proof-ss-style-browser .supplier-color-picker-trigger-caret {
color: #667085;
font-size: 10px;
}
.proof-ss-style-browser .supplier-color-picker-menu {
display: none;
position: absolute;
top: calc(100% + 6px);
left: 0;
right: 0;
z-index: 20;
max-height: 240px;
overflow: auto;
padding: 8px;
border-radius: 12px;
border: 1px solid rgba(105, 65, 198, 0.14);
background: #ffffff;
box-shadow: 0 14px 30px rgba(15, 23, 42, 0.12);
}
.proof-ss-style-browser .supplier-color-picker.is-open .supplier-color-picker-menu {
display: grid;
gap: 6px;
}
.proof-ss-style-browser .supplier-color-option {
width: 100%;
padding: 8px;
border-radius: 10px;
border: 1px solid rgba(16, 24, 40, 0.08);
background: #fafaff;
display: flex;
align-items: center;
gap: 8px;
text-align: left;
}
.proof-ss-style-browser .supplier-color-option.is-active {
border-color: rgba(105, 65, 198, 0.38);
background: #f7f4ff;
}
.proof-ss-style-browser .supplier-color-option-copy {
flex: 1 1 auto;
min-width: 0;
}
.proof-ss-style-browser .supplier-color-option-title {
display: block;
font-size: 12px;
font-weight: 600;
color: #111827;
}
.proof-ss-style-browser .supplier-color-option-count {
color: #667085;
font-weight: 500;
}
.proof-ss-style-browser .supplier-color-option-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin-top: 2px;
color: #667085;
font-size: 10px;
}
.proof-supplier-stock-badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 18px;
padding: 1px 7px;
border-radius: 999px;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.02em;
text-transform: uppercase;
white-space: nowrap;
}
.proof-supplier-stock-badge.is-in-stock {
background: #ecfdf3;
color: #027a48;
border: 1px solid #abefc6;
}
.proof-supplier-stock-badge.is-out-of-stock {
background: #fef3f2;
color: #b42318;
border: 1px solid #fecdca;
}
.proof-ss-style-browser .supplier-color-swatch {
width: 22px;
height: 22px;
border-radius: 999px;
border: 1px solid rgba(16, 24, 40, 0.12);
flex: 0 0 22px;
overflow: hidden;
}
.proof-ss-style-browser .supplier-color-swatch.is-small {
width: 18px;
height: 18px;
flex-basis: 18px;
}
.proof-ss-style-browser .supplier-color-swatch img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.proof-sanmar-style-browser {
border-color: rgba(5, 112, 221, 0.12);
background: #f8fbff;
}
.proof-sanmar-style-browser .supplier-color-picker-trigger {
border-color: rgba(5, 112, 221, 0.18);
}
.proof-sanmar-style-browser .supplier-color-picker-menu {
border-color: rgba(5, 112, 221, 0.14);
}
.proof-sanmar-style-browser .supplier-color-option.is-active {
border-color: rgba(5, 112, 221, 0.38);
background: #f8fbff;
}
.proof-sanmar-style-browser .supplier-color-swatch {
background: linear-gradient(135deg, #ffffff 0%, #d0d5dd 100%);
}
.proof-sanmar-style-browser .proof-ss-style-browser-controls label {
color: #0570dd;
}
.proof-sanmar-style-browser .proof-ss-selected-markup {
border-color: rgba(5, 112, 221, 0.18);
}
.proof-ss-style-browser-meta {
display: flex;
flex-wrap: wrap;
gap: 8px 12px;
margin-bottom: 8px;
color: #667085;
font-size: 11px;
}
.proof-ss-style-browser-controls label {
display: block;
margin-bottom: 4px;
color: #6941c6;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.proof-ss-style-browser-control-grid {
display: grid;
grid-template-columns: 1fr 120px;
gap: 10px;
align-items: end;
}
.proof-ss-selected-color {
width: 100%;
height: 36px;
padding: 6px 10px;
border-radius: 10px;
border: 1px solid rgba(105, 65, 198, 0.18);
background: #ffffff;
}
.proof-ss-selected-markup {
width: 100%;
height: 36px;
padding: 6px 10px;
border-radius: 10px;
border: 1px solid rgba(105, 65, 198, 0.18);
background: #ffffff;
}
.proof-ss-size-list {
margin-top: 10px;
border-top: 1px dotted rgba(16, 24, 40, 0.12);
}
.proof-ss-size-row {
display: grid;
grid-template-columns: 60px 1fr auto;
gap: 10px;
align-items: center;
padding: 7px 0;
border-bottom: 1px dotted rgba(16, 24, 40, 0.08);
font-size: 12px;
}
.proof-ss-size-name {
font-weight: 700;
color: #111827;
}
.proof-ss-size-qty {
color: #475467;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
}
.proof-ss-size-price {
color: #6941c6;
font-weight: 700;
}
.proof-ss-size-price-wrap {
display: flex;
flex-direction: row;
align-items: flex-end;
gap: 10px;
text-align: right;
}
.proof-ss-size-markup-price {
color: #0570dd;
font-weight: 700;
}
.proof-ss-price-label {
display: block;
color: #98a2b3;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.linked-proof-activity {
border: 2px solid red !important;
}
.linked-proof-image-container .set-shrink-img {
display: block !important;
}
.linked-proof-image-container span.add-proof-image-title, .linked-proof-image-container .proof-tooltip-move-along {
display: none;
}
.linked-proof-title-row {
align-items: center;
display: flex;
gap: 10px;
justify-content: center;
margin: 18px 0 8px;
}
.linked-proof-title-row h3 {
margin: 0;
}
.linked-proof-view-project {
background: #1976d2;
border-radius: 999px;
color: #ffffff;
font-size: 11px;
font-weight: 800;
line-height: 1;
padding: 7px 12px;
text-transform: none;
}
.linked-proof-view-project:hover, .linked-proof-view-project:focus {
background: #0f5fb0;
color: #ffffff;
}
.project-image-container > img,
.project-image-container > svg,
.project-image-container > object {
display: block;
width: 100%;
max-width: 420px;
height: auto;
margin: 10px auto;
padding: 20px;
}
.project-image-container > .project-image-svg-preview {
background: #ffffff;
object-fit: contain;
}
.approve-project-svg-preview-frame {
align-items: center;
background: #ffffff;
border-radius: 11px;
color: #667085;
display: flex;
justify-content: center;
min-height: 220px;
position: relative;
text-align: center;
}
.approve-project-svg-preview-frame > span {
font-size: 12px;
font-weight: 800;
}
.project-image-container > .approve-project-svg-preview-frame {
margin: 10px auto;
max-width: 420px;
padding: 20px;
width: 100%;
}
.approve-project-svg-preview-frame > img.approve-project-image {
margin: 0 auto;
max-width: 100%;
padding: 0;
width: 100%;
}
.proof-image-cropper-ui {
height: 100%;
opacity: 0;
pointer-events: none;
position: absolute;
transition: opacity 140ms ease;
width: 100%;
z-index: 45;
}
.proof-image-overlay-container:hover .proof-image-cropper-ui,
.proof-image-overlay-container.proof-image-crop-active .proof-image-cropper-ui,
.proof-image-overlay-container.proof-image-crop-dragging .proof-image-cropper-ui {
opacity: 1;
}
.proof-image-crop-frame {
border: 2px dashed rgba(37, 99, 235, 0.96);
border-radius: 8px;
bottom: 0;
box-shadow: 0 0 0 9999px rgba(15, 23, 42, 0.28);
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
}
.proof-image-crop-handle {
align-items: center;
background: #2563eb;
border: 0;
border-radius: 999px;
box-shadow: 0 10px 22px rgba(15, 23, 42, 0.22);
color: #ffffff;
display: flex;
justify-content: center;
padding: 0;
pointer-events: auto;
position: absolute;
transition: background 140ms ease, transform 140ms ease;
}
.proof-image-crop-handle:hover,
.proof-image-crop-handle:focus {
background: #0f172a;
transform: scale(1.04);
}
.proof-image-crop-handle span {
background: currentColor;
border-radius: 999px;
display: block;
}
.proof-image-crop-handle-top,
.proof-image-crop-handle-bottom {
cursor: ns-resize;
height: 18px;
left: 50%;
margin-left: -27px;
width: 54px;
}
.proof-image-crop-handle-top {
top: -9px;
}
.proof-image-crop-handle-bottom {
bottom: -9px;
}
.proof-image-crop-handle-top span,
.proof-image-crop-handle-bottom span {
height: 4px;
width: 28px;
}
.proof-image-crop-handle-left,
.proof-image-crop-handle-right {
cursor: ew-resize;
height: 54px;
margin-top: -27px;
top: 50%;
width: 18px;
}
.proof-image-crop-handle-left {
left: -9px;
}
.proof-image-crop-handle-right {
right: -9px;
}
.proof-image-crop-handle-left span,
.proof-image-crop-handle-right span {
height: 28px;
width: 4px;
}
.proof-image-crop-actions {
align-items: center;
bottom: 10px;
display: none;
gap: 6px;
pointer-events: auto;
position: absolute;
right: 10px;
}
.proof-image-crop-active .proof-image-crop-actions,
.proof-image-crop-dragging .proof-image-crop-actions {
display: inline-flex;
}
.proof-image-crop-actions button {
background: rgba(15, 23, 42, 0.9);
border: 0;
border-radius: 999px;
color: #ffffff;
font-size: 11px;
font-weight: 800;
line-height: 1;
padding: 7px 11px;
}
.proof-image-crop-actions .proof-image-crop-save {
background: #16a34a;
}
.proof-image-crop-actions .proof-image-crop-reset,
.proof-image-crop-actions .proof-image-crop-cancel {
background: rgba(15, 23, 42, 0.78);
}
.proof-image-crop-help {
background: rgba(15, 23, 42, 0.78);
border-radius: 999px;
color: #ffffff;
font-size: 11px;
font-weight: 800;
left: 50%;
padding: 6px 11px;
pointer-events: none;
position: absolute;
top: 10px;
transform: translateX(-50%);
white-space: nowrap;
}
.proof-image-crop-active .proof-image-crop-help,
.proof-image-crop-dragging .proof-image-crop-help {
display: none;
}
.proof-cropper-toggle-row b {
align-items: center;
display: inline-flex;
gap: 6px;
}
.proof-cropper-toggle-row b::before {
color: #2563eb;
content: "\f125";
font-family: "Font Awesome 5 Free";
font-size: 12px;
font-weight: 900;
}
.proof-check-payment-modal {
margin: 0 auto;
max-width: 440px;
text-align: left;
}
.proof-check-payment-row {
margin: 0 0 12px;
}
.proof-check-payment-row label {
color: #27364a;
display: block;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.02em;
margin: 0 0 5px;
text-transform: uppercase;
}
.proof-check-payment-input.swal2-input {
height: 42px;
margin: 0;
width: 100%;
}
.proof-check-payment-input.proof-check-payment-amount-match {
background: #ecfdf3;
border-color: #22c55e !important;
box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.14) !important;
color: #166534;
font-weight: 800;
}
.proof-check-payment-input.proof-check-payment-amount-mismatch {
background: #fff1f2;
border-color: #ef4444 !important;
box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.14) !important;
color: #991b1b;
font-weight: 800;
}
.proof-check-payment-amount-hint {
font-size: 12px;
font-weight: 800;
line-height: 1.35;
margin-top: 6px;
}
.proof-check-payment-amount-match-text {
color: #15803d;
}
.proof-check-payment-amount-mismatch-text {
color: #dc2626;
}
.proof-check-payment-readonly {
align-items: center;
background: #f5f7fb;
border: 1px solid #d7dde8;
border-radius: 9px;
color: #172033;
display: flex;
font-size: 14px;
font-weight: 700;
min-height: 42px;
padding: 10px 12px;
}
.proof-check-payment-mini-grid {
display: grid;
gap: 10px;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.proof-check-payment-saving {
color: #27364a;
font-size: 15px;
font-weight: 700;
line-height: 1.45;
}
.redcore-passkey-setup-notice {
align-items: flex-start;
background: #ffffff;
border: 1px solid rgba(15, 23, 42, 0.08);
border-radius: 20px;
bottom: 92px;
box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);
color: #172033;
display: grid;
gap: 14px;
grid-template-columns: auto minmax(0, 1fr);
max-width: 410px;
opacity: 0;
padding: 18px 18px 16px;
position: fixed;
right: 22px;
transform: translateY(18px);
transition: opacity 220ms ease, transform 220ms ease;
width: calc(100vw - 44px);
z-index: 999999;
}
.redcore-passkey-setup-notice.show {
opacity: 1;
transform: translateY(0);
}
.redcore-passkey-setup-close {
align-items: center;
background: #eef2f7;
border: 0;
border-radius: 999px;
color: #536076;
display: inline-flex;
font-size: 19px;
height: 32px;
justify-content: center;
line-height: 1;
padding-bottom: 4px;
position: absolute;
right: 12px;
top: 12px;
width: 32px;
}
.redcore-passkey-setup-icon {
align-items: center;
background: linear-gradient(135deg, #ffcfdf, #fdeeee);
border-radius: 16px;
color: #3c3c3c;
display: inline-flex;
font-size: 22px;
height: 48px;
justify-content: center;
width: 48px;
}
.redcore-passkey-setup-copy {
padding-right: 28px;
}
.redcore-passkey-setup-copy strong {
display: block;
font-size: 16px;
font-weight: 900;
margin: 1px 0 6px;
}
.redcore-passkey-setup-copy p {
color: #536076;
font-size: 13px;
line-height: 1.45;
margin: 0;
}
.redcore-passkey-corner-status {
color: #0f766e;
font-size: 12px;
font-weight: 800;
margin-top: 8px;
}
.redcore-passkey-setup-actions {
display: flex;
gap: 10px;
grid-column: 1 / -1;
justify-content: flex-end;
}
.redcore-passkey-setup-actions button {
border: 0;
border-radius: 999px;
font-size: 13px;
font-weight: 900;
padding: 10px 15px;
}
.redcore-passkey-setup-primary {
background: #bb0000;
box-shadow: 0 10px 22px rgba(15, 159, 110, 0.24);
color: #ffffff;
}
.redcore-passkey-setup-primary.stop-click {
opacity: 0.78;
}
.redcore-passkey-setup-later {
background: #eef2f7;
color: #536076;
}
@media (max-width: 560px) {
.proof-check-payment-mini-grid {
grid-template-columns: 1fr;
}
.redcore-passkey-setup-notice {
bottom: 84px;
right: 14px;
width: calc(100vw - 28px);
}
.redcore-passkey-setup-actions {
justify-content: stretch;
}
.redcore-passkey-setup-actions button {
flex: 1;
}
}
.inflation-main-model {
.open-btn {
background: #172033;
color: white;
border: 0;
padding: 14px 22px;
border-radius: 14px;
cursor: pointer;
font-weight: 700;
box-shadow: 0 12px 30px rgba(0,0,0,.16);
}
#items {
max-height: 320px;
overflow-y: auto;
}
.overlay {
position: fixed;
inset: 0;
background: rgba(15, 23, 42, .55);
display: none;
align-items: center;
justify-content: center;
padding: 20px;
}
.overlay.show {
display: flex;
}
.modal {
width: 100%;
max-width: 760px;
background: white;
border-radius: 24px;
box-shadow: 0 30px 80px rgba(0,0,0,.28);
overflow: hidden;
position: initial;
display: block;
}
.modal-header {
padding: 24px 28px;
border-bottom: 1px solid #edf0f5;
display: flex;
justify-content: space-between;
gap: 16px;
align-items: center;
}
.modal-header h2 {
margin: 0;
font-size: 22px;
letter-spacing: -0.03em;
}
.close-btn {
border: 0;
background: #f1f3f6;
width: 36px;
height: 36px;
border-radius: 50%;
cursor: pointer;
font-size: 18px;
}
.controls {
padding: 20px 28px;
background: #fafbfc;
border-bottom: 1px solid #edf0f5;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
}
label {
font-weight: 700;
font-size: 14px;
}
select {
border: 1px solid #d9dee8;
border-radius: 12px;
padding: 10px 14px;
font-weight: 700;
background: white;
outline: none;
}
.table {
padding: 8px 28px 22px;
}
.row {
display: grid;
grid-template-columns: 38px 1fr 120px 140px;
gap: 12px;
align-items: center;
padding: 14px 0;
border-bottom: 1px solid #edf0f5;
margin: 0px;
}
.row.header {
color: #697386;
font-size: 12px;
text-transform: uppercase;
letter-spacing: .06em;
font-weight: 800;
}
.row:not(.header) {
font-size: 15px;
}
.check {
width: 22px;
height: 22px;
accent-color: #172033;
cursor: pointer;
}
.item-name {
font-weight: 750;
}
.muted {
color: #697386;
font-size: 13px;
margin-top: 2px;
}
.money {
text-align: right;
font-variant-numeric: tabular-nums;
}
.inflated {
text-align: right;
font-weight: 800;
color: #0f8f5f;
font-variant-numeric: tabular-nums;
}
.disabled {
opacity: .38;
}
.totals {
background: #fafbfc;
padding: 22px 28px 28px;
display: grid;
gap: 10px;
}
.total-line {
display: flex;
justify-content: space-between;
gap: 20px;
font-size: 15px;
}
.total-line strong {
font-size: 20px;
}
.difference {
color: #0f8f5f;
font-weight: 800;
}
}
.inflation-main-model{
z-index: 9999999;
}
@media (max-width: 640px) {
.inflation-main-model{
.row {
grid-template-columns: 32px 1fr;
}
.row.header {
display: none;
}
.money,
.inflated {
text-align: left;
grid-column: 2;
}
.money::before {
content: "Original: ";
color: #697386;
font-weight: 600;
}
.inflated::before {
content: "Adjusted: ";
color: #697386;
font-weight: 600;
}
}
}
.final-approval-section {
background: #F6F8FB;
border: 1px solid #E3E8EF;
border-radius: 24px;
color: #1F2937;
margin: 22px auto 0;
max-width: 980px;
padding: 24px;
width: 100%;
}
.final-approval-section.approval-needs-shipping .final-approval-main-content {
display: none;
}
.final-approval-main-content {
display: block;
}
.final-approval-header {
margin: 0 auto 18px;
max-width: 620px;
text-align: center;
}
.final-approval-header h3 {
color: #1F2937;
font-size: 26px;
font-weight: 850;
letter-spacing: -0.02em;
line-height: 1.15;
margin: 0 0 8px;
}
.final-approval-header p {
color: #6B7280;
font-size: 15px;
line-height: 1.45;
margin: 0;
}
.final-approval-review {
align-items: flex-start;
background: #FFFFFF;
border: 1px solid #E3E8EF;
border-radius: 18px;
box-shadow: 0 12px 30px rgba(31, 41, 55, 0.06);
color: #1F2937;
display: flex;
gap: 11px;
line-height: 1.45;
margin: 0 auto;
max-width: 760px;
padding: 14px 16px;
text-align: left;
}
.final-approval-review input {
accent-color: #2F6FED;
flex: 0 0 auto;
margin-top: 4px;
}
.final-approval-review span {
color: #1F2937;
font-size: 14px;
font-weight: 650;
}
.final-approval-options {
align-items: stretch;
display: grid;
gap: 18px;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
margin-top: 20px;
opacity: 0.76;
transform: translateY(6px);
transition: opacity 220ms ease, transform 220ms ease;
}
.final-approval-options.is-ready {
opacity: 1;
transform: translateY(0);
}
.final-approval-options.is-muted .final-approval-option-card {
filter: saturate(0.92);
}
.final-approval-option-card {
align-items: stretch;
background: #FFFFFF;
border: 1px solid #E3E8EF;
border-radius: 22px;
box-shadow: 0 16px 40px rgba(31, 41, 55, 0.08);
display: flex;
flex-direction: column;
margin: 0;
min-height: 100%;
overflow: hidden;
padding: 22px;
position: relative;
text-align: left;
transition: box-shadow 180ms ease, transform 180ms ease, border-color 180ms ease;
width: 100%;
}
.final-approval-option-card:hover {
box-shadow: 0 22px 48px rgba(31, 41, 55, 0.12);
transform: translateY(-2px);
}
.final-approval-net30-card {
border-top: 4px solid #22C55E;
}
.final-approval-pay-card {
border-color: #2F6FED;
box-shadow: 0 20px 54px rgba(47, 111, 237, 0.14);
}
.final-approval-pay-card:hover {
box-shadow: 0 24px 62px rgba(47, 111, 237, 0.20);
}
.final-approval-pay-card::before {
background: radial-gradient(circle at 85% 0%, rgba(47, 111, 237, 0.16), transparent 34%);
content: '';
height: 170px;
pointer-events: none;
position: absolute;
right: -44px;
top: -64px;
width: 190px;
}
.final-approval-option-copy {
margin-bottom: 22px;
position: relative;
z-index: 1;
}
.final-approval-option-kicker {
color: #6B7280;
font-size: 11px;
font-weight: 850;
letter-spacing: 0.11em;
margin-bottom: 9px;
text-transform: uppercase;
}
.final-approval-option-copy h4 {
color: #1F2937;
font-size: 21px;
font-weight: 850;
letter-spacing: -0.02em;
line-height: 1.15;
margin: 0 0 10px;
}
.final-approval-option-copy p {
color: #6B7280;
font-size: 14px;
line-height: 1.45;
margin: 0 0 14px;
}
.final-approval-pill {
border-radius: 999px;
display: inline-flex;
font-size: 12px;
font-weight: 850;
line-height: 1;
margin: 0 7px 7px 0;
padding: 8px 10px;
white-space: nowrap;
}
.final-approval-pill-net30 {
background: #E8F7EE;
color: #15803D;
}
.final-approval-pill-save,
.final-approval-pill-priority {
animation: subtlePulse 4s ease-in-out infinite;
}
.final-approval-pill-save {
background: #E6F0FF;
color: #1D4ED8;
}
.final-approval-pill-priority {
background: #FFF4E5;
color: #F59E0B;
}
.final-approval-best-value {
background: #F59E0B;
border-radius: 999px;
color: #FFFFFF;
display: inline-flex;
font-size: 11px;
font-weight: 850;
letter-spacing: 0.04em;
line-height: 1;
padding: 8px 10px;
position: absolute;
right: 18px;
text-transform: uppercase;
top: 18px;
z-index: 2;
}
.final-approval-primary-action button.final-approve-button,
.proof-approval-secondary-action button.proof-pay-and-approve {
align-items: center !important;
border: 0 !important;
border-radius: 999px !important;
display: inline-flex !important;
justify-content: center !important;
margin: auto 0 0 !important;
max-width: none !important;
min-height: 58px !important;
padding: 14px 18px !important;
text-align: center !important;
transition: box-shadow 180ms ease, transform 180ms ease, background 180ms ease, opacity 180ms ease !important;
width: 100% !important;
}
.final-approval-primary-action button.final-approve-button {
background: #22C55E !important;
color: #FFFFFF !important;
flex-direction: row !important;
gap: 9px;
}
.final-approval-primary-action button.final-approve-button:hover:not(:disabled) {
background: #16A34A !important;
box-shadow: 0 14px 28px rgba(34, 197, 94, 0.22) !important;
transform: translateY(-2px);
}
.proof-approval-secondary-action button.proof-pay-and-approve {
background: linear-gradient(135deg, #2F6FED, #1D4ED8) !important;
box-shadow: 0 16px 30px rgba(47, 111, 237, 0.26) !important;
color: #FFFFFF !important;
flex-direction: column !important;
}
.proof-approval-secondary-action button.proof-pay-and-approve:hover:not(:disabled) {
box-shadow: 0 20px 38px rgba(47, 111, 237, 0.32) !important;
transform: translateY(-2px);
}
.final-approval-primary-action button.final-approve-button:disabled,
.proof-approval-secondary-action button.proof-pay-and-approve:disabled {
cursor: not-allowed;
opacity: 0.64 !important;
transform: none !important;
}
.final-approve-button-title,
.proof-pay-and-approve-title {
color: #FFFFFF;
font-size: 16px;
font-weight: 850;
letter-spacing: 0.01em;
line-height: 1.1;
}
.final-approve-button-term {
background: #E8F7EE;
border: 0;
border-radius: 999px;
color: #15803D;
display: inline-flex;
flex: 0 0 auto;
font-size: 10px;
font-weight: 900;
letter-spacing: 0.08em;
line-height: 1;
margin-left: 4px;
padding: 6px 9px;
}
.proof-pay-and-approve-subtitle {
color: rgba(255, 255, 255, 0.92);
display: block;
font-size: 12px;
font-weight: 750;
line-height: 1.25;
margin-top: 5px;
text-decoration: none;
}
.final-approval-button-note {
color: #6B7280;
font-size: 12px;
font-weight: 700;
line-height: 1.35;
margin-top: 11px;
text-align: center;
}
.proof-pay-and-approve-terms {
color: #6B7280;
font-size: 11px;
line-height: 1.35;
margin-top: 8px;
text-align: center;
}
.proof-pay-and-approve-terms a {
color: #1D4ED8;
font-weight: 800;
text-decoration: underline;
}
.paynow-divider {
display: none;
}
.approve-select-shipping-address-bottom:not(.hide) {
display: flex;
justify-content: center;
margin: 4px auto;
}
.approve-select-shipping-address-trigger {
background: #F59E0B !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: 0 14px 28px rgba(245, 158, 11, 0.22) !important;
color: #FFFFFF !important;
font-weight: 850 !important;
min-width: 260px;
padding: 15px 24px !important;
}
.approve-select-shipping-address-trigger:hover {
box-shadow: 0 18px 34px rgba(245, 158, 11, 0.28) !important;
transform: translateY(-2px);
}
@keyframes subtlePulse {
0% { box-shadow: 0 0 0 rgba(47, 111, 237, 0); }
50% { box-shadow: 0 0 18px rgba(47, 111, 237, 0.18); }
100% { box-shadow: 0 0 0 rgba(47, 111, 237, 0); }
}
@media (max-width: 720px) {
.final-approval-section {
border-radius: 20px;
padding: 18px;
}
.final-approval-header h3 {
font-size: 23px;
}
.final-approval-options {
grid-template-columns: 1fr;
}
.paynow-divider {
align-items: center;
color: #6B7280;
display: flex;
font-size: 12px;
font-weight: 850;
justify-content: center;
letter-spacing: 0.12em;
margin: 2px 0;
text-transform: uppercase;
}
.paynow-divider::before,
.paynow-divider::after {
background: #E3E8EF;
content: '';
flex: 1 1 auto;
height: 1px;
margin: 0 12px;
}
}
.final-approval-section {
background: transparent;
border: 0;
box-shadow: none;
margin-top: 18px;
padding: 8px 0 0;
}
.col-lg-12.maring-top:has(.final-approval-section) {
padding-left: 0 !important;
padding-right: 0 !important;
}
.proof-submit-button-wrapper {
clear: both;
width: 100%;
}
.final-approval-no-side-padding {
margin-left: -15px;
margin-right: -15px;
width: calc(100% + 30px);
}
.final-approval-header {
margin-bottom: 16px;
}
.final-approval-header h3 {
font-size: 24px;
letter-spacing: -0.03em;
}
.final-approval-header p {
margin: 0 auto;
max-width: 390px;
}
.final-approval-review {
border-radius: 16px;
box-shadow: 0 10px 26px rgba(31, 41, 55, 0.07);
margin-bottom: 18px;
max-width: 430px;
padding: 15px 16px;
}
.final-approval-options {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
margin: 0 auto;
max-width: 720px;
}
.final-approval-options.is-muted {
opacity: 0.88;
}
.final-approval-options.is-muted .final-approval-option-card {
filter: none;
}
.final-approval-option-card {
border-radius: 20px;
min-width: 0;
padding: 20px;
}
.final-approval-option-copy {
margin-bottom: 18px;
}
.final-approval-option-kicker {
font-size: 10px;
margin-bottom: 8px;
}
.final-approval-option-copy h4 {
font-size: 20px;
max-width: 260px;
}
.final-approval-option-copy p {
font-size: 13px;
margin-bottom: 12px;
}
.final-approval-best-value {
box-shadow: 0 8px 18px rgba(245, 158, 11, 0.22);
font-size: 10px;
padding: 7px 9px;
}
.final-approval-primary-action button.final-approve-button,
.proof-approval-secondary-action button.proof-pay-and-approve {
min-height: 56px !important;
padding: 14px 16px !important;
}
.final-approval-primary-action button.final-approve-button:disabled,
.proof-approval-secondary-action button.proof-pay-and-approve:disabled {
opacity: 0.78 !important;
}
.final-approve-button-title,
.proof-pay-and-approve-title {
font-size: 15px;
max-width: 100%;
overflow-wrap: normal;
white-space: normal;
}
.proof-pay-and-approve-subtitle {
font-size: 11px;
}
@media (max-width: 620px) {
.final-approval-options {
gap: 14px;
}
.paynow-divider {
align-items: center;
color: #6B7280;
display: flex;
font-size: 12px;
font-weight: 850;
justify-content: center;
letter-spacing: 0.12em;
margin: -2px 0;
text-transform: uppercase;
}
.paynow-divider::before,
.paynow-divider::after {
background: #E3E8EF;
content: '';
flex: 1 1 auto;
height: 1px;
margin: 0 12px;
}
.final-approval-option-card {
padding: 18px;
}
.final-approval-best-value {
position: static;
align-self: flex-start;
margin: 0 0 10px;
order: -1;
}
.final-approval-pay-card .final-approval-option-kicker {
display: none;
}
}
.final-approval-header h3 {
font-size: 22px;
margin-bottom: 6px;
}
.final-approval-header p {
color: #6B7280;
font-size: 14px;
line-height: 1.35;
}
.final-approval-review {
align-items: center;
background: transparent !important;
border: 0 !important;
border-bottom: 2px solid #E3E8EF !important;
border-radius: 0 !important;
box-shadow: none !important;
cursor: default;
margin-bottom: 0;
max-width: 100%;
padding: 10px 0 14px;
}
.final-approval-review span {
font-size: 14px;
line-height: 1.35;
}
.final-approval-reviewed {
justify-content: flex-start;
}
.final-approval-reviewed-icon {
align-items: center;
background: #22C55E;
border-radius: 999px;
color: #FFFFFF;
display: inline-flex;
flex: 0 0 auto;
font-size: 11px;
height: 22px;
justify-content: center;
width: 22px;
}
.final-approval-next-step {
color: #1D4ED8;
font-size: 13px;
font-weight: 800;
margin: 8px auto 0;
text-align: center;
}
.final-approval-section.is-final-review-ready .final-approval-next-step {
display: none;
}
.final-approval-section .final-approval-options {
display: grid;
}
.final-approval-options {
gap: 0;
grid-template-columns: 1fr !important;
margin-top: 0;
max-width: 100%;
width: 100%;
}
.final-approval-options .paynow-divider {
align-items: center;
color: #6B7280;
display: flex;
font-size: 12px;
font-weight: 850;
grid-column: 1 / -1;
justify-content: center;
letter-spacing: 0.12em;
margin: -2px 0;
text-transform: uppercase;
}
.final-approval-options .paynow-divider::before,
.final-approval-options .paynow-divider::after {
background: #E3E8EF;
content: '';
flex: 1 1 auto;
height: 1px;
margin: 0 12px;
}
.final-approval-option-card {
border-radius: 0;
box-shadow: none;
padding: 16px 0;
width: 100%;
}
.final-approval-net30-card {
border: 0;
border-top: 2px solid #D7F0E0;
}
.final-approval-pay-card {
border: 0;
border-top: 2px solid #BFD3FF;
}
.final-approval-pay-card::before,
.final-approval-best-value,
.final-approval-option-kicker,
.final-approval-pill {
display: none;
}
.final-approval-option-copy {
margin-bottom: 12px;
}
.final-approval-option-copy h4 {
font-size: 18px;
margin-bottom: 5px;
}
.final-approval-option-copy p {
font-size: 13px;
margin-bottom: 0;
}
.final-approval-primary-action button.final-approve-button,
.proof-approval-secondary-action button.proof-pay-and-approve {
min-height: 50px !important;
padding: 12px 16px !important;
}
.final-approve-button-title,
.proof-pay-and-approve-title {
font-size: 14px;
}
.proof-pay-and-approve-subtitle {
font-size: 10px;
margin-top: 3px;
}
.final-approval-button-note {
font-size: 11px;
margin-top: 8px;
}
.final-approval-main-content {
width: 100%;
}
.final-approval-review,
.final-approval-option-card {
background: #FFFFFF !important;
border-radius: 16px !important;
box-sizing: border-box;
max-width: none !important;
width: 100%;
}
.final-approval-review {
border: 2px solid #E3E8EF !important;
box-shadow: 0 10px 26px rgba(31, 41, 55, 0.06) !important;
margin: 0 0 14px;
padding: 15px 16px;
}
.final-approval-options {
gap: 0;
max-width: none !important;
padding-left: 15px;
padding-right: 15px;
width: 100%;
}
.final-approval-option-card {
box-shadow: 0 10px 26px rgba(31, 41, 55, 0.06);
padding: 25px 25px;
}
.final-approval-net30-card {
border: 3px solid #2dce89 !important;
}
.final-approval-pay-card {
border: 3px solid #429dff !important;
}
.final-approval-options .paynow-divider {
margin: 12px 0;
}
.final-approval-primary-action button.final-approve-button,
.proof-approval-secondary-action button.proof-pay-and-approve {
width: 100%;
}
.final-approval-review,
.final-approval-option-card {
border-radius: 9px !important;
}
.final-approval-review {
border: 0 solid #E3E8EF !important;
box-shadow: none !important;
margin: 0 15px 14px;
padding: 15px 16px;
width: calc(100% - 30px);
}
.final-approval-header {
border-bottom: 1px solid #E3E8EF;
margin: 0 15px 14px;
padding-bottom: 14px;
}
.final-approval-section .final-approval-main-content {
box-sizing: border-box !important;
width: 100% !important;
}
.final-approval-section .final-approval-header {
border-bottom: 1px solid #E3E8EF !important;
margin: 0 15px 16px !important;
padding-bottom: 14px !important;
text-align: center !important;
}
.final-approval-section .final-approval-review {
align-items: center !important;
background: #FFFFFF !important;
border: 0 !important;
border-radius: 9px !important;
box-shadow: none !important;
box-sizing: border-box !important;
display: flex !important;
gap: 12px !important;
margin: 0 15px 16px !important;
padding: 15px 16px !important;
text-align: left !important;
width: calc(100% - 30px) !important;
}
.final-approval-section .final-approval-reviewed-icon {
align-items: center !important;
background: #22C55E !important;
border-radius: 999px !important;
color: #FFFFFF !important;
display: inline-flex !important;
flex: 0 0 24px !important;
font-size: 12px !important;
height: 24px !important;
justify-content: center !important;
line-height: 1 !important;
width: 24px !important;
}
.final-approval-section .final-approval-options {
display: grid !important;
gap: 0 !important;
grid-template-columns: 1fr !important;
margin: 0 !important;
max-width: none !important;
opacity: 1 !important;
padding-left: 15px !important;
padding-right: 15px !important;
transform: none !important;
width: 100% !important;
}
.final-approval-section .final-approval-option-card {
background: #FFFFFF !important;
border-radius: 9px !important;
box-shadow: 0 10px 26px rgba(31, 41, 55, 0.06) !important;
box-sizing: border-box !important;
display: flex !important;
flex-direction: column !important;
margin: 0 !important;
max-width: none !important;
min-height: 0 !important;
overflow: hidden !important;
padding: 25px !important;
position: relative !important;
text-align: left !important;
width: 100% !important;
}
.final-approval-section .final-approval-pay-card {
border: 3px solid #429dff !important;
}
.final-approval-section .final-approval-net30-card {
border: 3px solid #2dce89 !important;
}
.final-approval-section .final-approval-pay-card::before {
content: none !important;
}
.final-approval-section .final-approval-options .paynow-divider {
align-items: center !important;
color: #6B7280 !important;
display: flex !important;
font-size: 12px !important;
font-weight: 850 !important;
justify-content: center !important;
letter-spacing: 0.12em !important;
margin: 12px 0 !important;
text-transform: uppercase !important;
}
.final-approval-section .final-approval-options .paynow-divider::before,
.final-approval-section .final-approval-options .paynow-divider::after {
background: #E3E8EF !important;
content: '' !important;
flex: 1 1 auto !important;
height: 1px !important;
margin: 0 12px !important;
}
.final-approval-section .final-approval-proceed-note {
color: #6B7280 !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 0.01em !important;
margin: 10px auto 0 !important;
text-align: center !important;
}
.final-approval-section .final-approval-save-text {
color: #22C55E !important;
font-weight: 800 !important;
}
.final-approval-section .final-approval-primary-action button.final-approve-button,
.final-approval-section .proof-approval-secondary-action button.proof-pay-and-approve {
width: 100% !important;
}
.approve-select-shipping-address-trigger {
background: #ff5801 !important;
border: 0 !important;
border-radius: 999px !important;
box-shadow: 0 14px 28px rgba(245, 158, 11, 0.22) !important;
color: #FFFFFF !important;
font-size: 15px;
font-weight: 850 !important;
min-width: 260px;
padding: 15px 24px !important;
}
.proof-details-approve-section .dropdown-item.proof-view-invoice {
border: 0;
border-radius: 7px;
clear: both;
color: #212529;
display: block;
font-weight: 400;
padding: .5rem 1rem;
text-align: inherit;
white-space: nowrap;
width: 100%;
}
.proof-pay-and-approve-subtitle {
font-size: 11px;
margin-top: 3px;
}
.final-approval-primary-action button.final-approve-button,
.proof-approval-secondary-action button.proof-pay-and-approve {
min-height: 50px !important;
padding: 13px 16px !important;
}
button.btn.inflation-label, button.btn.inflation-price {
font-size: 12px;
padding: 5px 10px;
color: #fff;
background: #f5365d;
}
.croppie-container {
width: 100%;
height: 100%;
}
.croppie-container .cr-image {
z-index: -1;
position: absolute;
top: 0;
left: 0;
transform-origin: 0 0;
max-height: none;
max-width: none;
}
.croppie-container .cr-boundary {
position: relative;
overflow: hidden;
margin: 0 auto;
z-index: 1;
width: 100%;
height: 100%;
}
.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
position: absolute;
border: 2px solid #fff;
margin: auto;
top: 0;
bottom: 0;
right: 0;
left: 0;
box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
z-index: 0;
}
.croppie-container .cr-resizer {
z-index: 2;
box-shadow: none;
pointer-events: none;
}
.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
position: absolute;
pointer-events: all;
}
.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
display: block;
position: absolute;
box-sizing: border-box;
border: 1px solid black;
background: #fff;
width: 10px;
height: 10px;
content: '';
}
.croppie-container .cr-resizer-vertical {
bottom: -5px;
cursor: row-resize;
width: 100%;
height: 10px;
}
.croppie-container .cr-resizer-vertical::after {
left: 50%;
margin-left: -5px;
}
.croppie-container .cr-resizer-horisontal {
right: -5px;
cursor: col-resize;
width: 10px;
height: 100%;
}
.croppie-container .cr-resizer-horisontal::after {
top: 50%;
margin-top: -5px;
}
.croppie-container .cr-original-image {
display: none;
}
.croppie-container .cr-vp-circle {
border-radius: 50%;
}
.croppie-container .cr-overlay {
z-index: 1;
position: absolute;
cursor: move;
touch-action: none;
}
.croppie-container .cr-slider-wrap {
width: 75%;
margin: 15px auto;
text-align: center;
}
.croppie-result {
position: relative;
overflow: hidden;
}
.croppie-result img {
position: absolute;
}
.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.cr-slider {
-webkit-appearance: none;
width: 300px;
max-width: 100%;
padding-top: 8px;
padding-bottom: 8px;
background-color: transparent;
}
.cr-slider::-webkit-slider-runnable-track {
width: 100%;
height: 3px;
background: rgba(0, 0, 0, 0.5);
border: 0;
border-radius: 3px;
}
.cr-slider::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #ddd;
margin-top: -6px;
}
.cr-slider:focus {
outline: none;
}
.cr-slider::-moz-range-track {
width: 100%;
height: 3px;
background: rgba(0, 0, 0, 0.5);
border: 0;
border-radius: 3px;
}
.cr-slider::-moz-range-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #ddd;
margin-top: -6px;
}
.cr-slider:-moz-focusring {
outline: 1px solid white;
outline-offset: -1px;
}
.cr-slider::-ms-track {
width: 100%;
height: 5px;
background: transparent;
border-color: transparent;
border-width: 6px 0;
color: transparent;
}
.cr-slider::-ms-fill-lower {
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
}
.cr-slider::-ms-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #ddd;
margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
background: rgba(0, 0, 0, 0.5);
}
.cr-rotate-controls {
position: absolute;
bottom: 5px;
left: 5px;
z-index: 1;
}
.cr-rotate-controls button {
border: 0;
background: none;
}
.cr-rotate-controls i:before {
display: inline-block;
font-style: normal;
font-weight: 900;
font-size: 22px;
}
.cr-rotate-l i:before {
content: '↺';
}
.cr-rotate-r i:before {
content: '↻';
}/* fallback */
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialicons/v40/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}#ship-center-component button {
width: 100%;
}
.ship-center-ship-addresses div {
margin-left: 10px;
}
.ship-center-ship-addresses .radio.selected,
.ship-center-ship-addresses label.selected
{
background-color: #f4f7fe;
}
.ship-center-ship-addresses .radio.disabled * {
display:none;
text-decoration: line-through;
}
.ship-center-ship-addresses.hidden {
display: none;
}
.ship-center-page-1-container fieldset {
padding: 11px;
background: white;
}
.shipping-company-name {
font-size: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
display: inline-block;
font-weight: 400;
}
.shipping-company-name-input {
vertical-align: top;
margin-top: .5em;
margin-right: 10px;
}
.ship-center-header {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 19px;
font-weight: bolder;
color:#000;
}
.ship-center {
text-align:center;
position: relative;
}
.shipping-back-page {
font-weight: bold;
text-align: center;
position: absolute;
left: 0;
cursor: pointer;
}
.shipping-back-page i {
margin-right: 4px;
text-align: left;
font-size: 12px;
vertical-align: middle;
margin-bottom: 2px;
}
.shipping-next-page {
background-color: #8f7bba;
border-color: #8f7bba;
}
.ship-center-description-image-ups {
max-height: 30px;
margin-top: -2px;
}
.ship-center-description-image-fedex {
max-height: 19px;
margin-top: -3px;
}
#ship-center-component button.ship-center-remove-card {
width: auto;
margin-left: 10px;
margin-top: 10px;
}
#fedex-ups-rates-container {
border: thin solid #f4f7fe;
width:100%;
}
#fedex-ups-rates-container .row {
margin-left: 0;
margin-right: 0;
padding: 10px;
}
#fedex-ups-rates-container .row.selected {
background-color: #f4f7fe;
}
#ship-center-component h3 {
width:100%;
}
.shipcenter-description-price {
float: right;
}
.shipcenter-shipping-rate-option {
margin: 10px 5px auto 5px;
}
.ship-center-rate-radio-wrapper {
height: 100%;
float:left;
}
.shipcenter-description-slashed-total {
font-size: .7em;
text-decoration: line-through;
text-align: right;
opacity: .6;
}
span.fedex-sc-description-est-date {
color: #6337b1;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 15px;
line-height: 1.7;
margin: 8px;
text-align: inherit;
font-weight: 400;
}
span.ship-center-fedex-description {
font-size: 15px;
line-height: 2.2;
}
span.ship-center-ups-description {
font-size: 15px;
}
span.ups-sc-description-est-date {
color: #4e3632;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 2;
margin: 6px;
text-align: inherit;
font-weight: 400;
text-indent: 7px;
}
strong {}
#fedex-ups-rates-container .row:hover {
background: #f9f9f9;
}
label.shipping-rate-options-label {}
#fedex-ups-rates-container .row .selected:hover {
background-color: #f4f7fe;
}
fieldset.ship-center-fieldset {
padding: 29px 47px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,.05);
-moz-box-shadow: 0px 2px 8px rgba(0,0,0,.05);
box-shadow: 0px 2px 8px rgba(0,0,0,.05);
border-bottom: none;
margin: 0 auto;
background-color: white;
margin-bottom: 14px;
}
fieldset#shipping-package-type {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-top-left-radius: 8px;
-moz-border-top-right-radius: 8px;
-moz-border-bottom-left-radius: 0;
-moz-border-bottom-right-radius: 0;
margin-bottom: 0;
}
fieldset#shipping-custom-dimensions {
-webkit-box-shadow: 0px 8px 8px rgba(0,0,0,.05);
-moz-box-shadow: 0px 8px 8px rgba(0,0,0,.05);
box-shadow: 0px 8px 8px rgba(0,0,0,.05);
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-top-left-radius: 0;
-moz-border-top-right-radius: 0;
-moz-border-bottom-left-radius: 8px;
-moz-border-bottom-right-radius: 8px;
margin-bottom: 0;
}
fieldset.ship-center-fieldset.ship-center-corners {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.ship-center-description-image-fedex {
max-height: 19px;
margin: 7px;
}
#fedex-ups-rates-container .row {
margin-left: 0;
margin-right: 0;
padding: 13px;
}
#fedex-ups-rates-container {
border: thin solid #f4f7fe;
width: 100%;
padding: 0px;
border-radius: 5px;
}
.ship-center-header {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 29px;
font-weight: bolder;
color: #000;
line-height: 87px;
}
.ship-center-description-image-ups {
max-height: 30px;
margin: 2px 4px;
padding-right: 5px;
}
.shipcenter-description-slashed-total {
font-size: .9em;
text-decoration: line-through;
text-align: right;
opacity: .6;
font-weight: 400;
}
#fedex-ups-rates-container .row.selected {
background-color: #f4f7fe !important;
}
button#page-two-button {
font-size: 1.4rem;
padding: 22px 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #9F7AEA;
margin: 23px 14px;
}
#ship-center-page-1-container .ship-center-address-container {
display: flex;
margin-right: -15px;
margin-left: -15px;
flex-wrap: wrap;
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 0;
margin: 0;
overflow: hidden;
}
.ship-center-ship-addresses div,
.ship-center-ship-addresses label
{
margin-left: 0px !important;
padding: 11px 11px !important;
}
.ship-center-ship-addresses label {
width: 100%;
}
#ship-center-page-2-container > .ship-center-rates-container
{
background: white;
padding: 32px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: white;
-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,.05);
-moz-box-shadow: 0px 2px 8px rgba(0,0,0,.05);
box-shadow: 0px 2px 8px rgba(0,0,0,.05);
border-bottom: none;
margin-bottom: 10px;
}
#ship-center-page-3-container .ship-center-checkout-container
{
background: white;
padding: 32px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: white;
-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,.05);
-moz-box-shadow: 0px 2px 8px rgba(0,0,0,.05);
box-shadow: 0px 2px 8px rgba(0,0,0,.05);
border-bottom: none;
}
#ship-center-page-3-container .shipcenter-description-price
{
display: none;
}
@media (max-width:767px) {
#ship-center-page-3-container .ship-center-checkout-container-top {
margin: 15px;
}
#ship-center-page-2-container {
margin: 15px;
}
}
.ship-center-address-small {
font-size: 12px;
padding: 11px 0;
}
.no-margin-row {
display: flex;
flex-wrap: wrap;
}
.shipcenter-card.card {
border-radius: 0;
background: white;
margin: 0;
font-size: 14px;
}
.shipcenter-card > label.card-label {
padding: 10px;
margin: 0;
}
.shipcenter-card.card.card-selected,
#ship-center-billing-information .card-selected {
border-radius: 0;
background-color: #f4f7fe;
}
.ship-center-card-radio-button {
margin: 10px;
}
.ship-center-add-address-form {
display: flex;
flex-flow: row wrap;
}
div#ship-center-add-address-form input:not([type="checkbox"]),
div#ship-center-add-address-form select
{
width: 100%;
padding: 8px;
border: thin solid grey;
border-radius: 0;
}
div#ship-center-add-address-form label {
flex: 1 1 100%;
padding: 2px;
text-align: left;
}
#invoice-payment-form .card-split {
display: flex;
flex-wrap: row nowrap;
}
#invoice-payment-form .card-split .col-lg-6 {
padding: 0;
}
#invoice-payment-form .card-split .col-lg-6.card-split-left {
padding-right: 5px;
}
#ship-center-billing-line-1-price,
#ship-center-billing-line-2-price
{
float:right;
flex: 0 0 auto;
text-align: right;
}
#ship-center-billing-line-1,
#ship-center-billing-line-2
{
padding: 20px 0;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 16px;
}
.ship-center-billing-line-1-copy {
min-width: 0;
display: flex;
flex-direction: column;
gap: 8px;
}
.ship-center-billing-line-1-display {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.ship-center-title-edit-button {
align-items: center;
background: #f8fafc;
border: 1px solid #d8e2f0;
border-radius: 999px;
box-shadow: 0 4px 10px rgba(15, 23, 42, 0.06);
color: #3454d1;
display: inline-flex;
font-size: 12px;
font-weight: 800;
justify-content: center;
line-height: 1;
padding: 7px 12px;
cursor: pointer;
transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.ship-center-title-edit-button:hover,
.ship-center-title-edit-button:focus {
background: #eef4ff;
border-color: #9bbcff;
box-shadow: 0 8px 18px rgba(47, 111, 237, 0.14);
color: #1d4ed8;
transform: translateY(-1px);
}
.ship-center-billing-line-1-editor {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.ship-center-billing-line-1-input {
min-width: 220px;
max-width: 100%;
padding: 8px 10px;
border: 1px solid #d0d5dd;
border-radius: 6px;
font-size: 14px;
line-height: 1.2;
}
.ship-center-title-action-button {
border: 0;
background: #6f5bd3;
color: #fff;
padding: 7px 12px;
border-radius: 6px;
font-size: 12px;
font-weight: 700;
cursor: pointer;
}
.ship-center-title-action-button-cancel {
background: #e5e7eb;
color: #344054;
}
.ship-center-address-container {
display: flex;
margin-right: -15px;
margin-left: -15px;
flex-wrap: wrap;
width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #e9e9e9;
padding: 0;
margin: 0;
overflow: hidden;
margin-bottom: 22px;
}
button#page-one-button {
background-color: #9F7AEA;
font-size: 1.4rem;
padding: 22px 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
position: relative;
overflow: hidden;
cursor: pointer;
border: none;
color: white;
font-weight: 700;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
letter-spacing: 0;
margin-top:33px;
}
div#ship-center-ship-to-addresses {
padding: 0px;
}
.ship-center-ship-addresses div {
margin-left: 0px;
padding: 13px 21px;
}
div#ship-center-ship-from-addresses {
padding: 0px;
}
#fedex-ups-rates-container {
border: thin solid #f4f7fe;
width: 100%;
padding: 0px;
border-radius: 5px;
margin: 5px 28px;
}
.page-three-button {
font-size: 1.4rem;
padding: 22px 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
h3.bold.mb-4 {
font-size: 21px;
font-weight: 600;
}
.shipping-next-page {
font-size: 1.1rem;
padding: 15px 30px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #9F7AEA;
margin-top: 20px;
}
span.fedex-sc-description-est-date {
color: #6337b1;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
line-height: 1.7;
margin: 8px;
text-align: inherit;
font-weight: 400;
}
.shipcenter-search
{
float:right;
width: 50%;
padding:3px;
border-radius:6px;
}
.ship-center-search-icon {
font-size: 22px;
padding: 10px;
}
.radio-hidden {
display: none;
}
#ship-center-page-3-container #invoice_payment_card_number {
border-radius: 3px;
}
.ship-center-new-payment-method {
margin-top: 25px;
}
#ship-center-page-3-container #invoice_payment_card_number,
#ship-center-page-3-container #invoice_payment_exp,
#ship-center-page-3-container #invoice_payment_cvc {
min-height: 44px;
display: flex;
align-items: center;
background: #fff;
}
#ship-center-page-3-container .__PrivateStripeElement,
#ship-center-page-3-container .StripeElement {
width: 100%;
}
.ship-center-stripe-error {
color: #bb2124;
font-size: 12px;
line-height: 1.3;
}
.ship-center-all-cc-wrapper {
width: 104px;
display: flex;
flex-flow: row nowrap;
float: right;
}
.ship-center-all-cc-wrapper img,
.ship-center-single-cc-wrapper img
{
height: 16px;
margin-top: 8px;
border: none;
border-radius: 0;
padding: 0;
flex: 0 0 0;
}
.ship-center-single-cc-wrapper {
width: 26px;
display: flex;
flex-flow: row nowrap;
float: right;
}
fieldset.ship-center-fieldset {
padding: 50px 47px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,.05);
-moz-box-shadow: 0px 2px 8px rgba(0,0,0,.05);
box-shadow: 0px 2px 8px rgba(0,0,0,.05);
border-bottom: none;
margin: 0 auto;
background-color: white;
margin-bottom: 28px;
}
.ship-center-ship-addresses div, .ship-center-ship-addresses label {
margin-left: 0px !important;
padding: 4px 14px !important;
}
label.shipping-company-name.ship-center-shipTo:hover {
background: #f3f3f3;
}
#shipping-custom-dimensions {
padding: 0px 47px 46px 47px !important;
}
#shipping-package-type {
padding: 35px 47px 32px 47px;
}
select#saved-payment-list {
margin-left: 77px;
font-family: sans-serif;
font-size: 15px;
padding: 5px 9px;
}
.shipcenter-shipping-label {
height: auto;
}
fieldset.ship-center-fieldset {
padding: 50px 47px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-box-shadow: 0px 2px 8px rgba(0,0,0,.05);
-moz-box-shadow: 0px 2px 8px rgba(0,0,0,.05);
box-shadow: 0px 2px 8px rgba(0,0,0,.05);
border-bottom: none;
margin: 0 auto;
background-color: white;
margin-bottom: 28px;
}
fieldset.ship-center-fieldset-admin {
margin-top: 28px;
margin-bottom: 0;
}
.ship-center-ship-addresses div, .ship-center-ship-addresses label {
margin-left: 0px !important;
padding: 4px 14px !important;
}
label.shipping-company-name.ship-center-shipTo:hover {
background: #f3f3f3;
}
#shipping-custom-dimensions {
padding: 0px 47px 46px 47px !important;
}
#shipping-package-type {
padding: 35px 47px 32px 47px;
}
.shipcenter-search {
width: 72%;
border: 0px;
padding: 7px 5px;
border-radius: 2px;
margin-bottom: 10px;
border-radius: 6px;
position: absolute;
right: 5px;
top: 5px;
margin-left: 77px;
font-family: sans-serif;
font-size: 15px;
}
.shipcenter-card > label.card-label {
padding: 10px;
margin: 0;
border: 1px solid #bec0c3;
}
label.shipping-company-name.ship-center-shipFrom.disabled {
display: none;
}
#ship-center-checkout-shipping-method {
width: 100%;
}
#ship-center-checkout-shipping-method .shipcenter-description-price {
float: right;
}
#ship-center-checkout-shipping-method .ship-center-rate-container {
background: transparent;
border: 0;
margin: 0;
padding: 0;
}
#ship-center-checkout-shipping-method .shipping-rate-options-label {
cursor: default;
display: block;
margin: 0;
width: 100%;
}
#ship-center-checkout-shipping-method .ship-center-rate-card-inner {
background: #ffffff;
border: 1px solid #e3e8ef;
border-radius: 16px;
box-shadow: 0 10px 26px rgba(15, 23, 42, 0.07);
display: grid;
gap: 10px;
padding: 14px 16px;
}
#ship-center-checkout-shipping-method .ship-center-rate-topline,
#ship-center-checkout-shipping-method .ship-center-rate-main {
align-items: center;
display: flex;
gap: 10px;
justify-content: space-between;
}
#ship-center-checkout-shipping-method .ship-center-rate-radio-wrapper {
display: none;
}
#ship-center-checkout-shipping-method .ship-center-description-image-fedex,
#ship-center-checkout-shipping-method .ship-center-description-image-ups {
flex: 0 0 auto;
margin: 0;
max-width: 72px;
}
#ship-center-checkout-shipping-method .ship-center-description-image-fedex {
max-height: 18px;
}
#ship-center-checkout-shipping-method .ship-center-description-image-ups {
max-height: 24px;
}
#ship-center-checkout-shipping-method .ship-center-rate-copy {
align-items: flex-start;
display: flex;
flex: 1;
flex-direction: column;
gap: 6px;
min-width: 0;
}
#ship-center-checkout-shipping-method .ship-center-description {
color: #1f2937;
font-size: 15px;
font-weight: 800;
line-height: 1.2;
margin: 0;
}
#ship-center-checkout-shipping-method .ship-center-rate-badges {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
#ship-center-checkout-shipping-method .ship-center-rate-badge {
align-items: center;
background: #eef4ff;
border-radius: 999px;
color: #1d4ed8;
display: inline-flex;
font-size: 10px;
font-weight: 800;
letter-spacing: .04em;
line-height: 1;
padding: 4px 8px;
text-transform: uppercase;
}
#ship-center-checkout-shipping-method .ship-center-rate-badge-cheapest {
background: #dcfce7;
color: #166534;
}
#ship-center-checkout-shipping-method .ship-center-rate-badge-fastest {
background: #ede9fe;
color: #6d28d9;
}
#ship-center-checkout-shipping-method .ship-center-rate-arrival {
background: #f8fafc;
border-radius: 999px;
color: #475569;
display: inline-flex;
font-size: 12px;
line-height: 1.2;
margin: 0;
padding: 5px 9px;
}
#ship-center-checkout-shipping-method .shipcenter-description-price {
align-items: flex-end;
display: flex;
flex-direction: column;
float: none;
gap: 2px;
margin-left: auto;
}
#ship-center-checkout-shipping-method .shipcenter-description-total {
color: #16a34a;
font-size: 20px;
font-weight: 900;
line-height: 1;
}
#ship-center-checkout-shipping-method .shipcenter-description-slashed-total {
color: #94a3b8;
font-size: 11px;
}
div#ship-center-billing-line-3-saved-methods-wrapper {
border: 1px solid #bec0c3;
border-radius: 4px;
}
.shipcenter-card.card.card-selected, #ship-center-billing-information .card-selected {
border-radius: 4px;
background-color: #f4f7fe;
}
.col-md-6.col-lg-6.col-xl-6.ship-center-checkout-container.ship-center-checkout-container-top {
margin-bottom: 12vh;
}
span.fedex-sc-description-est-date {
color: #6337b1;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
line-height: 1.7;
margin: 8px;
text-align: inherit;
font-weight: 400;
padding: 0px 0px 0px 21px;
}
.shipcenter-card > label.card-label{
border: none;
}
#proof-image-shipping-label-wrapper {
flex-flow: column nowrap;
align-items: center;
min-height: 901px;
border-radius: 26px;
}
#proof-image-shipping-label-wrapper > * {
flex: 0 0 auto;
width: 100%;
}
.shipping-label-page {
width: min(100%, 980px);
}
.shipping-label-panel {
position: relative;
overflow: hidden;
border-radius: 24px;
background: linear-gradient(145deg, #fff8ef 0%, #ffffff 48%, #f7f1ff 100%);
border: 1px solid rgba(94, 45, 145, 0.12);
box-shadow: 0 24px 60px rgba(37, 26, 53, 0.12);
}
.shipping-label-accent-bar {
height: 10px;
background: linear-gradient(90deg, #4d148c 0%, #4d148c 68%, #ff6200 68%, #ff6200 100%);
}
.shipping-label-hero {
display: grid;
grid-template-columns: minmax(260px, 360px) minmax(0, 1fr);
gap: 28px;
align-items: center;
padding: 39px 38px 34px;
max-width: 980px;
margin: auto;
}
.shipping-label-hero-image-wrap {
position: relative;
border-radius: 22px;
padding: 22px;
background: radial-gradient(circle at top left, rgba(255, 98, 0, 0.22), transparent 52%), linear-gradient(150deg, #4d148c 0%, #6f2eb3 100%);
min-height: 369px;
display: flex;
align-items: center;
justify-content: center;
}
.shipping-label-hero-image {
width: 100%;
max-width: 300px;
height: auto;
object-fit: contain;
filter: drop-shadow(0 16px 24px rgba(0, 0, 0, 0.22));
transform: translateX(0);
transition: transform 0.9s ease-out;
will-change: transform;
}
.shipping-label-hero-image-wrap.shipping-label-truck-entering .shipping-label-hero-image {
animation: shipping-label-truck-enter 1.45s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
.shipping-label-hero-image-wrap.shipping-label-truck-exiting .shipping-label-hero-image {
animation: none;
transition: transform 5.5s ease-in-out;
transform: translateX(1191px);
}
.shipping-label-hero-image-wrap.shipping-label-truck-returning .shipping-label-hero-image,
.shipping-label-hero-image-wrap.shipping-label-truck-rested .shipping-label-hero-image {
animation: none;
transition: transform 0.9s ease-out;
transform: translateX(0);
}
.shipping-label-hero-image-wrap.shipping-label-truck-exited .shipping-label-hero-image {
animation: none;
transition: none;
transform: translateX(1191px);
}
.shipping-label-hero-copy {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.shipping-label-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 14px;
padding: 8px 14px;
border-radius: 999px;
background: rgba(77, 20, 140, 0.08);
color: #4d148c;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.shipping-label-title {
margin: 0 0 14px;
color: #251a35;
font-size: 40px;
line-height: 1.08;
font-weight: 800;
}
.shipping-label-description {
margin: 0 0 10px;
color: #5d5468;
font-size: 17px;
line-height: 1.6;
max-width: 560px;
}
.shipping-label-page .shipcenter-shipping-label {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 420px;
min-height: 74px;
margin: 14px 0 10px !important;
padding: 18px 24px;
border: none;
border-radius: 18px;
background: linear-gradient(135deg, #ff7a00 0%, #ff6200 100%);
box-shadow: 0 18px 36px rgba(255, 98, 0, 0.25);
color: #fff;
font-size: 20px;
font-weight: 800;
line-height: 1.2;
text-align: center;
transition: transform 0.2s ease, box-shadow 0.2s ease;
animation: shipping-label-cta-shake 0.18s linear 0.45s 5;
}
.shipping-label-page .shipcenter-shipping-label:hover,
.shipping-label-page .shipcenter-shipping-label:focus {
transform: translateY(-2px);
box-shadow: 0 22px 40px rgba(255, 98, 0, 0.32);
color: #fff;
}
.shipping-label-helper-text {
margin: 0;
color: #7a7187;
font-size: 13px;
line-height: 1.5;
}
.shipping-label-details-grid {
display: flex;
grid-template-columns: minmax(0, 1.45fr) minmax(270px, 0.95fr);
gap: 22px;
padding: 0 36px 28px;
margin: auto;
width: min(100%, 990px);
}
.shipping-label-steps-card {
flex: 1.45 1 0;
}
.shipping-label-address-card {
flex: 0.95 1 270px;
}
.shipping-label-card {
border-radius: 20px;
background: rgba(255, 255, 255, 0.88);
border: 1px solid rgba(77, 20, 140, 0.1);
box-shadow: 0 12px 30px rgba(37, 26, 53, 0.08);
}
.shipping-label-card-header {
padding: 20px 22px 0;
color: #4d148c;
font-size: 13px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.shipping-label-steps-grid {
display: grid;
gap: 14px;
padding: 18px 20px 20px;
}
.steps-to-get-label-step.shipping-label-step-card {
display: grid;
grid-template-columns: 56px minmax(0, 1fr);
gap: 14px;
align-items: start;
margin: 0;
padding: 18px;
border-radius: 18px;
background: linear-gradient(180deg, #ffffff 0%, #fbf8ff 100%);
border: 1px solid rgba(77, 20, 140, 0.08);
width: 100%;
text-align: left;
text-decoration: none;
appearance: none;
-webkit-appearance: none;
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
cursor: pointer;
}
.steps-to-get-label-step.shipping-label-step-card:hover,
.steps-to-get-label-step.shipping-label-step-card:focus {
transform: translateY(-2px);
box-shadow: 0 18px 30px rgba(77, 20, 140, 0.14);
border-color: rgba(77, 20, 140, 0.2);
outline: none;
}
.steps-to-get-label-step.shipping-label-step-card.shipping-label-loading {
opacity: 0.8;
pointer-events: none;
}
.shipping-label-step-number {
width: 56px;
height: 56px;
border-radius: 16px;
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #4d148c 0%, #6f2eb3 100%);
color: #fff;
font-size: 22px;
font-weight: 800;
box-shadow: 0 12px 20px rgba(77, 20, 140, 0.22);
}
.shipping-label-step-card h3 {
margin: 2px 0 6px;
color: #251a35;
font-size: 18px;
font-weight: 700;
}
.shipping-label-step-card p {
margin: 0;
color: #675d75;
font-size: 15px;
line-height: 1.5;
}
.shipping-label-location-link h3,
.shipping-label-location-link p {
color: inherit;
}
.shipping-label-address-body {
padding: 18px 22px 22px;
}
.shipping-label-address-line {
margin: 0 0 8px;
color: #4f465b;
font-size: 15px;
line-height: 1.55;
}
.shipping-label-address-line:last-child {
margin-bottom: 0;
}
.shipping-label-proof-note {
margin: 0;
padding: 0 36px 28px;
color: #847a92;
font-size: 12px;
line-height: 1.6;
text-align: center;
}
@keyframes shipping-label-cta-shake {
0%, 100% {
transform: translateX(0);
}
20% {
transform: translateX(-5px);
}
40% {
transform: translateX(5px);
}
60% {
transform: translateX(-4px);
}
80% {
transform: translateX(4px);
}
}
@keyframes shipping-label-truck-enter {
0% {
transform: translateX(calc(-100vw - 420px));
}
100% {
transform: translateX(0);
}
}
@media screen and (max-width: 991px) {
.shipping-label-hero,
.shipping-label-details-grid {
grid-template-columns: 1fr;
}
.shipping-label-details-grid {
flex-direction: column;
}
.shipping-label-hero {
padding-bottom: 18px;
}
.shipping-label-hero-image-wrap {
min-height: 220px;
}
}
@media screen and (max-width: 767px) {
#proof-image-shipping-label-wrapper {
padding: 10px;
}
.shipping-label-hero,
.shipping-label-details-grid {
padding-left: 18px;
padding-right: 18px;
}
.shipping-label-title {
font-size: 30px;
}
.shipping-label-description {
font-size: 15px;
}
.steps-to-get-label-step.shipping-label-step-card {
grid-template-columns: 1fr;
}
.shipping-label-step-number {
width: 48px;
height: 48px;
border-radius: 14px;
font-size: 20px;
}
.shipping-label-proof-note {
padding-left: 18px;
padding-right: 18px;
}
}
.shipcenter-search-wrapper
{
float: right;
width: 241px;
border: thin solid #eee;
padding: 3px;
border-radius: 4px;
margin-bottom: 11px;
background: #ededed;
position: relative;
right: -2px;
top: -10px;
}
label#shipTo_0-label {
background: #f2f2f2;
border-radius: 4px;
border: 3px solid #673AB7;
color: #673AB7;
}
label#shipFrom_0-label{
background: #f2f2f2;
border-radius: 4px;
border: 3px solid #673AB7;
color: #673AB7;
}
span.fedex-sc-description-est-date {
padding: 0;
font-size: 14px;
}
span#ship-center-cheapest-price {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color: #facdcd;
color: #780a0a;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 22px;
padding: 0px 15px;
position: absolute;
margin: 4px 8px;
font-size: 11px;
}
button.ship-center-show-ship-to-addresses.btn {
background: #ffffff;
border-top: #d0d0d0 solid 1px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
color: #673AB7;
}
button.ship-center-show-ship-from-addresses.btn {
background: #ffffff;
border-top: #d0d0d0 solid 1px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
color: #673AB7;
}
input.shipcenter-search {
background: #ededed;
}
span.ship-center-header-subtitle {
font-size: 15px;
color: #9C27B0;
padding: 6px;
position: relative;
top: -3px;
}
.ship-center-address-container {
border: 1px solid #c2c2c2;
}
#fedex-ups-rates-container .row {
margin-left: 0;
margin-right: 0;
padding: 13px;
border-bottom: 1px solid #e7eaef;
}
#fedex-ups-rates-container {
border: thin solid #dadada;
width: 100%;
padding: 0px;
border-radius: 5px;
margin: 5px 28px;
}
button#page-two-button {
z-index: 5;
max-width: 882px;
}
.page-two-button-wrapper {
margin: auto;
left: 234px;
position: absolute;
position: fixed;
width: 41%;
text-align: center;
padding: 7px 18px 26px;
bottom: -45px;
right: 7px;
z-index:9999;
}
.ship-center-ship-addresses .radio.selected, .ship-center-ship-addresses label.selected {
background-color: #f4f7fe;
border: 1px solid #e3e5e9;
}
#fedex-ups-rates-container .row.selected {
background-color: #f4f7fe !important;
border: 1px solid #dddee2;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
@media (min-width: 767px){
button.ship-center-show-ship-to-addresses.btn:hover {
background: #ededed;
cursor: pointer;
}
button.ship-center-show-ship-from-addresses.btn:hover {
background: #ededed;
cursor: pointer;
}
}
@media (max-width: 600px){
fieldset.ship-center-fieldset {
padding: 31px 20px !important;
}
#fedex-ups-rates-container {
margin: 0px;
}
#ship-center-component button {
width: 94% !important;
}
.page-two-button-wrapper {
margin: auto;
position: absolute;
position: fixed;
width: 100%;
text-align: center;
padding: 0px;
bottom: 0px;
left: 0px;
right: 0px;
}
}
.shipcenter-search {
width: 80%;
border: 0px;
padding: 7px 5px;
border-radius: 2px;
margin-bottom: 10px;
border-radius: 6px;
position: absolute;
right: 5px;
top: 5px;
margin-left: 46px;
font-family: sans-serif;
font-size: 15px;
}
.shipcenter-search-wrapper {
top: -1px;
}
.the-box {
width: 159px;
height: auto;
padding: 10px 14px;
}
.text-center-ship {
text-align: center;
padding: 0px 0px 41px 0px;
max-width: 595px;
margin: auto;
}
h1#page-header {
font-size: 50px;
}
.shipcenter-search-wrapper {
border-radius: 34px;
}
.heyo {
position: relative;
top: 5px;
right: 6px;
}
div#ship-center-ship-to-addresses-overflow {
width: 100%;
}
.shipping-back-page {
font-weight: bold;
text-align: center;
position: relative;
left: 0;
cursor: pointer;
top: -7px;
background: rebeccapurple;
padding: 3px 9px;
border-radius: 45px;
color: white;
}
#page-three-button {
width: 100% !important;
}
.ship-center-error {
border: 2px dashed red !important;
}
.error-asterisk {
color: red;
position: relative;
top: 5px;
}
#shipping-custom-dimensions .error-asterisk {
font-size: 1.5em;
}
#ship-center-extra-fields-input {
border: none;
}
.extra-fields-label {
flex: 0 0 100%;
}
button.add-address-external-button {
text-align: left;
background: #ffffff;
color: #673AB7;
font-weight: bold;
font-size: 15px;
padding-left: 2%;
}
.swal2-modal button.address-autocomplete,
button.address-autocomplete
{
margin: 0;
padding: 8px 15px;
width: 100%;
border-radius: 6px;
font-size: 14px;
}
.address-autocomplete-addresses {
position: absolute;
background: white;
border: thin solid #d0d0d0;
width: 100%;
z-index: 2;
display: block;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}
button.address-autocomplete:hover,
button.address-autocomplete.selected
{
background-color: #ccc;
}
.registration-street-address-input-form {
position:relative;
}
#ship-center-add-address-form .address-autocomplete-addresses {
width: 99%;
}
#ship-center-account-bill-direct-admin-checkout {
padding: 10px 0;
margin: 20px 0;
}
#ship-center-account-bill-direct-admin-checkout label {
padding: 10px 10px 10px 0;
}
#ship-center-account-bill-direct-admin-checkout label.ship-center-account-billing-manual-entry-label-full-width-container {
display:flex;
align-items: center;
}
#ship-center-account-bill-direct-admin-checkout label input[type="radio"] {
margin-right: 5px;
}
#ship-center-account-bill-direct-admin-checkout label .admin-shipcenter-account-number-text {
float: right;
}
#ship-center-admin-account-checkout-all-options {
flex: 1;
padding: 13px;
border-radius: 6px;
}
#ship-center-admin-account-checkout-manual-option {
float: right;
flex: 1;
padding: 13px;
border: thin solid #9BACC8;
}
#fedex-ups-rates-container {
display: grid;
gap: 14px;
border: 0;
background: transparent;
}
#fedex-ups-rates-container .ship-center-rate-container {
margin: 0;
padding: 0;
border: 0;
background: transparent;
}
#fedex-ups-rates-container .ship-center-rate-container:hover {
background: transparent;
}
#fedex-ups-rates-container .ship-center-rate-container .shipping-rate-options-label {
display: block;
width: 100%;
margin: 0;
cursor: pointer;
}
#fedex-ups-rates-container .ship-center-rate-card-inner {
display: flex;
flex-direction: column;
gap: 6px;
padding: 10px 12px;
border: 1px solid #d7dce5;
border-left: 4px solid #9ca3af;
border-radius: 12px;
background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%);
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}
#fedex-ups-rates-container .ship-center-rate-container:hover .ship-center-rate-card-inner {
transform: translateY(-1px);
box-shadow: 0 10px 24px rgba(15, 23, 42, 0.09);
}
#fedex-ups-rates-container .ship-center-rate-fedex .ship-center-rate-card-inner {
border-left-color: #6d3fd6;
}
#fedex-ups-rates-container .ship-center-rate-ups .ship-center-rate-card-inner {
border-left-color: #8b5e3c;
}
#fedex-ups-rates-container .ship-center-rate-container.selected .ship-center-rate-card-inner {
border-color: #111827;
box-shadow: 0 0 0 2px rgba(17, 24, 39, 0.08), 0 12px 24px rgba(17, 24, 39, 0.10);
}
#fedex-ups-rates-container .ship-center-rate-topline {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
#fedex-ups-rates-container .ship-center-rate-radio-wrapper {
display: flex;
align-items: center;
gap: 7px;
float: none;
height: auto;
}
#fedex-ups-rates-container .shipcenter-shipping-rate-option {
margin: 0;
width: 16px;
height: 16px;
flex: 0 0 auto;
cursor: pointer;
accent-color: #111827;
}
#fedex-ups-rates-container .ship-center-rate-eyebrow {
font-size: 10px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #667085;
}
#fedex-ups-rates-container .ship-center-rate-main {
display: flex;
align-items: center;
gap: 9px;
}
#fedex-ups-rates-container .ship-center-description-image-fedex,
#fedex-ups-rates-container .ship-center-description-image-ups {
margin: 0;
flex: 0 0 auto;
}
#fedex-ups-rates-container .ship-center-description-image-fedex {
max-height: 14px;
margin-top: 0;
}
#fedex-ups-rates-container .ship-center-description-image-ups {
max-height: 18px;
}
#fedex-ups-rates-container .ship-center-rate-copy {
min-width: 0;
flex: 1;
display: flex;
flex-direction: column;
gap: 4px;
}
#fedex-ups-rates-container .ship-center-description {
display: block;
margin: 0;
color: #101828;
font-size: 14px;
font-weight: 700;
line-height: 1.15;
}
#fedex-ups-rates-container .ship-center-rate-badges {
display: flex;
flex-wrap: wrap;
gap: 5px;
min-height: 16px;
}
#fedex-ups-rates-container .ship-center-rate-badge {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 2px 7px;
border-radius: 999px;
font-size: 9px;
font-weight: 800;
line-height: 1;
letter-spacing: 0.04em;
text-transform: uppercase;
background: #e5eefc;
color: #23406d;
}
#fedex-ups-rates-container .ship-center-rate-badge-cheapest {
background: #dcfce7;
color: #166534;
}
#fedex-ups-rates-container .ship-center-rate-badge-fastest {
background: #ede9fe;
color: #6d28d9;
}
#fedex-ups-rates-container .ship-center-rate-badge-best {
background: #fff7d6;
color: #a16207;
}
#fedex-ups-rates-container .ship-center-rate-arrival {
display: inline-flex;
align-items: center;
width: fit-content;
max-width: 100%;
padding: 4px 7px;
border-radius: 999px;
background: #f4f6fb;
color: #475467;
font-size: 11px;
line-height: 1.15;
text-indent: 0;
margin: 0;
}
#fedex-ups-rates-container .shipcenter-description-price {
float: none;
min-width: 76px;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 2px;
}
#fedex-ups-rates-container .shipcenter-description-total {
font-size: 20px;
font-weight: 800;
line-height: 1;
color: #101828;
}
#fedex-ups-rates-container .shipcenter-description-slashed-total {
min-height: 12px;
font-size: 10px;
}
#fedex-ups-rates-container .shipcenter-description-slashed-total:empty {
display: none;
}
@media (max-width: 767px) {
#fedex-ups-rates-container .ship-center-rate-card-inner {
padding: 10px 11px;
}
#fedex-ups-rates-container .ship-center-rate-topline,
#fedex-ups-rates-container .ship-center-rate-main {
gap: 7px;
}
#fedex-ups-rates-container .shipcenter-description-total {
font-size: 18px;
}
#fedex-ups-rates-container .ship-center-description {
font-size: 13px;
}
#fedex-ups-rates-container .ship-center-rate-arrival {
font-size: 10px;
}
}