/* Minification failed. Returning unminified contents.
(490,17): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(496,17): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1744,24): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1772,37): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1793,17): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1853,32): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1859,37): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1875,19): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2018,20): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2034,15): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2055,22): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2059,30): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2060,33): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2144,26): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2384,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2385,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2386,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2387,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2388,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2389,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2390,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2391,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2395,21): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily'
(2396,15): run-time error CSS1039: Token not allowed after unary operator: '-fontcolor'
(2403,21): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily'
(2404,15): run-time error CSS1039: Token not allowed after unary operator: '-fontcolor'
(2408,15): run-time error CSS1039: Token not allowed after unary operator: '-fontcolor'
(2412,21): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily'
(2415,15): run-time error CSS1039: Token not allowed after unary operator: '-fontcolor'
(2429,15): run-time error CSS1039: Token not allowed after unary operator: '-fontcolor'
(2476,15): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2499,20): run-time error CSS1039: Token not allowed after unary operator: '-corphover'
(2500,16): run-time error CSS1039: Token not allowed after unary operator: '-corphoverborder'
(2505,20): run-time error CSS1039: Token not allowed after unary operator: '-corpactive'
(2506,16): run-time error CSS1039: Token not allowed after unary operator: '-corpactiveborder'
(2512,15): run-time error CSS1039: Token not allowed after unary operator: '-corphoverborder'
(2536,15): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2545,21): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily'
(2551,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily'
(2555,17): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2564,15): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2571,15): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2572,26): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2580,20): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2584,33): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2592,26): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2593,22): run-time error CSS1039: Token not allowed after unary operator: '-corpborder'
(2598,28): run-time error CSS1039: Token not allowed after unary operator: '-corphover'
(2599,24): run-time error CSS1039: Token not allowed after unary operator: '-corphoverborder'
(2604,28): run-time error CSS1039: Token not allowed after unary operator: '-corpactive'
(2605,24): run-time error CSS1039: Token not allowed after unary operator: '-corpactiveborder'
(2610,28): run-time error CSS1039: Token not allowed after unary operator: '-corpactive'
(2611,24): run-time error CSS1039: Token not allowed after unary operator: '-corpactiveborder'
(2636,21): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily'
(2640,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily'
(2644,23): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily'
(2653,26): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2671,15): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2714,15): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2718,15): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2728,33): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2733,22): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2741,22): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2748,22): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2749,26): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2754,20): run-time error CSS1039: Token not allowed after unary operator: '-corphover'
(2755,22): run-time error CSS1039: Token not allowed after unary operator: '-corphoverborder'
(2768,15): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2775,22): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2779,22): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2783,20): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2803,20): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2847,20): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2854,22): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
 */
/* Add here all your css styles (customizations) */

/*Set the font-size to 16px*/
/*Set the height:auto; min-height: 100%; for ios scrolling*/
html {
    height: auto;
    min-height: 100%;
}

body {
    height: auto;
    min-height: 100%;
    font-size: 16px;
    line-height: 1.6;
    font-family: Helvetica,Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: #555;
    margin-top: 5px;
    text-shadow: none;
    font-weight: normal;
    font-family: "Open Sans", Arial, sans-serif;
}

/* Set widths on the form inputs since otherwise they're 100% wide. Add in the box-sizing. */
/* textarea */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
select {
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.form-inline .form-group input {
    width: 100%;
    max-width: 100%;
}

/* Responsive: Portrait tablets and below */
@media (max-width: 768px) {

    input[type="text"],
    input[type="password"],
    input[type="email"],
    select {
        font-size: 16px;
    }
}

/*--------------------------------------------------
    [NAVIGATION]/[LOGO]
----------------------------------------------------*/

.one-page-header {
    background: rgba(0, 0, 0, 1.0) none repeat scroll 0 0;
    border-bottom: medium none;
}

/* Allow for a small logo */
.navbar {
    min-height: 76px;
}

/* Allow for a small logo with some top padding on all screens */
.one-page-header.navbar {
    padding: 13px 0 6px 0;
}

.one-page-header .navbar-brand span {
    color: #eb0a1e !important;
}

.one-page-header-style-2.navbar .navbar-nav {
    float: left;
    margin: 5px 0 0 15px;
}

/* On page load, show the white logo */
.one-page-header .logo {
    background: url('https://assets.raffletix.com.au/agents/_images/gfc/logo-white.png?d=100x50xdefault') no-repeat center left;
    display: inline-block;
    height: 50px;
    width: 100px;
}

/* On page scroll, the top-nav-collapse padding was different to .one-page-header.navbar, so make it the same */
.one-page-header.top-nav-collapse {
    padding: 13px 0 6px 0;
}

    /* On page scroll, the nav changes to white, so show the grey logo */
    .one-page-header.top-nav-collapse .logo {
        background: url('https://assets.raffletix.com.au/agents/_images/gfc/logo-colour.png?d=100x50xdefault') no-repeat center left;
        display: inline-block;
        height: 50px;
        width: 100px;
    }

/* Add some extra top padding to the menu items to accommodate the logo */
.one-page-header .navbar-nav > li > a {
    padding: 11px 15px 10px;
}

    /* Add some extra top padding to the menu item separator to accommodate the logo */
    .one-page-header .navbar-nav > li > a:before {
        top: 11px;
    }

    .one-page-header .navbar-nav > li > a:hover {
        z-index: 1;
        color: #eb0a1e;
    }

.one-page-header .navbar-brand {
    padding: 0 15px 0 0;
    height: 60px;
}

/* Ensure the navbar-toggle allows for the height of the logo */
.navbar-toggle {
    margin-top: 10px;
}

/* Responsive:  */
/* Switch to a bigger logo on bigger screens */
@media (min-width: 769px) {

    .navbar {
        min-height: 76px;
    }

    .navbar-toggle {
        margin-top: 10px;
    }

    .one-page-header .navbar-brand {
        font-size: 38px;
    }
}

@media (max-width: 991px) {
    .one-page-header .navbar-collapse {
        background: rgba(0,0,0,0.6);
    }

    .one-page-header.top-nav-collapse .navbar-collapse {
        background: none;
    }
}

/* Manage the login section of the navbar */
.one-page-header .navbar-nav.login > li > a {
    text-transform: uppercase;
}

    .one-page-header .navbar-nav.login > li > a:before {
        color: #eee;
        content: none;
    }

    .one-page-header .navbar-nav.login > li > a.get-started {
        color: #fff;
        text-transform: uppercase;
    }

.one-page-header .navbar-nav > li > a > i {
    font-size: 18px;
}

.one-page-header .navbar-nav.login a.get-started:active,
.one-page-header .navbar-nav.login a.get-started:hover,
.one-page-header .navbar-nav.login a.get-started:focus {
    background: #eb0a1e;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.one-page-header .navbar-collapse .navbar-nav.login a.get-started {
    margin: 0 15px 10px 0;
}

.one-page-header.top-nav-collapse .navbar-nav > li > a.get-started {
    color: #fff;
}

.one-page-header .navbar-collapse .navbar-nav.login > li > a.get-started {
    margin: 0 15px 10px 0;
}

@media (max-width: 991px) {
    .one-page-header .navbar-collapse .navbar-nav.login > li > a.get-started {
        margin: 15px 15px 10px 0;
    }
}

/*Bespoke formatting*/
a.tab-link {
    cursor: pointer;
}

/*--------------------------------------------------
    [BANNER]
----------------------------------------------------*/

.banner {
    margin-top: 76px;
}

/*--------------------------------------------------
    [PROMO SECTION]
----------------------------------------------------*/


/* For the sell page, we do not use a background image */
.promo-section .promo-sell {
background: #4765a0 none repeat scroll 0 0;
}

.promo-section .img-responsive, .organiser-logo .img-responsive {
    margin: 0 auto;
}



.footer-simple {
    margin-bottom: 100px;
}

/*--------------------------------------------------
    [BACK TO TOP]
----------------------------------------------------*/

#topcontrol {
    color: #fff;
    z-index: 999998;
    width: 30px;
    height: 30px;
    font-size: 20px;
    background: #eb0a1e;
    position: relative;
    right: 14px !important;
    bottom: 20px !important;
    border-radius: 3px !important;
}

    #topcontrol:after {
        top: -2px;
        left: 8.5px;
        content: "\f106";
        position: absolute;
        text-align: center;
        font-family: FontAwesome;
    }

    #topcontrol:hover {
        color: #fff;
        background: #eb0a1e;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

/*--------------------------------------------------
    [GENERAL CONTENT]
----------------------------------------------------*/

/* Set the text colour when the background is used */
.bg-color-light label {
    color: #555;
}

/* Buffer comes in handy on occasion */
.buffer {
    margin-bottom: 20px;
    margin-top: 20px;
}

.alert p, .alert li {
    color: inherit;
}

.alert-secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.alert-clear {
  color: #555;
  background-color: #fff;
  border: 1px solid #c6c8ca;
}

.word-break {
    display: inline-block;
    word-break: break-all;
}

/*--------------------------------------------------
    [CONTENT CONTAINERS]
----------------------------------------------------*/

.container-center {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    padding: 0 10px;
}

.container-narrow {
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
}

/*--------------------------------------------------
    [SKYFORM]
----------------------------------------------------*/
.sky-form {
    margin: 0;
    outline: none;
    font: 14px/1.55 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-family: inherit;
    line-height: 1.55;
    color: inherit;
}

    .sky-form .total-payment {
        font-size: 18px;
    }

    .sky-form fieldset {
        padding: 10px 15px 5px;
    }

    .sky-form footer {
        padding: 10px 15px 5px;
    }

    .sky-form .val {
        color: #eb0a1e;
    }

.ui-datepicker-calendar {
    line-height: 20px !important;
}


/* Responsive:  */
@media (min-width: 769px) {

    .sky-form .total-payment {
        font-size: 24px;
    }

    .sky-form fieldset {
        padding: 10px 15px 5px;
    }

    .sky-form footer {
        padding: 10px 15px 5px;
    }
}

.sky-form .col div.total-payment-label {
    padding: 8px 0 0;
    width: 100%;
}

.sky-form .col div.total-payment-amount {
    padding: 8px 12px;
    width: 100%;
    text-align: center;
}

.sky-form .state-error + em, .sky-form .state-error span.val {
    display: block;
    margin-top: 6px;
    padding: 0 1px;
    font-style: normal;
    font-size: 16px;
    line-height: 1.55;
    color: #a94442;
    font-weight: normal;
}

.sky-form .input.state-error input,
.sky-form .select.state-error select {
    margin-bottom: 6px;
}

.sky-form .input input,
.sky-form .select select {
    border-width: 1px;
    font-size: 18px;
    color: #404040;
    height: 40px;
}

.sky-form .textarea textarea {
    border-width: 1px;
    font-size: 18px;
    color: #404040;
    height: auto;
}

.sky-form .icon-append, .sky-form .icon-prepend {
    background: inherit;
    font-size: 18px;
    height: 38px;
    line-height: 39px;
    top: 1px;
}

.sky-form .checkbox {
    color: #404040;
    cursor: pointer;
    font-size: 18px;
    line-height: 40px;
    margin-bottom: 0;
    padding-left: 40px;
}

    .sky-form .checkbox i {
        border-width: 1px;
        height: 30px;
        width: 30px;
    }

    .sky-form .checkbox input + i::after {
        font: 24px FontAwesome;
        left: 2px;
        top: 2px;
    }

.sky-form a {
    color: #eb0a1e;
    text-decoration: underline;
}

.sky-form .btn-group-vertical {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

.sky-form a.list-group-item {
    text-decoration: none;
}

.g-recaptcha {
    margin: 0 auto;
    display: table;
}

/* SPECIAL CASES */
#useredit-form.sky-form .radio input, #useredit-form.sky-form .checkbox input {
    left: 0;
    position: absolute;
    margin: 6px;
}

#useredit-form.sky-form .radio, #useredit-form.sky-form .checkbox {
    font-size: 16px;
    line-height: 24px;
    padding-left: 15px;
}

/* Google autocomplete widget*/
#autocomplete-container .gmp-autocomplete {
    color: #555;
    background: #fff;
    border: 1px solid #ccc;
}
/* manual entry css*/
#manual-entry i {
    color: var(--corpcolour);
    font-size: 20px;
    padding-right: 0.5em;
}

#manual-entry button {
    color: var(--corpcolour);
    font-size: 18px;
    background: inherit;
    border: none;
    padding-top: 0.5em;
}



/*--------------------------------------------------
    [STRIPE]
----------------------------------------------------*/

.stripev3-outer {
    border: 1px solid #bbb;
    position: relative;
    margin-bottom: 5px;
}

    .stripev3-outer .stripev3-input {
        font-size: 18px;
        color: #404040;
        padding: 6px 12px 6px 12px;
    }

        .stripev3-outer .stripev3-input.invalid {
            background-color: #fff0f0;
        }

            .stripev3-outer .stripev3-input.invalid.focus {
                background-color: #fff0f0;
            }

        .stripev3-outer .stripev3-input.complete {
            background-color: #f0fff0;
        }

            .stripev3-outer .stripev3-input.complete.focus {
                background-color: #f0fff0;
            }

.stripev3-errors {
    color: #a94442;
    line-height: 1.55;
    font-size: 16px;
}

#sky-form-agentchooser fieldset {
    padding: 5px 5px 5px 5px;
}

#sky-form-agentchooser section {
    margin-bottom: 0;
}

#sky-form-agentchooser label {
    margin-bottom: 0;
}

#sky-form-agentchooser h3 {
    margin-bottom: 5px;
}

#phChooseAgent .alert {
    padding: 10px;
}


/*--------------------------------------------------
    [CONFIRMATION BUTTONS]
----------------------------------------------------*/
.btn-r-confirm {
    width: 100%;
    max-width: 350px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*--------------------------------------------------
    [AJAX ERROR]
----------------------------------------------------*/
#error {
    display: none;
}

#adminerror {
    display: none;
}

/*--------------------------------------------------
    [ACCOUNT PAGES]
----------------------------------------------------*/
.account {
    margin-top: 20px;
}

/*--------------------------------------------------
    [SELL PAGES]
----------------------------------------------------*/
#sell {
    margin-top: 0;
}

    #sell .title-v1 {
        margin-bottom: 0;
    }

.raffle-status {
    padding: 8px 12px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

.btnSubmitInPersonCash {
    margin-right: 15px;
}

/*--------------------------------------------------
    [RAFFLE AGENT]
----------------------------------------------------*/

.raffle-url-outer {
    padding: 8px 12px 0 12px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

    .raffle-url-outer a {
        margin-left: 0;
        min-width: 245px;
    }


@media (min-width: 992px) {
    .raffle-url-outer a {
        margin-left: 10px;
    }

    h3 .btn-qrcode {
        margin: 0 0 0 25px;
        position: relative;
        top: 0;
    }
}


/*--------------------------------------------------
    [TITLE] and [HEADLINE]
----------------------------------------------------*/
.title-v1 {
    margin-bottom: 40px;
    position: relative;
    text-align: center;
    z-index: 1;
}

    .title-v1 p {
        font-size: 12pt;
        font-weight: inherit;
    }

    .title-v1 h1 {
        font-size: 36px;
        line-height: 120%;
        font-weight: normal;
        margin-top: 20px;
    }

    .title-v1 h1,
    .title-v1 h2 {
        font-family: "Open Sans", Arial, sans-serif;
    }

        .title-v1 h1:after, .title-v1 h2:after {
            background: #eb0a1e;
        }

.headline h1, .headline h2, .headline h3, .headline h4 {
    border-bottom: 2px solid #eb0a1e;
}

/*--------------------------------------------------
    [SPACES]
----------------------------------------------------*/

.padding-top-10 {
    padding-top: 10px;
}

.padding-top-15 {
    padding-top: 15px;
}

.padding-top-40 {
    padding-top: 40px;
}

.margin-left-2 {
    margin-left: .5rem !important;
}

.margin-top-120 {
    margin-top: 120px;
}

.margin-top-100 {
    margin-top: 100px;
}

.margin-top-5 {
    margin-top: 5px;
}

.lnkterms {
    cursor: pointer;
}

/*--------------------------------------------------
    [KPIs]
----------------------------------------------------*/

.admin-kpi-outer li {
    border-bottom: 1px solid rgba(71, 101, 160, 0.3);
    font-size: 14px;
    margin: 0;
    padding: 12px 20px;
}

    .admin-kpi-outer li i {
        float: right;
        font-style: normal;
    }

/*--------------------------------------------------
    [ADMIN PAGES]
----------------------------------------------------*/
.admin-container {
    margin-top: 100px;
}

span.prize-rrp {
    font-size: 85%;
}

#btnIsEnabledFl {
    display: none;
}

span.label {
    font-size: 85%;
    font-weight: 400;
    padding: 4px 7px;
}

.admin-container .raffle-list span.label, .admin-container .org-list span.label, .admin-container .sources-list span.btn {
    display: inline-block;
    width: 95px;
    margin-bottom: 2px;
}

.org-logo-white {
    padding: 15px;
}

/*Corporate Colour*/
.sp-replacer {
    margin-right: 10px;
}

.sp-preview {
    width: 100px;
}

/*--------------------------------------------------
    [ACCOUNT PAGES]
----------------------------------------------------*/

.breadcrumb {
    /* background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;*/
    padding: 0;
    position: relative;
    top: 0;
    display: normal;
}

/* Hide the breadcrumb on mobile devices */
@media (max-width: 768px) {

    .breadcrumb {
        display: none;
    }
}
/*--------------------------------------------------
    [DATATABLES]
----------------------------------------------------*/
td .editor_up, td.editor_down, td.editor_delete, td.editor_edit {
    cursor: pointer;
    text-decoration: underline;
    color: #eb0a1e;
}

table.dataTable.nowrap td.ticketNumbers, table.dataTable.nowrap span.dtr-data {
    white-space: normal;
}

table.dataTable.nowrap td.source-email {
    white-space: normal;
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

    table.dataTable.nowrap td.source-email .source-name {
        white-space: nowrap;
    }

#table-raffles td.raffle-kpis .badge {
    margin: 0 0.2em 0 0;
}

#table-sources .inPersonSeller {
    margin-right: 8px;
}

div.dataTables_wrapper div.dataTables_filter input {
    font-family: Helvetica, Arial, sans-serif;
}

.table-copy-filter:hover {
  cursor: pointer;
}

.table-copy-filter {
  margin-left: 0.5rem;
}


/*--------------------------------------------------
    [FILE UPLOAD]
----------------------------------------------------*/
#progressbar {
  background-color: black;
  background-repeat: repeat-x;
  border-radius: 13px;
  padding: 3px;
}

    #progressbar > div {
        background-color: orange;
        width: 0%;
        height: 20px;
        border-radius: 10px;
    }


input.image-file, input.asset-file {
    display: none;
}

.input-group-btn:first-child > .btn.roundedgroup {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.input-group-btn:last-child > .btn.roundedgroup {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.image-save-container .input-group .form-control, .asset-save-container .input-group .form-control {
    line-height: 1.55;
    height: 36px;
}

/*--------------------------------------------------
    [LIST GROUP]
----------------------------------------------------*/

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.list-group-item:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 0;
}

.sortable .list-group-item-sort i {
    color: #eb0a1e;
    font-size: 24px;
    padding-top: 5px;
    cursor: grabbing;
}

.list-group-item-remove i {
    color: #d9534f;
    font-size: 24px;
    padding-top: 5px;
    cursor: pointer;
}

.sortable .list-group-item-heading {
    margin-left: 30px;
}

.sortable .list-group-item-logo {
    margin-right: 30px;
}

.sortable .list-group-item-text {
    margin-left: 30px;
}

.list-group-item-clone {
    margin-right: 5px;
}

.list-group-item-clone {
    margin-right: 7px;
    position: relative;
    top: 2px;
}

.list-group-item-wrapper .list-group-item-sort {
    margin-left: 10px;
}

.list-group-item-wrapper .list-group-item-heading{
    margin-left: 40px;
}

.list-group-item-wrapper .row-number {
    position: relative;
    top: 7px;
    left: -32px;
    font-size: 75%;
}

.list-group-item-wrapper .row-number-closed {
    position: relative;
    top: 7px;
    left: -5px;
    font-size: 75%;
}

.list-group-item-wrapper .list-group-item-heading-closed, .list-group-item-wrapper .list-group-item-text {
    margin-left: 30px;
}

.list-group-item .prize-winner {
    margin-left: 30px;
}

/*--------------------------------------------------
    [BOOTSTRAP MODAL]
----------------------------------------------------*/
.modal {
    /* ... */
    overflow-y: scroll;
}

.modal-body {
    max-height: 70vh; /* Set height relative to viewport */
    overflow-y: auto; /* Enable vertical scrolling */
}

@media (max-width: 767px) {
    .modal-footer {
        text-align: left;
    }
}


/*--------------------------------------------------
    [QR CODE]
----------------------------------------------------*/

.qr-code-image {
    margin: 0 auto;
    max-width: 500px;
    max-height: 500px;
}

/*--------------------------------------------------
    [ACCORDIONS]
----------------------------------------------------*/
#accordion-sponsors .panel-heading, #accordion .panel-heading {
    cursor: pointer;
}

/*--------------------------------------------------
    [RAFFLE SOCIAL MEDIA]
----------------------------------------------------*/
#socialmedia i {
    margin-right: 8px;
    margin-left: 8px;
}

/*--------------------------------------------------
    [ICONS]
----------------------------------------------------*/
i.icon-color-u {
    color: #eb0a1e;
    border: solid 1px #eb0a1e;
}

/*--------------------------------------------------
    [TRANSACT]
----------------------------------------------------*/
#share-buttons a {
    text-decoration: none;
}

    #share-buttons a i {
        margin-right: 8px;
        text-decoration: none;
    }

    #share-buttons a i {
        font-size: 24px;
    }

        #share-buttons a i.icon-md {
            height: 48px;
            line-height: 48px;
            width: 48px;
        }

.card-icons {
    margin-left: 8px;
}

    .card-icons i {
        font-size: 24px;
        margin-right: 8px;
        color: #b3b3b3;
    }

/*--------------------------------------------------
    [RESPONSIVE ALIGNMENTS]
----------------------------------------------------*/
.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}

.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}

.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}

.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }

    .text-left-xs {
        text-align: left;
    }

    .text-center-xs {
        text-align: center;
    }

    .text-right-xs {
        text-align: right;
    }

    .text-justify-xs {
        text-align: justify;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }

    .text-left-sm {
        text-align: left;
    }

    .text-center-sm {
        text-align: center;
    }

    .text-right-sm {
        text-align: right;
    }

    .text-justify-sm {
        text-align: justify;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }

    .text-left-md {
        text-align: left;
    }

    .text-center-md {
        text-align: center;
    }

    .text-right-md {
        text-align: right;
    }

    .text-justify-md {
        text-align: justify;
    }
}

@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }

    .text-left-lg {
        text-align: left;
    }

    .text-center-lg {
        text-align: center;
    }

    .text-right-lg {
        text-align: right;
    }

    .text-justify-lg {
        text-align: justify;
    }
}

/*--------------------------------------------------
    [APPLE PAY]
----------------------------------------------------*/

#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;
}

/*--------------------------------------------------
    [BUTTONS]
----------------------------------------------------*/
.btn.rounded {
  border-radius: 999em !important;
}

.btn-u, .btn-primary, .list-group-item-success {
  background-color: #eb0a1e;
  border-color: #d8091c;
  color: #ffffff !important;
}

  .btn-u:hover, .btn-primary:hover {
    background-color: #c50819;
    border-color: #b30817;
    color: #ffffff !important;
  }

  .btn-u:active, .btn-primary:active {
    background-color: #a00714;
    border-color: #8d0612;
    color: #ffffff !important;
  }

  .btn-u:focus, .btn-primary:focus {
    background-color: #a00714;
    border-color: #8d0612;
    color: #ffffff !important;
  }

/* Replicate Bootstrap btn-secondary */
.btn-secondary {
  background-color: #6c757d;
  border-color: #6c757d;
  color: #ffffff !important;
}

  .btn-secondary:hover {
    background-color: #5a6268;
    border-color: #5a6268;
    color: #ffffff !important;
  }

  .btn-secondary:active {
    background-color: #545b62;
    border-color: #4e555b;
    color: #ffffff !important;
  }

  .btn-secondary:focus {
    background-color: #6c757d;
    border-color: #6c757d;
    color: #ffffff !important;
  }

.btn i.icon-right {
  padding-left: 0.4em;
  padding-right: 0;
}

.btn i.icon-left {
  padding-right: 0.4em;
  padding-left: 0;
}

.list-group-item-success, .list-group-item-success h3, .list-group-item-success p {
  color: #ffffff !important;
}

#winner .list-group-item-text div {
  font-size: 24px !important;
}

#btnTargetRevenue {
  padding-left: 10px;
}

#tallycontrol {
  color: #fff;
  z-index: 99;
  width: 30px;
  height: 30px;
  font-size: 20px;
  background: #222;
  position: relative;
  left: 14px !important;
  bottom: 11px !important;
  border-radius: 3px !important;
}

  #tallycontrol:hover {
    color: #fff;
    background: #72c02c;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

/*--------------------------------------------------
    [RAFFLE LINKS AND BUTTONS]
----------------------------------------------------*/

.raffle-links .row p {
  margin-bottom: 10px;
}

/* For p tags on lg screens and larger, set margin-bottom to 0 */
@media (min-width: 992px) {
  .raffle-links .row p {
    margin-bottom: 0;
  }
}

/* For screens md and smaller, set margin-bottom to 10px except for the last p tag */
@media (max-width: 991px) {
  .raffle-links .row p.sm-margin-bottom-0 {
    margin-bottom: 0;
  }
}

/*--------------------------------------------------
    [WEBSITE URLs]
----------------------------------------------------*/

.raffle-url-outer {
  padding: 8px 12px 8px 12px;
}

  .raffle-url-outer h3 {
    margin: 5px 0;
    display: inline-block;
    vertical-align: middle;
  }

  .raffle-url-outer .url-label {
  }

  .raffle-url-outer .url-wrapper {
    margin-left: 0;
  }

  .raffle-url-outer .btn-copy-clipboard, .referral-url-outer .btn-copy-clipboard, .raffle-url-outer .url-button {
    margin-left: 0.4em;
  }

  .btn-clipboard-style:hover {
    cursor: pointer;
  }

@media (max-width: 767px) {
  .raffle-url-outer h3 {
    font-size: 16px;
    line-height: 1.6;
    display: block;
    width: 100%;
    text-align: center;
    margin: 5px 0;
  }

  .raffle-url-outer .url-button {
    margin-left: 0;
  }
}


/*--------------------------------------------------
    [COUNTER]
----------------------------------------------------*/

.parallax-counter-v4 {
    margin-bottom: 20px;
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    padding: 15px 0;
}

    /*.parallax-counter-v4:after {
    }*/

    .parallax-counter-v4 span.counter-prefix, .parallax-counter-v4 span.counter-text {
        color: #fff;
        font-size: 30px;
        font-weight: 400;
        margin-bottom: 10px;
    }

.promo-section .counters {
    height: 80px;
    width: 280px;
    line-height: 1.1;
    margin: auto;
    background-color: #ffffff;
    padding: 2px 10px; /* 10px 10px */
    color: #000;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: ToyotaType,Helvetica,Arial,sans-serif;
}

    .promo-section .counters .kpi-revenue-counter {
        font-size: 30px;
        font-family: ToyotaDisplay,Helvetica,Arial,sans-serif;
        line-height: 1.2;
        padding: 0 0 5px 0;
    }

    .promo-section .counters span {
        font-size: 28px;
    }

    .promo-section .counters .counter-prefix, .counters .counter {
        font-weight: bold;
    }

    .promo-section .counters h4 {
        color: #000;
        font-size: 14px; /*20px*/
        font-weight: 400;
        line-height: 1.1;
        margin: 0 0; /*20px*/
        text-transform: uppercase;
        font-family: ToyotaType,Helvetica,Arial,sans-serif;
    }

.col-centered {
    float: none;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.counter-rank {
    color: #fff;
    font-size: 12px;
    margin: 0 0;
    text-transform: none;
}
/*--------------------------------------------------
    [GRIDVIEW PAGINATION]
----------------------------------------------------*/
.pagination-gv {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination-gv table > tbody > tr > td {
        display: inline;
    }

        .pagination-gv table > tbody > tr > td > a,
        .pagination-gv table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #dd4814;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }

        .pagination-gv table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: #aea79f;
            background-color: #f5f5f5;
            border-color: #dddddd;
            cursor: default;
        }

        .pagination-gv table > tbody > tr > td:first-child > a,
        .pagination-gv table > tbody > tr > td:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination-gv table > tbody > tr > td:last-child > a,
        .pagination-gv table > tbody > tr > td:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination-gv table > tbody > tr > td > a:hover,
        .pagination-gv table > tbody > tr > td > span:hover,
        .pagination-gv table > tbody > tr > td > a:focus,
        .pagination-gv table > tbody > tr > td > span:focus {
            color: #97310e;
            background-color: #eeeeee;
            border-color: #dddddd;
        }

/*--------------------------------------------------
    [LEADERBOARD]
----------------------------------------------------*/

.leaderboard-rank {
    padding-right: 8px;
}

.counter-rank .badge {
    background-color: #eb0a1e;
    font-weight: normal;
}

/*--------------------------------------------------
    [ROUNDED BUTTONS]
----------------------------------------------------*/
.rounded-40 {
    border-radius: 40px !important;
}

.btnRegister {
    text-transform: uppercase;
}

/*--------------------------------------------------
    [VIDEOS]
----------------------------------------------------*/
video {
    object-fit: cover;
    max-width: 100%;
    height:auto;
}

/*--------------------------------------------------
    [ACCORDION]
----------------------------------------------------*/
.acc-v1 .panel-heading a {
    display: block;
    font-size: 18px;
    padding: 8px 16px;
    background: #f9f9f9;
}

/*--------------------------------------------------
    [IMAGE THUMBNAILS]
----------------------------------------------------*/

.img-thumbnail {
    max-height: 250px;
}

/*--------------------------------------------------
    [BUY TICKETS]
----------------------------------------------------*/
.buy-tickets-body {
    text-align: center;
}

    .buy-tickets-body .btn-u.buy-tickets-a, .buy-tickets-body .btn-u.btn--close-raffle {
        color: #fff;
        font-size: 22px;
        padding: 10px 16px;
        border: 0;
        min-width: 200px;
        text-transform: uppercase;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

.cart-pay-more-btn,
.cart-pay-home-btn {
  max-width: 100%;
}
/*--------------------------------------------------
    [ORDER FORM]
----------------------------------------------------*/
.custom-page-default #buy-customer-details label[for="address"] sup span.badge {
  display: none;
}

.custom-page-default #buy-customer-details label[for="city"] sup span.badge {
    display: none;
}


/*--------------------------------------------------
    [CLONE|DUPLICATE]
----------------------------------------------------*/
    p i.dashboard {
    margin-right: 5px;
}

.xsmall {
    font-size: 70%;
}

/*--------------------------------------------------
    [ANALYTICS]
----------------------------------------------------*/
.chart-container h3 i {
    margin-left: 12px;
    color: #1daf4c;
}

    .chart-container h3 i:hover {
        cursor: pointer;
    }

/*--------------------------------------------------
    [ALERTIFY]
----------------------------------------------------*/

.alertify-notifier .ajs-message {
    background: rgba(255, 255, 255, 0.95);
    color: #555;
    text-align: center;
    border: solid 1px #ddd;
    border-radius: 4px;
}

    .alertify-notifier .ajs-message.ajs-success {
        color: #fff;
        background: rgba(91, 189, 114, 0.95);
        text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
    }

    .alertify-notifier .ajs-message.ajs-error {
        color: #fff;
        background: rgba(217, 92, 92, 0.95);
        text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
    }

    .alertify-notifier .ajs-message.ajs-warning {
        color: #8a6d3b;
        background: #fcf8e3;
        border-color: #faebcc;
    }

/*--------------------------------------------------
    [LINKS]
----------------------------------------------------*/

a, a:focus, a:hover, a:active {
    outline: 0 !important;
    color: #eb0a1e;
}

li a {
    color: #eb0a1e;
}

.custom-page-default #shareouter #sharelink {
    word-break: break-all;
}

a.btn {
    color: #fff;
    text-decoration: none;
}


/*--------------------------------------------------
    UI customisation extensions
    These can be over-riden by client specific 
    settings and will work hand in hand with web.config 
    settings 
----------------------------------------------------*/

/* RaffleAgent.aspx */
/* when help control is present, add the below to the client specific css, changing the style from col-md-12 100% to col-md-8 66.6...7% value */
#dashboard .summary-left { 
    /* width: 66.66666667%;	*/ 
}

#dashboard .summary-right {
    display: none !important;
}

#referralsources .summary-left { 
    /* width: 66.66666667%;	*/ 
}

#referralsources .summary-right {
    display: none !important;
}

/* Welcome.aspx -> OrgSettings.ascx */
#startnow .orgsettings-row4 .orgsettings-row5 .orgsettings-row6 {
    display: none !important;
}



/*--------------------------------------------------    
    The styles below are for the SELL page only.
----------------------------------------------------*/

.custom-page-sell .promo-text {
    display: none;
}

.custom-page-sell .promo-next {
    opacity: 1.0;
    margin-top: 60px;
}

    .custom-page-sell .promo-next .page-scroll {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 30px; /* Adjust spacing between elements */
        text-align: center;
    }

.btn-u.btn-brd {
    color: #fff;
    font-size: 22px;
    padding: 10px 16px;
    min-width: 200px;
    text-transform: uppercase;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

@media (max-width: 576px) {
    .custom-page-sell .promo-next .page-scroll {
        flex-direction: column;
        gap: 10px;
        padding: 5px;
    }
}
/* -------------------------------- */
/* END SELL PAGE */
/* -------------------------------- */



/* -------------------------------- */
/* START CUSTOMER-FACING PRIZE LISTING */
/* -------------------------------- */
.page-prize-item h1,
.page-prize-item h2,
.page-prize-item h3,
.page-prize-item h4,
.page-prize-item h5,
.page-prize-item .huge {
  font-weight: bold;
}

.page-prize h5 {
  font-weight: normal;
}

.page-prize {
  width: 100%;
}

  .page-prize .image-wrap {
    height: auto;
  }

  .page-prize hr {
    width: 100%;
    border-color: var(--corpcolour);
  }

  .page-prize .prize-main {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .page-prize .prize-info {
    display: flex;
    flex-wrap: wrap;
  }

  .page-prize .prize-left,
  .page-prize .prize-right {
    padding-top: 20px;
  }

  .page-prize .prize-left {
    width: 30%;
    position: relative;
  }

    .page-prize .prize-left:after {
      content: '';
      width: 1px;
      height: 100%;
      position: absolute;
      border-right: 1px dashed var(--corpcolour);
      top: 0;
      right: 20%;
      z-index: 10;
    }

  .page-prize .prize-right {
    width: 70%;
  }

    .page-prize .prize-right h3 {
      margin-top: 0;
      font-size: 1.26em;
    }

    .page-prize .prize-right ul {
      margin-left: 0;
      padding-left: 1.5em;
    }

  .page-prize .prize-enum {
    color: var(--corpcolour);
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    font-weight: bold;
    font-size: 1.5rem;
  }

    .page-prize .prize-enum .huge {
      font-size: 3.2em;
      line-height: .8;
    }

    .page-prize .prize-enum .nth {
      font-size: 0.7em;
      text-transform: uppercase;
      padding-top: .15em;
    }

    .page-prize .prize-enum .prize {
      color: #000;
      width: 100%;
      margin-top: .25em;
      text-transform: uppercase;
      font-size: 2.25rem;
    }

  .page-prize .page-prize-usp {
    margin: 1.5rem 0;
  }

  .page-prize .page-prize-text {
    display: block;
    width: 100%;
    padding-top: 2rem;
  }

    .page-prize .page-prize-text:empty {
      padding-top: 0;
    }

  .page-prize img {
    width: 100%;
  }

  .page-prize .disclaimer {
    font-size: .8em;
    line-height: 1.2;
  }

  .page-prize .other-prizes {
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
    margin-top: 1.5em;
    margin-bottom: 1em;
    font-size: 1.5em;
  }

  .page-prize .prize-section {
    border-top: 1px solid var(--corpcolour);
    padding: 10px 0;
    font-size: 1rem;
  }

    .page-prize .prize-section:last-child {
      border-bottom: 1px solid var(--corpcolour);
    }

    .page-prize .prize-section .headline_v2 {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start;
      justify-content: flex-start;
      margin-bottom: 1.5em;
    }

    .page-prize .prize-section h3 {
      margin-top: 0;
      margin-bottom: 0;
      width: 18%;
      margin-right: 2%;
      color: var(--corpcolour);
      text-transform: uppercase;
      font-size: 1.2em;
    }

    .page-prize .prize-section .desc {
      width: 48%;
      margin-right: 2%;
      font-size: 1.2em;
    }

    .page-prize .prize-section .prize-rrp {
      font-weight: bold;
      text-align: right;
      width: 30%;
      font-size: 1.2em;
    }

    .page-prize .prize-section h3 sup {
      text-transform: lowercase;
    }

    .page-prize .prize-section p {
      font-size: 1.15em;
    }
/* Bootstrap MD Media Query */
@media (min-width: 992px) {
  .page-prize .image-wrap {
    min-height: 200px;
    display: flex;
    align-items: flex-end;
  }

  .page-prize .other-prizes {
    font-size: 2.5rem;
  }

  .page-prize .prize-left {
    width: 15%;
  }

    .page-prize .prize-left:after {
      right: -2%;
    }

  .page-prize .prize-right {
    width: 85%;
    padding-left: 2em;
  }

  .page-prize .prize-enum {
    font-size: 1.45rem;
  }

    .page-prize .prize-enum .nth {
      font-size: 1.1em;
    }

    .page-prize .prize-enum .prize {
      font-size: 2.5rem;
    }

  .page-prize .prize-section .headline_v2 {
    align-items: center;
  }

  .page-prize .prize-section {
    font-size: 1.5rem;
    padding: 20px 0;
  }

    .page-prize .prize-section h3 {
      width: 16%;
      margin-right: 0;
      margin-top: 0;
      font-size: 1.6em;
    }

    .page-prize .prize-section .desc {
      width: 64%;
      margin-right: 0;
      font-size: 1.2em;
    }


    .page-prize .prize-section p,
    .page-prize .prize-section li {
      font-size: .9em;
    }
}

@media (min-width: 1200px) {
  .page-prize .image-wrap {
    min-height: 250px;
  }

  .page-prize .prize-enum {
    font-size: 1.45rem;
  }

    .page-prize .prize-enum .nth {
      font-size: 1.1em;
    }

    .page-prize .prize-enum .prize {
      font-size: 2.5rem;
    }

  .page-prize .other-prizes {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }

  .page-prize .prize-section {
    font-size: 2rem;
  }

    .page-prize .prize-section h3 {
      width: 16%;
      margin-right: 0;
      margin-top: 0;
      font-size: 1.5em;
    }

    .page-prize .prize-section .desc {
      margin-right: 0;
      width: 65%;
      font-size: 1.2em;
    }

    .page-prize .prize-section .prize-rrp {
      width: 15%;
      font-size: .8em;
    }

    .page-prize .prize-section p,
    .page-prize .prize-section li {
      font-size: 1.5rem;
    }
}

.page-prize .other-prizes i {
  font-size: 34px;
  background: var(--corpcolour);
  padding: 4px;
  color: #fff;
  margin-left: 10px;
  width: 44px;
}

.page-prize .card-header a {
  text-decoration: none;
}

.page-prize .prize-section .lower {
  text-transform: lowercase;
}

.title-v1 p.page-prize-title-amount {
  color: var(--corpcolour);
  font-size: 38px;
  font-weight: 700;
}

.title-v1 p.page-prize-title-amount-sub {
  text-transform: uppercase;
  font-size: 85%;
  position: relative;
  margin-bottom: 15px;
  padding-bottom: 20px;
}

  .title-v1 p.page-prize-title-amount-sub:after {
    bottom: 0;
    left: 50%;
    height: 1px;
    width: 70px;
    content: " ";
    margin-left: -35px;
    position: absolute;
    background: var(--corpcolour);
  }

.page-prize hr.hr-subtotal {
  border-top: 1px solid var(--corpcolour);
  border-bottom: 1px solid var(--corpcolour);
  height: 3px;
  margin: 30px 0 15px;
}

.page-prize .page-prize-footer-amount h3 {
  font-size: 2.5em;
  line-height: 0.8;
}

.page-prize .page-prize-footer-amount .prize-right h3 {
  margin: 0;
}

.page-prize .page-prize-footer-amount .prize-right .page-prize-usp {
  margin: 0.75rem 0 1.5rem;
}

/* -------------------------------- */
/* END CUSTOMER-FACING PRIZE LISTING */
/* -------------------------------- */
/* -------------------------------- */
/* START PRIZE WINNER LISTING */
/* -------------------------------- */
.winners-list {
  width: 85%;
  margin: 0 auto;
}

.winner-item {
  border-radius: 0.6rem; /* same as bs-alerts */
  color: #ffffff;
  margin-bottom: 1.5rem;
  box-shadow: 4px 6px 8px rgba(0, 0, 0, .6);
  overflow: hidden;
  font-size: 3rem;
}

  .winner-item:last-child {
    margin-bottom: 0;
  }

.winner-item-head {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  flex-wrap: nowrap;
  background-color: rgba(33, 37, 41, 1);
  padding: 16px;
}

.winner-item-main {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.winner-item .row-number {
  text-align: center;
  flex-shrink: 0;
  align-items: center;
  width: 1.5rem;
  font-size: 0.4em;
}

.winner-item-title {
  color: #ffffff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  flex: 1;
  line-height: 1.25em;
  font-weight: 600;
}

.winner-item-rpp {
  white-space: nowrap;
}

.winner-item-body {
  text-align: center;
  background-color: var(--corpcolour);
  padding: 16px;
}

.winner-item-number {
  font-weight: 700;
  padding-bottom: 1.0rem;
}

  .winner-item-number i {
    margin-right: 5px;
  }

.winner-item-username {
  font-weight: 700;
  letter-spacing: normal;
  overflow: hidden;
  word-break: break-word;
  max-width: 100%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.winner-item-footer {
  text-align: center;
  padding: 16px;
}

#prizeInfoModal .btn {
  border-radius: 0.6rem;
  padding: 0.6rem 1.2rem;
  font-size: 1.6rem;
}

#prizeInfoModal .modal-body .prize-name {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
}

#prizeInfoModal span.prize-rrp {
  font-size: 100%;
}

#prizeInfoModal .btn-close {
  border: 0;
  background-color: inherit;
}

#prizeInfoModal .modal-title {
  width: 98%;
  line-height: 1.5;
  font-size: 2.4rem;
  font-weight: 600;
}

#prizeInfoModal .modal-header {
  display: flex;
  align-items: center;
}

.btn-prize-info {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  border-radius: 0.6rem;
  padding: 0.6rem 1.2rem;
  font-size: 1.8rem;
}

  .btn-prize-info:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
  }

  .btn-prize-info:active {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be;
  }

  .btn-prize-info:disabled {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
  }

  .btn-prize-info:focus {
    box-shadow: inset 0 3px 5px rgba(49, 132, 253, 0.125);
  }

@media(max-width: 575px) {
  .winners-list {
    width: 100%;
  }
}
/* Media queries */
@media(max-width:768px) {
  .winner-item .row-number {
    padding-top: 0.47em;
  }

  .winner-item-title {
    font-size: 0.58em;
  }

  .winner-item-rpp {
    font-size: 0.47em;
  }

  .winner-item-number {
    font-size: 1.05em;
  }

  .winner-item-username {
    font-size: 0.65em;
  }
}

@media (min-width: 768px) {
  .winner-item .row-number {
    padding-top: 0.47em;
  }

  .winner-item-title {
    font-size: 0.62em;
  }

  .winner-item-rpp {
    font-size: 0.5em;
  }

  .winner-item-number {
    font-size: 1.6em;
  }

  .winner-item-username {
    font-size: 1em;
  }

  .winners-list {
    width: 100%;
  }
}

@media (min-width: 992px) {
  .winner-item .row-number {
    padding-top: 0.47em;
  }

  .winner-item-title {
    font-size: 0.8em;
  }

  .winner-item-rpp {
    font-size: 0.7em;
  }

  .winner-item-number {
    font-size: 2.7em;
  }

  .winner-item-username {
    font-size: 1.6em;
  }
}
/* -------------------------------- */
/* END PRIZE WINNER LISTING */
/* -------------------------------- */

/* -------------------------------- */
/* START MFA */
/* -------------------------------- */

.mfa-spacing {
  padding-bottom: 7px;
}

/* -------------------------------- */
/* END MFA */
/* -------------------------------- */
/* Placeholder only */

/*--------------------------------------------------
    [PROMO SECTION]
----------------------------------------------------*/
/* Give the buttons some more prominence */
.promo-next {
    margin-bottom: 15px;
    opacity: 1.0;
}

    .promo-next .btn-u.buy-tickets-a {
        color: #fff;
        font-size: 26px;
        padding: 10px 20px;
        border: 1px solid transparent;
        min-width: 280px;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

/* Switch to a smaller font-size on tablets and below (max-width: 991px) */
@media (max-width: 991px) {
    .promo-next .btn-u.btn-brd.btn-u-light, .promo-next .btn-u.buy-tickets-a {
        font-size: 24px;
        padding: 8px 20px;
    }
}
/* Switch to a smaller font-size on phones and below (max-width: 768px) */
@media (max-width: 768px) {
    .promo-next .btn-u.btn-brd.btn-u-light, .promo-next .btn-u.buy-tickets-a {
        font-size: 24px;
        padding: 8px 20px;
    }
}

/* Special treatment for the Sell page */
@media (max-width: 768px) {
    .custom-page-sell .promo-next .btn-u.btn-brd.btn-u-light, .custom-page-sell .promo-next .btn-u.buy-tickets-a {
        margin-bottom: 20px;
        min-width: 280px;
    }
}

@media (min-width: 992px) {
    .custom-page-sell .promo-next .btn-u.btn-brd.btn-u-light, .custom-page-sell .promo-next .btn-u.buy-tickets-a {
        font-size: 24px;
        padding: 8px 20px;
    }
}
/* Raffle-specific styles */

/* Set the corporate colour */
:root {
  --corpcolour: #8347c4;
  --corpborder: #753FB0;
  --corphover: #68389C;
  --corphoverborder: #5B3189;
  --corpactive: #4E2A75;
  --corpactiveborder: #412362;
  --fontcolor: #222;
  --fontfamily: "Nunito Sans",Helvetica,Arial,sans-serif;
}

body {
  font-family: var(--fontfamily);
  color: var(--fontcolor);
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--fontfamily);
  color: var(--fontcolor);
}

p, li {
  color: var(--fontcolor);
}

.title-v1 h1, .title-v1 h2 {
  font-family: var(--fontfamily);
  line-height: 120%;
  font-weight: 900;
  color: var(--fontcolor);
}

.title-v1 h1 {
  font-size: 5.2rem;
}

.title-v1 h2 {
  font-size: 5rem;
}

.title-v1 p {
  font-size: 18px;
  font-weight: inherit;
  color: var(--fontcolor);
}

/* media query */
@media (max-width: 992px) {

  .title-v1 h1 {
    font-size: 4.2rem;
  }

  .title-v1 h2 {
    font-size: 4rem;
  }

  .title-v1 p {
    font-size: 16px;
  }
}

@media (max-width: 768px) {

  .title-v1 h1 {
    font-size: 3.7rem;
  }

  .title-v1 h2 {
    font-size: 3.5rem;
  }
}

@media (max-width: 576px) {

  .title-v1 h1 {
    font-size: 3.2rem;
  }

  .title-v1 h2 {
    font-size: 3rem;
  }
}


/*--------------------------------------------------
    [NAVIGATION]/[LOGO]
----------------------------------------------------*/

.one-page-header .navbar-brand span {
  color: var(--corpcolour) !important;
}

.one-page-header .navbar-brand {
  padding: 0 15px 0 0;
  height: 50px;
}

/* On page load, show the white logo */
.one-page-header .logo {
  background: url('https://assets.raffletix.com.au/raffles/mcw5g/scoutsvic_logo_inv.png?d=120x60xdefaultx1') no-repeat center left;
  height: 50px;
  width: 120px;
}

/* On page scroll, the nav changes to white, so show the grey logo */
.one-page-header.top-nav-collapse .logo {
  background: url('https://assets.raffletix.com.au/raffles/mcw5g/scoutsvic_logo.png?d=120x60xdefaultx1') no-repeat center left;
  height: 50px;
  width: 120px;
}

.one-page-header .navbar-nav.login a.get-started:hover {
  background: var(--corphover) none repeat scroll 0 0;
  border: var(--corphoverborder);
  color: #fff !important;
}

.one-page-header .navbar-nav.login a.get-started:active, .one-page-header .navbar-nav.login a.get-started:focus {
  background: var(--corpactive) none repeat scroll 0 0;
  border: var(--corpactiveborder);
  color: #fff !important;
}

.one-page-header .navbar-nav > li > a:hover {
  z-index: 1;
  color: var(--corphoverborder) !important;
}

/* Menu shown on page load */
.one-page-header .navbar-nav > .active > a,
.one-page-header .navbar-nav > .active > a:hover,
.one-page-header .navbar-nav > .active > a:focus {
  z-index: 1;
  background: none;
  color: #A87ED5 !important;
}

/* Menu shown on page scroll */
.one-page-header.top-nav-collapse .navbar-nav > .active > a,
.one-page-header.top-nav-collapse .navbar-nav > .active > a:hover,
.one-page-header.top-nav-collapse .navbar-nav > .active > a:focus,
.one-page-header .dropdown-menu > .active > a,
.one-page-header .dropdown-menu > .active > a:hover,
.one-page-header .dropdown-menu > .active > a:focus,
.one-page-header.top-nav-collapse .dropdown-menu > .active > a,
.one-page-header.top-nav-collapse .dropdown-menu > .active > a:hover,
.one-page-header.top-nav-collapse .dropdown-menu > .active > a:focus {
  z-index: 1;
  background: none;
  color: var(--corpcolour) !important;
}


/*--------------------------------------------------
    [SKYFORM]
----------------------------------------------------*/

.sky-form {
  font-family: var(--fontfamily);
}

  .sky-form .input input,
  .sky-form .select select,
  .sky-form .textarea textarea {
    font-family: var(--fontfamily);
  }

  .sky-form a {
    color: var(--corpcolour);
  }


/*--------------------------------------------------
    [LIST GROUP]
----------------------------------------------------*/

.sortable .list-group-item-sort i {
  color: var(--corpcolour);
}

/*--------------------------------------------------
    [ICONS]
----------------------------------------------------*/
i.icon-color-u {
  color: var(--corpcolour);
  border: solid 1px var(--corpcolour);
}

/*--------------------------------------------------
    [TITLE]
----------------------------------------------------*/

.title-v1 h1:after, .title-v1 h2:after {
  background: var(--corpcolour);
}

.headline h2, .headline h3, .headline h4 {
  border-bottom: 2px solid var(--corpcolour);
}

/*--------------------------------------------------
    [BUTTONS]
----------------------------------------------------*/

.btn-u, .btn-primary, .list-group-item-success {
  background-color: var(--corpcolour);
  border-color: var(--corpborder);
  color: #ffffff !important;
}

  .btn-u:hover, .btn-primary:hover, .btn-u.buy-tickets-a:hover {
    background-color: var(--corphover);
    border-color: var(--corphoverborder);
    color: #ffffff !important;
  }

  .btn-u:active, .btn-primary:active, .btn-u.buy-tickets-a:active {
    background-color: var(--corpactive);
    border-color: var(--corpactiveborder);
    color: #ffffff !important;
  }

  .btn-u:focus, .btn-primary:focus, .btn-u.buy-tickets-a:focus {
    background-color: var(--corpactive);
    border-color: var(--corpactiveborder);
    color: #ffffff !important;
  }

  .list-group-item-success, .list-group-item-success h3, .list-group-item-success p {
    color: #ffffff !important;
  }

#winner .list-group-item-text div {
  font-size: 24px !important;
}

#btnTargetRevenue {
  padding-left: 10px;
}

/*--------------------------------------------------
    [PROMO SECTION AND COUNTER]
----------------------------------------------------*/

.promo-next {
  opacity: 1.0;
}

.promo-section .counters {
  font-family: var(--fontfamily);
}

  .promo-section .counters .kpi-revenue-counter {
    font-family: var(--fontfamily);
  }

  .promo-section .counters h4 {
    font-family: var(--fontfamily);
  }


/*--------------------------------------------------
    [LEADERBOARD]
----------------------------------------------------*/

.counter-rank .badge {
  background-color: var(--corpcolour);
}

/*--------------------------------------------------
    [CLONE|DUPLICATE]
----------------------------------------------------*/
p i.dashboard {
  margin-right: 5px;
}

.xsmall {
  font-size: 70%;
}

/*--------------------------------------------------
    [ANALYTICS]
----------------------------------------------------*/
.chart-container h3 i {
  color: var(--corpcolour);
}

  .chart-container h3 i:hover {
    cursor: pointer;
  }

/*--------------------------------------------------
    [ALERTIFY]
----------------------------------------------------*/

.alertify-notifier .ajs-message {
  background: rgba(255, 255, 255, 0.95);
  color: #555;
  text-align: center;
  border: solid 1px #ddd;
  border-radius: 4px;
}

  .alertify-notifier .ajs-message.ajs-success {
    color: #fff;
    background: rgba(91, 189, 114, 0.95);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
  }

  .alertify-notifier .ajs-message.ajs-error {
    color: #fff;
    background: rgba(217, 92, 92, 0.95);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
  }

  .alertify-notifier .ajs-message.ajs-warning {
    color: #8a6d3b;
    background: #fcf8e3;
    border-color: #faebcc;
  }

/*--------------------------------------------------
    [LINKS]
----------------------------------------------------*/

a, a:focus, a:hover, a:active {
  outline: 0 !important;
  color: var(--corpcolour);
}

li a {
  color: var(--corpcolour);
}

/*--------------------------------------------------
    [TABS]
----------------------------------------------------*/

.tab-v1 .nav-tabs {
  border: none;
  background: none;
  border-bottom: solid 2px var(--corpcolour);
}

  .tab-v1 .nav-tabs > li > a:hover {
    color: #fff;
    background: var(--corpcolour);
  }

  .tab-v1 .nav-tabs > .active > a,
  .tab-v1 .nav-tabs > .active > a:hover,
  .tab-v1 .nav-tabs > .active > a:focus {
    color: #fff;
    border: none;
    background: var(--corpcolour);
  }

/*--------------------------------------------------
    [PAGINATION]
----------------------------------------------------*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  border-color: var(--corpcolour);
  background-color: var(--corpcolour);
}

.pagination li a:hover {
  color: #fff;
  background: var(--corphover);
  border-color: var(--corphoverborder);
}







/*--------------------------------------------------
[BREADCRUMB]
----------------------------------------------------*/
.breadcrumb li.active, .breadcrumb li a:hover {
  color: var(--corpcolour);
  text-decoration: none;
}
/*--------------------------------------------------
    [PANELS]
----------------------------------------------------*/
.panel-u {
  border-color: var(--corpcolour);
}

  .panel-u > .panel-heading {
    background: var(--corpcolour);
  }

.progress-bar-u {
  background: var(--corpcolour);
}

/* ----------------------------------------------------
	admin
	----------------------------------------------------
*/

.adminagent-toolkit-video {
  display: none !important;
}

/*--------------------------------------------------
    [HOME PAGE]
----------------------------------------------------*/
.page-about .title-v1 h2 {
}

::selection {
  color: #ffffff;
  background: var(--corpcolour) !important;
}

/*--------------------------------------------------
    [ADMIN LINKS]
----------------------------------------------------*/

.adminagent-title-links-buy2-a, .adminagent-toolkit-links-buy-a {
  display: inline-block;
  word-break: break-all;
}

/*--------------------------------------------------
    [PRE-LAUNCH]
----------------------------------------------------*/
/* Use raffle-specific CSS */

/* -------------------
        BUTTONS
---------------------- */

.btn.rounded {
  border-radius: 999em !important;
}

.custom-page-default .btn-u.buy-tickets-a,
.custom-page-default .btnSubmitOnlineCard,
.custom-page-account-login .btn-u.btnLogin,
.custom-page-sell .btnSubmitInPersonCard,
.custom-page-sell .btnSubmitInPersonCash {
  text-transform: uppercase;
  min-width: 280px;
}

.custom-page-default .page-intro .promo-next .btn-u.buy-tickets-a, .promo-section .counters {
  opacity: 0.9
}

/*--------------------------------------------------
    [BACK TO TOP]
----------------------------------------------------*/

#topcontrol {
  color: #fff;
  background: var(--corpcolour);
  z-index: 9999;
  bottom: 20px !important;
  right: 5px !important;
}

  #topcontrol:hover {
    background: var(--corpcolour);
    opacity: 0.8;
  }


/* -------------------
        CONTACT
---------------------- */

.custom-page-default #contact-email, .custom-page-default #contact-website {
  -ms-word-break: break-all;
  word-break: break-all;
}

/* -------------------
        LOGO
---------------------- */

.custom-page-default .organiser-logo {
  display: none;
}


/* -------------------
        STYLES TO OVERIDE UNWANTED CSS
---------------------- */
.panel .table {
  margin-bottom: 20px;
}

/* -------------------
        SELL AND HOME PAGE FULL SCREEN
---------------------- */

.fullscreen-static-image {
  background-size: cover;
  background-position: center center;
  margin-top: 76px;
}