/* BASE STYLES */

@font-face {
    font-family: 'ProximaNovaRegular';
    src: url('../fonts/proxima/ProximaNova-Reg-webfont.eot');
    src: url('../fonts/proxima/ProximaNova-Reg-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proxima/ProximaNova-Reg-webfont.woff') format('woff'),
        url('../fonts/proxima/ProximaNova-Reg-webfont.ttf') format('truetype'),
        url('../fonts/proxima/ProximaNova-Reg-webfont.svg#ProximaNovaRegular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaLight';
    src: url('../fonts/proxima/proximanova-light-webfont.eot');
    src: url('../fonts/proxima/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proxima/proximanova-light-webfont.woff') format('woff'),
        url('../fonts/proxima/proximanova-light-webfont.ttf') format('truetype'),
        url('../fonts/proxima/proximanova-light-webfont.svg#ProximaNovaLight') format('svg');
    font-weight:lighter;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNovaBoldItalic';
    src: url('../fonts/proxima/proximanova-semibolditalic-webfont.eot');
    src: url('../fonts/proxima/proximanova-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proxima/proximanova-semibolditalic-webfont.woff') format('woff'),
        url('../fonts/proxima/proximanova-semibolditalic-webfont.ttf') format('truetype'),
        url('../fonts/proxima/proximanova-semibolditalic-webfont.svg#ProximaNovaSemiBoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('../fonts/proxima/proximanova-bold-webfont.eot');
    src: url('../fonts/proxima/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proxima/proximanova-bold-webfont.woff') format('woff'),
        url('../fonts/proxima/proximanova-bold-webfont.ttf') format('truetype'),
        url('../fonts/proxima/proximanova-bold-webfont.svg#ProximaNovaBold') format('svg');
    font-weight: bold;
}

/* Bootstrap button overrides */

@media (max-width: 767px) {
    .btn-block-sm {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .btn-block-sm + .btn-block-sm {
        margin-top: 5px;
    }
    input[type="submit"].btn-block-sm,
    input[type="reset"].btn-block-sm,
    input[type="button"].btn-block-sm {
        width: 100%;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .btn-block-md {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .btn-block-md + .btn-block-md {
        margin-top: 5px;
    }
    input[type="submit"].btn-block-md,
    input[type="reset"].btn-block-md,
    input[type="button"].btn-block-md {
        width: 100%;
    }
}

.btn, 
input[type="submit"], 
input[type="reset"], 
input[type="button"] {
    font-family: "ProximaNovaLight", "Arial", arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 3px;
    text-decoration: none;
    transition: background-color 0.5s;
    -webkit-transition: background-color 0.5s;
    text-decoration: none;
}

.btn-primary,
input[type="submit"], 
input[type="reset"], 
input[type="button"] {
    border: none;
    background: #004712;
    color:#fff;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover,
input[type="submit"]:active, 
input[type="reset"]:active, 
input[type="button"]:active,
input[type="submit"]:focus, 
input[type="reset"]:focus, 
input[type="button"]:focus {
    background: #638558;
}

.btn-default,
input[type="submit"].btn-default {
    border: none;
    background: #c6c6c6;
    color:#474747
}

.btn-default:hover,
.btn-default:active,
.btn-default:focus,
input[type="submit"].btn-default:hover,
input[type="submit"].btn-default:active,
input[type="submit"].btn-default:focus {
    background: #8c8c8c;
    color:#fff;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #638558;
  border-color: #638558;
}

@media screen and (max-width: 767px) {
    /* Large button on small screen */
    .btn-lg-sm {
        padding: 10px 16px;
        font-size: 18px;
        line-height: 1.33em;
    }
}

/* MESSAGES */
#globalMessages {
    padding-top:10px;
}

.global_message,
.information_message,
.confirmation_message,
.error_message {
    padding:10px 10px 10px 59px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    color:#fff;
    font-size: 16px;
    margin-bottom: 1.42em;
    min-height: 60px;
}

.global_message *,
.information_message *,
.confirmation_message *,
.error_message * {
    font-size:1em;
    color:#fff;
}

.global_message :last-child,
.information_message :last-child ,
.confirmation_message :last-child,
.error_message :last-child {
    margin-bottom: 0;
}

.global_message a,
.information_message a,
.confirmation_message a,
.error_message a {
    text-decoration: none;
    border-bottom: 1px dashed;
}

.global_message a:hover,
.information_message a:hover,
.confirmation_message a:hover,
.error_message a:hover {
    border-style: solid;
}

.global_message.error,
.error_message {
    background-image: url("../images/icon-msg-error.png");    
    background-color: #a93636;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 921px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (                min-resolution: 192dpi) and (max-width: 921px),
only screen and (                min-resolution: 2dppx)  and (max-width: 921px) { 
    .global_message.error,
    .error_message {
        background-image: url("../images/icon-msg-error-2x.png"); 
        background-size: 39px 39px;
    }
}

.global_message.success,
.confirmation_message {
    background-image: url("../images/icon-msg-success.png");    
    background-color: #7a9771;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 921px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (                min-resolution: 192dpi) and (max-width: 921px),
only screen and (                min-resolution: 2dppx)  and (max-width: 921px) { 
     .global_message.success,
     .confirmation_message {
        background-image: url("../images/icon-msg-success-2x.png");
        background-size: 39px 39px;
    }
}

.information_message {
    background-image: url("../images/icon-msg-info.png");    
    background-color: #81afb6;   
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (   min--moz-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (     -o-min-device-pixel-ratio: 2/1)    and (max-width: 921px),
only screen and (        min-device-pixel-ratio: 2)      and (max-width: 921px),
only screen and (                min-resolution: 192dpi) and (max-width: 921px),
only screen and (                min-resolution: 2dppx)  and (max-width: 921px) { 
     .information_message {
        background-image: url("../images/icon-msg-info-2x.png");  
        background-size: 39px 39px;
    }
}

.error,
.error-show,
span.checkoutPayFailError  {
    color: #a93636;
}


/*span.checkoutPayFailError {
    border: none;
    background: none;
    font-size: 0.813em;
    font-family: "ProximaNovaBold", "Arial", arial, sans-serif;
    margin: 0 0 10px 0;
    display: block;
}*/

.form_field_error {
    padding: 10px;
    float: left;
    margin: 5px 0;
    background-color: #a93636;
    color:#fff;
}

.form_field_error p,
.form_field_error .notify {
    margin: 0;
    color: #a93636;
    padding: 0 0 0 3px;
    float: left;
}