/* Minification failed. Returning unminified contents.
(1668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1670,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1671,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1673,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1674,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1675,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1679,20): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily'
(1680,14): run-time error CSS1039: Token not allowed after unary operator: '-fontcolor'
(1687,20): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily'
(1688,14): run-time error CSS1039: Token not allowed after unary operator: '-fontcolor'
(1692,14): run-time error CSS1039: Token not allowed after unary operator: '-fontcolor'
(1696,20): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily'
(1699,14): run-time error CSS1039: Token not allowed after unary operator: '-fontcolor'
(1713,14): run-time error CSS1039: Token not allowed after unary operator: '-fontcolor'
(1760,14): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1783,19): run-time error CSS1039: Token not allowed after unary operator: '-corphover'
(1784,15): run-time error CSS1039: Token not allowed after unary operator: '-corphoverborder'
(1789,19): run-time error CSS1039: Token not allowed after unary operator: '-corpactive'
(1790,15): run-time error CSS1039: Token not allowed after unary operator: '-corpactiveborder'
(1796,14): run-time error CSS1039: Token not allowed after unary operator: '-corphoverborder'
(1820,14): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1829,20): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily'
(1835,21): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily'
(1839,15): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1848,14): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1855,14): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1856,25): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1864,19): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1868,32): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1876,25): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1877,21): run-time error CSS1039: Token not allowed after unary operator: '-corpborder'
(1882,26): run-time error CSS1039: Token not allowed after unary operator: '-corphover'
(1883,22): run-time error CSS1039: Token not allowed after unary operator: '-corphoverborder'
(1888,26): run-time error CSS1039: Token not allowed after unary operator: '-corpactive'
(1889,22): run-time error CSS1039: Token not allowed after unary operator: '-corpactiveborder'
(1894,26): run-time error CSS1039: Token not allowed after unary operator: '-corpactive'
(1895,22): run-time error CSS1039: Token not allowed after unary operator: '-corpactiveborder'
(1920,20): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily'
(1924,21): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily'
(1928,21): run-time error CSS1039: Token not allowed after unary operator: '-fontfamily'
(1937,25): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1955,14): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1998,14): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2002,14): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2012,32): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2017,26): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2025,26): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2032,21): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2033,25): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2038,19): run-time error CSS1039: Token not allowed after unary operator: '-corphover'
(2039,21): run-time error CSS1039: Token not allowed after unary operator: '-corphoverborder'
(2068,22): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2096,34): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2116,15): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2176,30): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2182,34): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2198,16): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2353,19): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2369,14): run-time error CSS1039: Token not allowed after unary operator: '-fontcolor'
(2390,20): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2394,29): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2395,32): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2424,14): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2431,21): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2435,20): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2439,19): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2460,19): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2504,19): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2511,26): 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, 0.6) 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;
}

.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;
}

/*--------------------------------------------------
    [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 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-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: 80%;
}

#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;
}

/*--------------------------------------------------
    [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-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;
    }

    .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;
    }

/*--------------------------------------------------
    [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;
    }


/*--------------------------------------------------
    [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 */
/* -------------------------------- */


/* 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: 200px;
        -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: 200px;
    }
}

@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;
    }
}

/*.backstretch:after {
    background: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    content: "";
}*/

/*--------------------------------------------------
    [BUY TICKETS]
----------------------------------------------------*/

.btn-u.buy-tickets-a {

}

/* 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);
}

/*--------------------------------------------------
    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;
		}

		.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: 1.7em;
			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 .huge {
			font-size: 2.9em;
		}

		.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 .prize-rrp {
			width: 20%;
			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 .huge {
			font-size: 2.9em;
		}

		.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(--fontcolor);
	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;
}

@media (min-width: 1200px) {
	.page-prize .page-prize-footer-amount .prize-right .page-prize-usp {
		margin: 1.2rem 0 1.5rem;
	}
}


/*--------------------------------------------------
[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-social4-links, .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;
}
