.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;
}
span.asp-rfw-progress-bar-percentage::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: transparent transparent #d79f57 transparent;
}
.asp-rfw-progress-bar-wrapper-shop .asp-rfw-max-tickets-remaining-span{
font-size:15px ;
}
.asp-rfw-progress-bar-percentage-wrapper{
position:relative;
}
.asp-rfw-progress-bar-percentage-span{
position: absolute;
background: #d79f57;
color: white;
padding: 0 10px;
border-radius: 5px;
left: 50%;
transform: translateX(-50%);
bottom: -30px;
}
.asp-rfw-progress-bar-content-span{
display:flex;
justify-content:space-between;
}
.asp-rfw-progress-bar-wrapper-shop .asp-rfw-progress-bar-content-span{
gap: 15px;
}
.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-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;
}
}