$bg-color: #FBFBFB; //rgb(50,50,50);
$white-font-color: #fff;
$font-color: #000;
$blue-light: #2b96af;
$blue-dark: #095B92;

$voucher_usage-bg: #03237F;
$voucher_usage-color: $white-font-color;

$voucher_usage-button-bg: #00FF00;
$voucher_usage-button-color: #000;
$voucher_card-unclaimable_button-bg: grey;
$voucher_card-unclaimable_button-color: #D9D9D9;


#use_voucher-modal,
#warning-modal{

    .modal-content {
        //background: $voucher_usage-bg;
        //color: $voucher_usage-color;
        //box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    }


    .modal-header {
        padding-bottom: 0em;
        border-bottom: 0;
    }

    .modal-footer {
        display: block;
        text-align: center;
        border-top: 0;
    }

    .modal-body {
        padding-top: 0em;
        padding-bottom: 0;
    }

    .use_voucher-codes {
        margin: 1.5em auto 1em auto;

        .use_voucher-barcode {
            display: none;
            margin-bottom: 0.5em;
        }

        .use_voucher-digits {
            font-size: 2rem;
            font-weight: 600;
            letter-spacing: 4px;
            word-break: break-all;
            line-height: 1;
        }
    }

    .use_voucher-message {
        margin-top: 0.5em;
        //color: $voucher_usage-button-bg;
    }

    .btn {
        //background: $voucher_usage-button-bg;
        //color: $voucher_usage-button-color;

        &.claimed {
            background-color: grey;
            color: #D9D9D9;
        }
    }
    .close {
        color: $white-font-color;
    }

}


#voucher_single {
    .voucher_single-image {
        max-height: 100%;
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

    .voucher_single-claimable, .voucher_single-unclaimable {
        color: $bg-color;
        background-color: $blue-light;
        padding: 1em;
        text-align: center;
        font-size: 14px;
        cursor: pointer;
        font-weight: bold;
        letter-spacing: 1px;
    }

    .voucher_single-unclaimable {
        background-color: $voucher_card-unclaimable_button-bg;
        color: $voucher_card-unclaimable_button-color;
    }

    .voucher_single-title {
        color: $blue-dark;
        font-size: 1.1rem;
        font-weight: 600;
    }

    .voucher_single-location, .voucher_single-expiry {
        font-size: 0.85rem;
        color: rgba($font-color, 0.8);
    }

    .voucher_single-tc {
        margin-top: 0.8em;
    }


}