html:root,
[data-hsx*="light"],
html:root[data-hsx*="dark"] [data-hsx*="inverted"] {
--hcl-on-brand: #ffffff;
--hcl-brand-1: #fcfcfd;
--hcl-brand-2: #f0f6fc;
--hcl-brand-3: #e5edf4;
--hcl-brand-4: #d9e3ec;
--hcl-brand-5: #cdd8e3;
--hcl-brand-6: #bdcbda;
--hcl-brand-7: #a8bacd;
--hcl-brand-8: #8ca3ba;
--hcl-brand-9: #051e38;
--hcl-brand-10: #00102a;
--hcl-brand-11: #4c5d70;
--hcl-brand-12: #282f3e;
--hcl-brand-1a: hsla(210, 100%, 51.0%, 0.016);
--hcl-brand-2a: hsla(210, 100%, 51.0%, 0.040);
--hcl-brand-3a: hsla(210, 100%, 50.3%, 0.071);
--hcl-brand-4a: hsla(210, 100%, 50.1%, 0.118);
--hcl-brand-5a: hsla(208, 99.1%, 47.1%, 0.189);
--hcl-brand-6a: hsla(209, 99.5%, 45.3%, 0.283);
--hcl-brand-7a: hsla(208, 99.9%, 43.8%, 0.412);
--hcl-brand-8a: hsla(206, 99.8%, 45.1%, 0.632);
--hcl-brand-9a: hsla(206, 100%, 50.0%, 0.980);
--hcl-brand-10a: hsla(208, 100%, 47.2%, 0.980);
--hcl-brand-11a: hsla(212, 100%, 43.0%, 0.980);
--hcl-brand-12a: hsla(213, 100%, 14.4%, 0.980);
--hcl-on-neutral: #fff;
--hcl-neutral-1: #fcfcfd;
--hcl-neutral-2: #f9f9fb;
--hcl-neutral-3: #f0f0f3;
--hcl-neutral-4: #e8e8ec;
--hcl-neutral-5: #e0e1e6;
--hcl-neutral-6: #d9d9e0;
--hcl-neutral-7: #cdced6;
--hcl-neutral-8: #b9bbc6;
--hcl-neutral-9: #8b8d98;
--hcl-neutral-10: #80838d;
--hcl-neutral-11: #60646c;
--hcl-neutral-12: #1c2024;
--hcl-neutral-1a: hsla(210, 92.6%, 26.5%, 0.016);
--hcl-neutral-2a: hsla(210, 87.7%, 16.0%, 0.028);
--hcl-neutral-3a: hsla(210, 98.8%, 14.4%, 0.055);
--hcl-neutral-4a: hsla(210, 94.1%, 11.1%, 0.075);
--hcl-neutral-5a: hsla(216, 91.1%, 10.9%, 0.099);
--hcl-neutral-6a: hsla(206, 96.4%, 11.3%, 0.126);
--hcl-neutral-7a: hsla(210, 99.1%, 10.1%, 0.157);
--hcl-neutral-8a: hsla(205, 96.5%, 10.0%, 0.244);
--hcl-neutral-9a: hsla(206, 98.8%, 5.9%, 0.467);
--hcl-neutral-10a: hsla(206, 99.6%, 5.4%, 0.506);
--hcl-neutral-11a: hsla(206, 97.0%, 4.8%, 0.593);
--hcl-neutral-12a: hsla(202, 97.0%, 2.4%, 0.934);
}
:root:root[data-hsx*="dark"],
[data-hsx*="dark"],
[data-hsx*="invert"] {
--hcl-brand-1: #101113;
--hcl-brand-2: #17191b;
--hcl-brand-3: #1f2124;
--hcl-brand-4: #25292e;
--hcl-brand-5: #2e3338;
--hcl-brand-6: #373e46;
--hcl-brand-7: #444d56;
--hcl-brand-8: #545f6b;
--hcl-brand-9: #051e38;
--hcl-brand-10: #162b46;
--hcl-brand-11: #9bb4cf;
--hcl-brand-12: #d6e0eb;
--hcl-brand-1a: hsla(0, 0%, 0%, 0);
--hcl-brand-2a: hsla(214.96, 94.56%, 71.18%, 0.022);
--hcl-brand-3a: hsla(215.11, 97.92%, 81.18%, 0.065);
--hcl-brand-4a: hsla(214.84, 95.88%, 80.98%, 0.1);
--hcl-brand-5a: hsla(213.03, 97.8%, 82.16%, 0.13);
--hcl-brand-6a: hsla(213.71, 97.8%, 82.16%, 0.169);
--hcl-brand-7a: hsla(211.65, 100%, 82.16%, 0.246);
--hcl-brand-8a: hsla(209.67, 100%, 82.16%, 0.363);
--hcl-brand-9a: hsla(210.34, 100%, 82.94%, 0.552);
--hcl-brand-10a: hsla(209.63, 100%, 84.12%, 0.613);
--hcl-brand-11a: hsla(210, 100%, 85.1%, 0.725);
--hcl-brand-12a: hsla(224, 100%, 97.06%, 0.966);
--hcl-neutral-1: #111113;
--hcl-neutral-2: #18191b;
--hcl-neutral-3: #212225;
--hcl-neutral-4: #272a2d;
--hcl-neutral-5: #2e3135;
--hcl-neutral-6: #363a3f;
--hcl-neutral-7: #43484e;
--hcl-neutral-8: #5a6169;
--hcl-neutral-9: #696e77;
--hcl-neutral-10: #777b84;
--hcl-neutral-11: #b0b4ba;
--hcl-neutral-12: #edeef0;
--hcl-neutral-1a: hsla(0, 0%, 0%, 0);
--hcl-neutral-2a: hsla(181, 98.9%, 91.8%, 0.026);
--hcl-neutral-3a: hsla(182, 86.7%, 91.4%, 0.057);
--hcl-neutral-4a: hsla(209, 86.7%, 93.9%, 0.083);
--hcl-neutral-5a: hsla(200, 90.3%, 93.4%, 0.109);
--hcl-neutral-6a: hsla(209, 95.3%, 93.5%, 0.139);
--hcl-neutral-7a: hsla(204, 98.5%, 93.9%, 0.182);
--hcl-neutral-8a: hsla(209, 94.0%, 94.7%, 0.265);
--hcl-neutral-9a: hsla(207, 97.3%, 94.0%, 0.412);
--hcl-neutral-10a: hsla(209, 99.4%, 95.2%, 0.472);
--hcl-neutral-11a: hsla(208, 98.7%, 96.8%, 0.615);
--hcl-neutral-12a: hsla(211, 86.7%, 99.6%, 0.927);
}
:root { --hsx-page-width: 1440px;
--hsx-min-offset: 20px;
--hsx-page-gap: 20px; --bde-section-width: 1480px !important;
--bde-section-horizontal-padding: 20px !important;
--bde-column-gap: 20px !important;
--hsx-bleed-offset: max(calc(((100vw - (var(--bde-section-width))) / 2) + var(--bde-section-horizontal-padding)), calc(var(--bde-section-horizontal-padding) + 5px));
}
:root {
--headspin-theme-API: eyJ0aGVtZSI6ImxpZ2h0In0=;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
div {
line-height: calc(8px + 2.15ex)
}
html:root { --hrd-s: 6px;
--hrd-m: 8px;
--hrd-l: 12px;
--hrd-pill: 500px;
--hrd-atom: 6px;
}
html:root { --hfs-h0: clamp(3.0625rem, 2.151rem + 3.044vw, 4.75rem);
--hfs-h1: clamp(2.4375rem, 1.830rem + 2.029vw, 3.5625rem);
--hfs-h2: clamp(1.9375rem, 1.532rem + 1.353vw, 2.6875rem);
--hfs-h3: clamp(1.5625rem, 1.326rem + 0.789vw, 2rem);
--hfs-h4: clamp(1.25rem, 1.115rem + 0.451vw, 1.5rem);
--hfs-h5: clamp(1rem, 0.932rem + 0.225vw, 1.125rem);
--hfs-h6: clamp(1rem, 0.932rem + 0.225vw, 1.125rem);
--hfs-text-l: clamp(1.25rem, 1.115rem + 0.451vw, 1.5rem);
--hfs-text-m: clamp(1rem, 0.932rem + 0.225vw, 1.125rem);
--hfs-text-s: clamp(0.875rem, 0.875rem + 0.000vw, 0.875rem);
--hsp-xxl: clamp(3.5625rem, 2.921rem + 2.142vw, 4.75rem);
--hsp-xl: clamp(2.6875rem, 2.215rem + 1.578vw, 3.5625rem);
--hsp-l: clamp(2rem, 1.629rem + 1.240vw, 2.6875rem);
--hsp-m: clamp(1.5rem, 1.230rem + 0.902vw, 2rem);
--hsp-s: clamp(1.125rem, 0.922rem + 0.676vw, 1.5rem);
--hsp-xs: clamp(0.8125rem, 0.644rem + 0.564vw, 1.125rem);
--hsp-xxs: clamp(0.625rem, 0.524rem + 0.338vw, 0.8125rem);
--hss-xxl: clamp(10.6875rem, 8.797rem + 6.313vw, 14.1875rem);
--hss-xl: clamp(8rem, 6.549rem + 4.848vw, 10.6875rem);
--hss-l: clamp(6rem, 4.920rem + 3.608vw, 8rem);
--hss-m: clamp(4.5rem, 3.690rem + 2.706vw, 6rem);
--hss-s: clamp(3.375rem, 2.767rem + 2.029vw, 4.5rem);
--hss-xs: clamp(2.5rem, 2.027rem + 1.578vw, 3.375rem);
--hss-xxs: clamp(1.875rem, 1.537rem + 1.127vw, 2.5rem);
}
@supports (font-size: 1cqi) {
html:root {
--hfs-h0: clamp(3.0625rem, 2.151rem + 3.044cqi, 4.75rem);
--hfs-h1: clamp(2.4375rem, 1.830rem + 2.029cqi, 3.5625rem);
--hfs-h2: clamp(1.9375rem, 1.532rem + 1.353cqi, 2.6875rem);
--hfs-h3: clamp(1.5625rem, 1.326rem + 0.789cqi, 2rem);
--hfs-h4: clamp(1.25rem, 1.115rem + 0.451cqi, 1.5rem);
--hfs-h5: clamp(1rem, 0.932rem + 0.225cqi, 1.125rem);
--hfs-h6: clamp(1rem, 0.932rem + 0.225cqi, 1.125rem);
--hfs-text-l: clamp(1.25rem, 1.115rem + 0.451cqi, 1.5rem);
--hfs-text-m: clamp(1rem, 0.932rem + 0.225cqi, 1.125rem);
--hfs-text-s: clamp(0.875rem, 0.875rem + 0.000cqi, 0.875rem);
--hsp-xxl: clamp(3.5625rem, 2.921rem + 2.142cqi, 4.75rem);
--hsp-xl: clamp(2.6875rem, 2.215rem + 1.578cqi, 3.5625rem);
--hsp-l: clamp(2rem, 1.629rem + 1.240cqi, 2.6875rem);
--hsp-m: clamp(1.5rem, 1.230rem + 0.902cqi, 2rem);
--hsp-s: clamp(1.125rem, 0.922rem + 0.676cqi, 1.5rem);
--hsp-xs: clamp(0.8125rem, 0.644rem + 0.564cqi, 1.125rem);
--hsp-xxs: clamp(0.625rem, 0.524rem + 0.338cqi, 0.8125rem);
--hss-xxl: clamp(10.6875rem, 8.797rem + 6.313cqi, 14.1875rem);
--hss-xl: clamp(8rem, 6.549rem + 4.848cqi, 10.6875rem);
--hss-l: clamp(6rem, 4.920rem + 3.608cqi, 8rem);
--hss-m: clamp(4.5rem, 3.690rem + 2.706cqi, 6rem);
--hss-s: clamp(3.375rem, 2.767rem + 2.029cqi, 4.5rem);
--hss-xs: clamp(2.5rem, 2.027rem + 1.578cqi, 3.375rem);
--hss-xxs: clamp(1.875rem, 1.537rem + 1.127cqi, 2.5rem);
}
}
html:root,
[data-hsx*="light"],
html:root[data-hsx*="dark"] [data-hsx*="inverted"] {
--bde-headings-color: var(--hcl-neutral-12);
--bde-body-text-color: var(--hcl-neutral-11);
--bde-background-color: var(--hcl-neutral-1);
--bde-brand-primary-color: var(--hcl-brand-9);
--bde-brand-primary-color-hover: var(--hcl-brand-10);
--bde-links-color: var(--hcl-brand-9);
--bde-links-color-hover: var(--hcl-brand-10);
}
:root:root[data-hsx*="dark"],
[data-hsx*="dark"],
html:root[data-hsx*="light"] [data-hsx*="invert"] {
--bde-headings-color: var(--hcl-neutral-12);
--bde-body-text-color: var(--hcl-neutral-11);
--bde-background-color: var(--hcl-neutral-1);
--bde-brand-primary-color: var(--hcl-brand-9);
--bde-brand-primary-color-hover: var(--hcl-brand-10);
--bde-links-color: var(--hcl-brand-9);
--bde-links-color-hover: var(--hcl-brand-10);
}
html:root {
--bde-h1-font-size: var(--hfs-h1);
--bde-h2-font-size: var(--hfs-h2);
--bde-h3-font-size: var(--hfs-h3);
--bde-h4-font-size: var(--hfs-h4);
--bde-h5-font-size: var(--hfs-h5);
--bde-h6-font-size: var(--hfs-h6);
--bde-body-font-size: var(--hfs-text-m);
}@-webkit-keyframes jconfirm-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes jconfirm-spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
body[class*=jconfirm-no-scroll-] {
overflow: hidden !important;
}
.jconfirm {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999999;
font-family: inherit;
overflow: hidden;
}
.jconfirm .jconfirm-bg {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: opacity .4s;
transition: opacity .4s;
}
.jconfirm .jconfirm-bg.jconfirm-bg-h {
opacity: 0 !important;
}
.jconfirm .jconfirm-scrollpane {
-webkit-perspective: 500px;
perspective: 500px;
-webkit-perspective-origin: center;
perspective-origin: center;
display: table;
width: 100%;
height: 100%;
}
.jconfirm .jconfirm-row {
display: table-row;
width: 100%;
}
.jconfirm .jconfirm-cell {
display: table-cell;
vertical-align: middle;
}
.jconfirm .jconfirm-holder {
max-height: 100%;
padding: 50px 0;
}
.jconfirm .jconfirm-box-container {
-webkit-transition: -webkit-transform;
transition: -webkit-transform;
transition: transform;
transition: transform, -webkit-transform;
}
.jconfirm .jconfirm-box-container.jconfirm-no-transition {
-webkit-transition: none !important;
transition: none !important;
}
.jconfirm .jconfirm-box {
background: white;
border-radius: 4px;
position: relative;
outline: none;
padding: 15px 15px 0;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}
@-webkit-keyframes type-blue {
1%,
100% {
border-color: #3498db;
}
50% {
border-color: #5faee3;
}
}
@keyframes type-blue {
1%,
100% {
border-color: #3498db;
}
50% {
border-color: #5faee3;
}
}
@-webkit-keyframes type-green {
1%,
100% {
border-color: #2ecc71;
}
50% {
border-color: #54d98c;
}
}
@keyframes type-green {
1%,
100% {
border-color: #2ecc71;
}
50% {
border-color: #54d98c;
}
}
@-webkit-keyframes type-red {
1%,
100% {
border-color: #e74c3c;
}
50% {
border-color: #ed7669;
}
}
@keyframes type-red {
1%,
100% {
border-color: #e74c3c;
}
50% {
border-color: #ed7669;
}
}
@-webkit-keyframes type-orange {
1%,
100% {
border-color: #f1c40f;
}
50% {
border-color: #f4d03f;
}
}
@keyframes type-orange {
1%,
100% {
border-color: #f1c40f;
}
50% {
border-color: #f4d03f;
}
}
@-webkit-keyframes type-purple {
1%,
100% {
border-color: #9b59b6;
}
50% {
border-color: #b07cc6;
}
}
@keyframes type-purple {
1%,
100% {
border-color: #9b59b6;
}
50% {
border-color: #b07cc6;
}
}
@-webkit-keyframes type-dark {
1%,
100% {
border-color: #34495e;
}
50% {
border-color: #46627f;
}
}
@keyframes type-dark {
1%,
100% {
border-color: #34495e;
}
50% {
border-color: #46627f;
}
}
.jconfirm .jconfirm-box.jconfirm-type-animated {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.jconfirm .jconfirm-box.jconfirm-type-blue {
border-top: solid 7px #3498db;
-webkit-animation-name: type-blue;
animation-name: type-blue;
}
.jconfirm .jconfirm-box.jconfirm-type-green {
border-top: solid 7px #2ecc71;
-webkit-animation-name: type-green;
animation-name: type-green;
}
.jconfirm .jconfirm-box.jconfirm-type-red {
border-top: solid 7px #e74c3c;
-webkit-animation-name: type-red;
animation-name: type-red;
}
.jconfirm .jconfirm-box.jconfirm-type-orange {
border-top: solid 7px #f1c40f;
-webkit-animation-name: type-orange;
animation-name: type-orange;
}
.jconfirm .jconfirm-box.jconfirm-type-purple {
border-top: solid 7px #9b59b6;
-webkit-animation-name: type-purple;
animation-name: type-purple;
}
.jconfirm .jconfirm-box.jconfirm-type-dark {
border-top: solid 7px #34495e;
-webkit-animation-name: type-dark;
animation-name: type-dark;
}
.jconfirm .jconfirm-box.loading {
height: 120px;
}
.jconfirm .jconfirm-box.loading:before {
content: '';
position: absolute;
left: 0;
background: white;
right: 0;
top: 0;
bottom: 0;
border-radius: 10px;
z-index: 1;
}
.jconfirm .jconfirm-box.loading:after {
opacity: 0.6;
content: '';
height: 30px;
width: 30px;
border: solid 3px transparent;
position: absolute;
left: 50%;
margin-left: -15px;
border-radius: 50%;
-webkit-animation: jconfirm-spin 1s infinite linear;
animation: jconfirm-spin 1s infinite linear;
border-bottom-color: dodgerblue;
top: 50%;
margin-top: -15px;
z-index: 2;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon {
height: 20px;
width: 20px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
opacity: .6;
text-align: center;
font-size: 27px !important;
line-height: 14px !important;
display: none;
z-index: 1;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty {
display: none;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa {
font-size: 16px;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon {
font-size: 16px;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi {
font-size: 16px;
}
.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover {
opacity: 1;
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
display: block;
font-size: 22px;
line-height: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
padding-bottom: 15px;
}
.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand {
cursor: move;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
font-size: inherit;
display: inline-block;
vertical-align: middle;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i {
vertical-align: middle;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty {
display: none;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: inherit;
font-family: inherit;
display: inline-block;
vertical-align: middle;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty {
display: none;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane {
margin-bottom: 15px;
height: auto;
-webkit-transition: height 0.4s ease-in;
transition: height 0.4s ease-in;
display: inline-block;
width: 100%;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {
overflow-y: hidden;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar {
width: 3px;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track {
background: rgba(0, 0, 0, 0.1);
}
.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb {
background: #666;
border-radius: 3px;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
overflow: auto;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img {
max-width: 100%;
height: auto;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty {
display: none;
}
.jconfirm .jconfirm-box .jconfirm-buttons {
padding-bottom: 11px;
}
.jconfirm .jconfirm-box .jconfirm-buttons > button {
margin-bottom: 4px;
margin-left: 2px;
margin-right: 2px;
}
.jconfirm .jconfirm-box .jconfirm-buttons button {
display: inline-block;
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 4px;
min-height: 1em;
-webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
-webkit-tap-highlight-color: transparent;
border: none;
background-image: none;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue {
background-color: #3498db;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover {
background-color: #2980b9;
color: #FFF;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green {
background-color: #2ecc71;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover {
background-color: #27ae60;
color: #FFF;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red {
background-color: #e74c3c;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover {
background-color: #c0392b;
color: #FFF;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange {
background-color: #f1c40f;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover {
background-color: #f39c12;
color: #FFF;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
background-color: #ecf0f1;
color: #000;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
background-color: #bdc3c7;
color: #000;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple {
background-color: #9b59b6;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover {
background-color: #8e44ad;
color: #FFF;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark {
background-color: #34495e;
color: #FFF;
text-shadow: none;
-webkit-transition: background .2s;
transition: background .2s;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover {
background-color: #2c3e50;
color: #FFF;
}
.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c {
color: #e74c3c !important;
}
.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c {
color: #3498db !important;
}
.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c {
color: #2ecc71 !important;
}
.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c {
color: #9b59b6 !important;
}
.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c {
color: #f1c40f !important;
}
.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c {
color: #34495e !important;
}
.jconfirm .jconfirm-clear {
clear: both;
}
.jconfirm.jconfirm-rtl {
direction: rtl;
}
.jconfirm.jconfirm-rtl div.jconfirm-closeIcon {
left: 5px;
right: auto;
}
.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
background-color: #444;
opacity: .2;
}
.jconfirm.jconfirm-white .jconfirm-box,
.jconfirm.jconfirm-light .jconfirm-box {
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
border-radius: 5px;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
margin-right: 8px;
margin-left: 0px;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons {
float: right;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
text-shadow: none;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default {
-webkit-box-shadow: none;
box-shadow: none;
color: #333;
}
.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover {
background: #ddd;
}
.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
margin-left: 8px;
margin-right: 0px;
}
.jconfirm.jconfirm-black .jconfirm-bg,
.jconfirm.jconfirm-dark .jconfirm-bg {
background-color: darkslategray;
opacity: .4;
}
.jconfirm.jconfirm-black .jconfirm-box,
.jconfirm.jconfirm-dark .jconfirm-box {
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
background: #444;
border-radius: 5px;
color: white;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
margin-right: 8px;
margin-left: 0px;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
float: right;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button {
border: none;
background-image: none;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
text-shadow: none;
-webkit-transition: background .1s;
transition: background .1s;
color: white;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default {
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
background: none;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,
.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover {
background: #666;
}
.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,
.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
margin-left: 8px;
margin-right: 0px;
}
.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake {
-webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow {
-webkit-animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
animation: glow 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
@-webkit-keyframes shake {
10%,
90% {
-webkit-transform: translate3d(-2px, 0, 0);
transform: translate3d(-2px, 0, 0);
}
20%,
80% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
30%,
50%,
70% {
-webkit-transform: translate3d(-8px, 0, 0);
transform: translate3d(-8px, 0, 0);
}
40%,
60% {
-webkit-transform: translate3d(8px, 0, 0);
transform: translate3d(8px, 0, 0);
}
}
@keyframes shake {
10%,
90% {
-webkit-transform: translate3d(-2px, 0, 0);
transform: translate3d(-2px, 0, 0);
}
20%,
80% {
-webkit-transform: translate3d(4px, 0, 0);
transform: translate3d(4px, 0, 0);
}
30%,
50%,
70% {
-webkit-transform: translate3d(-8px, 0, 0);
transform: translate3d(-8px, 0, 0);
}
40%,
60% {
-webkit-transform: translate3d(8px, 0, 0);
transform: translate3d(8px, 0, 0);
}
}
@-webkit-keyframes glow {
0%,
100% {
-webkit-box-shadow: 0 0 0px red;
box-shadow: 0 0 0px red;
}
50% {
-webkit-box-shadow: 0 0 30px red;
box-shadow: 0 0 30px red;
}
}
@keyframes glow {
0%,
100% {
-webkit-box-shadow: 0 0 0px red;
box-shadow: 0 0 0px red;
}
50% {
-webkit-box-shadow: 0 0 30px red;
box-shadow: 0 0 30px red;
}
} .jconfirm {
-webkit-perspective: 400px;
perspective: 400px;
}
.jconfirm .jconfirm-box {
opacity: 1;
-webkit-transition-property: all;
transition-property: all;
}
.jconfirm .jconfirm-box.jconfirm-animation-top,
.jconfirm .jconfirm-box.jconfirm-animation-left,
.jconfirm .jconfirm-box.jconfirm-animation-right,
.jconfirm .jconfirm-box.jconfirm-animation-bottom,
.jconfirm .jconfirm-box.jconfirm-animation-opacity,
.jconfirm .jconfirm-box.jconfirm-animation-zoom,
.jconfirm .jconfirm-box.jconfirm-animation-scale,
.jconfirm .jconfirm-box.jconfirm-animation-none,
.jconfirm .jconfirm-box.jconfirm-animation-rotate,
.jconfirm .jconfirm-box.jconfirm-animation-rotatex,
.jconfirm .jconfirm-box.jconfirm-animation-rotatey,
.jconfirm .jconfirm-box.jconfirm-animation-scaley,
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
opacity: 0;
}
.jconfirm .jconfirm-box.jconfirm-animation-rotate {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatex {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatexr {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-rotatey {
-webkit-transform: rotatey(90deg);
transform: rotatey(90deg);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-rotateyr {
-webkit-transform: rotatey(-90deg);
transform: rotatey(-90deg);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-scaley {
-webkit-transform: scaley(1.5);
transform: scaley(1.5);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-scalex {
-webkit-transform: scalex(1.5);
transform: scalex(1.5);
-webkit-transform-origin: center;
transform-origin: center;
}
.jconfirm .jconfirm-box.jconfirm-animation-top {
-webkit-transform: translate(0px, -100px);
transform: translate(0px, -100px);
}
.jconfirm .jconfirm-box.jconfirm-animation-left {
-webkit-transform: translate(-100px, 0px);
transform: translate(-100px, 0px);
}
.jconfirm .jconfirm-box.jconfirm-animation-right {
-webkit-transform: translate(100px, 0px);
transform: translate(100px, 0px);
}
.jconfirm .jconfirm-box.jconfirm-animation-bottom {
-webkit-transform: translate(0px, 100px);
transform: translate(0px, 100px);
}
.jconfirm .jconfirm-box.jconfirm-animation-zoom {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.jconfirm .jconfirm-box.jconfirm-animation-scale {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
.jconfirm .jconfirm-box.jconfirm-animation-none {
visibility: hidden;
}
.jconfirm.jconfirm-supervan .jconfirm-bg {
background-color: rgba(54, 70, 93, 0.95);
}
.jconfirm.jconfirm-supervan .jconfirm-box {
background-color: transparent;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark {
border: none;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon {
color: white;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c {
text-align: center;
color: white;
font-size: 28px;
font-weight: normal;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c > * {
padding-bottom: 25px;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
margin-right: 8px;
margin-left: 0px;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane {
margin-bottom: 25px;
}
.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content {
text-align: center;
color: white;
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons {
text-align: center;
}
.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button {
font-size: 16px;
border-radius: 2px;
background: #303f53;
text-shadow: none;
border: none;
color: white;
padding: 10px;
min-width: 100px;
}
.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
margin-left: 8px;
margin-right: 0px;
}
.jconfirm.jconfirm-material .jconfirm-bg {
background-color: rgba(0, 0, 0, 0.67);
}
.jconfirm.jconfirm-material .jconfirm-box {
background-color: white;
-webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
padding: 30px 25px 10px 25px;
}
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
margin-right: 8px;
margin-left: 0px;
}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon {
color: rgba(0, 0, 0, 0.87);
}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c {
color: rgba(0, 0, 0, 0.87);
font-size: 22px;
font-weight: bold;
}
.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content {
color: rgba(0, 0, 0, 0.87);
}
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons {
text-align: right;
}
.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button {
text-transform: uppercase;
font-weight: 500;
}
.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
margin-left: 8px;
margin-right: 0px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-bg {
background-color: rgba(0, 0, 0, 0.21);
}
.jconfirm.jconfirm-bootstrap .jconfirm-box {
background-color: white;
-webkit-box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.2);
border: solid 1px rgba(0, 0, 0, 0.4);
padding: 15px 0 0;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
margin-right: 8px;
margin-left: 0px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon {
color: rgba(0, 0, 0, 0.87);
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c {
color: rgba(0, 0, 0, 0.87);
font-size: 22px;
font-weight: bold;
padding-left: 15px;
padding-right: 15px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content {
color: rgba(0, 0, 0, 0.87);
padding: 0px 15px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons {
text-align: right;
padding: 10px;
margin: -5px 0 0px;
border-top: solid 1px #ddd;
overflow: hidden;
border-radius: 0 0 4px 4px;
}
.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button {
font-weight: 500;
}
.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c {
margin-left: 8px;
margin-right: 0px;
}
.jconfirm.jconfirm-modern .jconfirm-bg {
background-color: slategray;
opacity: .6;
}
.jconfirm.jconfirm-modern .jconfirm-box {
background-color: white;
-webkit-box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
padding: 30px 30px 15px;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon {
color: rgba(0, 0, 0, 0.87);
top: 15px;
right: 15px;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c {
color: rgba(0, 0, 0, 0.87);
font-size: 24px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c {
-webkit-transition: -webkit-transform .5s;
transition: -webkit-transform .5s;
transition: transform .5s;
transition: transform .5s, -webkit-transform .5s;
-webkit-transform: scale(0);
transform: scale(0);
display: block;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 10px;
font-size: 69px;
color: #aaa;
}
.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content {
text-align: center;
font-size: 15px;
color: #777;
margin-bottom: 25px;
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons {
text-align: center;
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button {
font-weight: bold;
text-transform: uppercase;
-webkit-transition: background .1s;
transition: background .1s;
padding: 10px 20px;
}
.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button + button {
margin-left: 4px;
}
.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c {
-webkit-transform: scale(1);
transform: scale(1);
}.asp-rfw-raffle-duration-timer .asp-rfw-duration-timer-type{
margin: 0;
padding: 0;
text-align: center;
font-weight: 600;
font-size: 18px;
display: inline-block;
}
.asp-rfw-raffle-duration-timer-shop{
margin: auto;
background-color: lightgreen;
padding: 6px;
color: black;
}
.asp-rfw-raffle-badge-shop img,
.asp-rfw-raffle-badge-single img{
float: left;
width: 60px;
}
.asp-rfw-raffle-badge-single img{
float:none;
}
.asp-rfw-raffle-duration-timer-shop .asp-rfw-duration-timer-type{
font-size: 10px;
}
.asp-rfw-raffle-manual-tickets-form-wrapper{
margin-bottom:15px;
clear:both;
}
.asp-rfw-raffle-duration-timer span:not(:first-child){
width:20%;
}
.asp-rfw-raffle-manual-tickets-form-tab-wrapper{
max-height:300px;
overflow:auto;
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr 1fr;
}
.asp-rfw-raffle-manual-tickets-form-tab,
.asp-rfw-raffle-manual-tickets-form-tab:hover{
border:1px solid darkgrey;
border-radius:5px;
margin:3px;
padding:8px 16px;
opacity:0.6;
}
.asp-rfw-tab-active,
.asp-rfw-tab-active:hover,
.asp-rfw-tab-active:focus{
border:2px solid darkgrey;
outline-color: darkgrey;
opacity:1;
color:#000;
}
.asp-rfw-raffle-manual-tickets-list{
list-style: none;
margin: 0;
padding: 0;
max-height:1000px;
overflow: auto;
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr;
}
.asp-rfw-remaining-ticket{
display: block;
list-style: none;
border: 1px solid #000;
padding: 1em;
float: left;
width: auto;
height: auto;
text-align: center;
margin: 0.5em;
cursor: pointer;
font-size: 1em;
font-weight: 700;
word-wrap: break-word;
}
.asp-rfw-remaining-ticket:hover,
.asp-rfw-ticket-selected{
background: lightgreen;
color:#fff;
border: 1px solid #000;
}
.asp-rfw-answers-ul{
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.asp-rfw-answer-list{
display: block;
width: 100%;
padding: 10px;
margin: 10px 0;
background: #fff;
cursor: pointer;
border: 1px solid #cccccc;
color: #000000;
}
.asp-rfw-sold-ticket,
.asp-rfw-sold-ticket:hover{
background: red;
color:#fff;
border: 1px solid #000;
}
.asp-rfw-cart-ticket,
.asp-rfw-cart-ticket:hover,
.asp-rfw-answer-list:hover,
.asp-rfw-answer-selected,
.asp-rfw-answer-selected:hover{
background: green;
color:#fff;
border: 1px solid #000;
}
.asp-rfw-correct-answer{
color:green;
}
.asp-rfw-wrong-answer{
color:red;
}
.asp-rfw-progress-bar-wrapper-shop{
margin-top: 10px;
color: black;
}
.asp-rfw-progress-bar-wrapper-shop .asp-rfw-zero-span{
width: auto;
float: left;
}
.asp-rfw-progress-bar{
display: inline-block;
width: 100%;
background: #f5f5f5;
}
.asp-rfw-zero-span{
display:inline-block;
width:33%;
}
.asp-rfw-max-tickets-span{
float:right;
}
.asp-rfw-product-name,
.asp-rfw-ticket-order-id{
text-decoration: none !important;
}
.asp-rfw-product-name:focus{
outline:unset;
}
.asp-rfw-ticket-order-id{
color:#0000ff;
}
.asp-rfw-started{
color:green;
font-weight: 400;
}
.asp-rfw-finished{
color:blue;
font-weight: 400;
}
.asp-rfw-closed{
color:purple;
font-weight: 400;
}
.asp-rfw-failed{
color:red;
font-weight: 400;
}
.asp-rfw-raffle-instant-prizes-filter{
margin-bottom:10px;
}
.asp-rfw-raffle-instant-prizes-filter{
margin-right:10px;
}
.asp-rfw-raffle-instant-prizes-active{
background-color:#5A5A5A !important;
color:#fff !important;
}
.asp-rfw-available-ticket .asp-rfw-available-status-instant-prizes{
color:green;
}
.asp-rfw-won-ticket .asp-rfw-available-status-instant-prizes{
color:blue;
}
.asp-rfw-progress-bar-wrapper-shop .asp-rfw-max-tickets-remaining-span,
.asp-rfw-progress-bar-wrapper .asp-rfw-max-tickets-remaining-span{
font-weight:600;
}
.asp-rfw-raffle-status.started,
.asp-rfw-raffle-status-shop.started{
color:#1f8f1f;
}
.asp-rfw-raffle-status.not_started,
.asp-rfw-raffle-status-shop.not_started{
color:#ffb300;
}
.asp-rfw-raffle-status.finished,
.asp-rfw-raffle-status-shop.finished{
color:#22f;
}
.asp-rfw-raffle-status.failed,
.asp-rfw-raffle-status-shop.failed,
.asp-rfw-raffle-min-tickets-error{
color:#ff3b3b;
}
.asp-rfw-raffle-status.closed,
.asp-rfw-raffle-status-shop.closed{
color:#94660c;
}
.asp-rfw-raffle-awaiting-result-msg,
.asp-rfw-raffle-winner-msg{
color:#228B22;
}
.asp-rfw-won-status{
color:#1f8f1f;
}
.asp-rfw-lost-status{
color:#ff3b3b;
}
.asp-rfw-purchased-tickets-heading{
margin-top:0 !important;
}
.asp-rfw-quantity-range-slider {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 5px;
width: 100%;
cursor: pointer;
position: relative;
margin-top: 10px;
}
.asp-rfw-quantity-range-slider .asp-rfw-slider-decrement-span,
.asp-rfw-quantity-range-slider .asp-rfw-slider-increment-span{
width: 6%;
display: flex;
}
.asp-rfw-quantity-range-slider .asp-rfw-qty-range-span{
width: 85%;
display: flex;
}
.asp-rfw-quantity-range-slider .asp-rfw-slider-decrement,
.asp-rfw-quantity-range-slider .asp-rfw-slider-increment{
width: 25px;
height: 25px;
color: #fff !important;
background: #000 !important;
border-radius: 15px !important;
border: none !important;
padding: 0 !important;
}
.asp-rfw-quantity-range-slider .asp-rfw-qty-tickets-info{
position: absolute;
background: #04AA6D;
color: white;
padding: 0 10px;
border-radius: 5px;
transform: translate(-50%, -150%);
left: 50%;
top: 50%;
}
.asp-rfw-quantity-range-slider .asp-rfw-qty-tickets-info::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #04aa6d transparent transparent transparent;
}
.asp-rfw-quantity-range-slider .asp-rfw-slider {
-webkit-appearance: none;
width: 100%;
height: 15px;
border-radius: 5px;
background: #d3d3d3;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}
.asp-rfw-quantity-range-slider .asp-rfw-slider:hover {
opacity: 1;
}
.asp-rfw-quantity-range-slider .asp-rfw-slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
border-radius: 50%;
background: #04AA6D;
cursor: pointer;
border: 1px solid green;
box-shadow: unset;
}
.asp-rfw-quantity-range-slider .asp-rfw-slider::-moz-range-thumb{
width: 25px;
height: 25px;
border-radius: 50%;
background: #04AA6D;
cursor: pointer;
border: 1px solid green;
box-shadow: unset;
}
.asp-rfw-quantity-range-slider .asp-rfw-slider::-moz-range-track,
.asp-rfw-quantity-range-slider .asp-rfw-slider::-webkit-slider-track{
box-shadow: unset;
}
.asp-rfw-quantity-range-slider .asp-rfw-slider:focus{
outline:unset !important;
}
.asp-rfw-quantity-range-slider .asp-rfw-slider::-webkit-slider-runnable-track {
-webkit-appearance: none;
appearance: none;
box-shadow: none;
}
@media screen and (max-width: 768px) {
.asp-rfw-raffle-manual-tickets-form-tab-wrapper{
grid-template-columns:1fr 1fr;
}
.asp-rfw-zero-span{
width: 25%;
}
.asp-rfw-raffle-duration-timer .asp-rfw-duration-timer-type{
margin: 10px 0;
display:block;
}
.asp-rfw-raffle-duration-timer span:not(:first-child){
width:auto;
}
.asp-rfw-quantity-range-slider .asp-rfw-slider-decrement-span,
.asp-rfw-quantity-range-slider .asp-rfw-slider-increment-span{
width: 8%;
display: flex;
}
.asp-rfw-quantity-range-slider .asp-rfw-qty-range-span{
width: 80%;
display: flex;
}
}