/* 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 '-'
(1694,17): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1717,22): run-time error CSS1039: Token not allowed after unary operator: '-corphover'
(1718,18): run-time error CSS1039: Token not allowed after unary operator: '-corphoverborder'
(1723,22): run-time error CSS1039: Token not allowed after unary operator: '-corpactive'
(1724,18): run-time error CSS1039: Token not allowed after unary operator: '-corpactiveborder'
(1730,17): run-time error CSS1039: Token not allowed after unary operator: '-corphoverborder'
(1739,17): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1754,17): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1763,22): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1781,21): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1789,17): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1796,17): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1797,28): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1805,22): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1809,35): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1817,28): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1818,24): run-time error CSS1039: Token not allowed after unary operator: '-corpborder'
(1823,32): run-time error CSS1039: Token not allowed after unary operator: '-corphover'
(1824,28): run-time error CSS1039: Token not allowed after unary operator: '-corphoverborder'
(1829,32): run-time error CSS1039: Token not allowed after unary operator: '-corpactive'
(1830,28): run-time error CSS1039: Token not allowed after unary operator: '-corpactiveborder'
(1835,32): run-time error CSS1039: Token not allowed after unary operator: '-corpactive'
(1836,28): run-time error CSS1039: Token not allowed after unary operator: '-corpactiveborder'
(1862,28): run-time error CSS1039: Token not allowed after unary operator: '-corpborder'
(1879,28): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1897,17): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1940,17): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1944,17): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1954,35): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1959,26): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1967,26): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1974,24): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1975,28): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(1980,22): run-time error CSS1039: Token not allowed after unary operator: '-corphover'
(1981,24): run-time error CSS1039: Token not allowed after unary operator: '-corphoverborder'
(2011,28): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2039,43): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2059,21): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2119,36): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2125,43): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2141,25): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2296,22): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2333,26): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2337,32): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2338,35): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2368,17): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2375,24): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2379,26): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2383,22): run-time error CSS1039: Token not allowed after unary operator: '-corpcolour'
(2404,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, 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: #E41B13;
    --corpborder: #CD1811;
    --corphover: #B6150F;
    --corphoverborder: #9F120D;
    --corpactive: #88100B;
    --corpactiveborder: #710D09;
}

body {
    font-family: "Roboto", Helvetica,Arial,sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

.title-v1 h1, .title-v1 h2 {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    line-height: 150%;
}

/*--------------------------------------------------
    [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/orgs/wyp/220630-045116-081.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/orgs/wyp/220620-025353-906.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: var(--corpcolour) !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;
}



/*--------------------------------------------------
    [BACK TO TOP]
----------------------------------------------------*/
#topcontrol:hover {
    background: var(--corpcolour);
}


/*--------------------------------------------------
    [SKYFORM]
----------------------------------------------------*/
.sky-form {
    font-family: "Roboto",Helvetica,Arial,sans-serif;
}

    .sky-form .input input,
    .sky-form .select select,
    .sky-form .textarea textarea {
        font-family: "Roboto",Helvetica,Arial,sans-serif;
    }

    .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: "Roboto",Helvetica,Arial,sans-serif;
    border: 1px solid var(--corpborder);
}

    .promo-section .counters .kpi-revenue-counter {
        font-family: "Roboto",Helvetica,Arial,sans-serif;
    }

    .promo-section .counters h4 {
        font-family: "Roboto",Helvetica,Arial,sans-serif;
    }


/*--------------------------------------------------
    [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: 2.5em;
            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-long {
        display: block;
        width: 100%;
        padding-top: 2rem;
    }

        .page-prize .page-prize-text-long: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: #555;
    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-video {
    display: none !important;
}

/*--------------------------------------------------
    [HOME PAGE]
----------------------------------------------------*/
.page-about .title-v1 h2 {
    display: none !important;
}

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

/*--------------------------------------------------
    [PRE-LAUNCH]
----------------------------------------------------*/
/*#promotetab, #toolkit, .nav-toolkit {
    display: none;
}*/