/***********************************************
 *
 * Forms
 *
 **********************************************/
.req {
    font-weight:bold;
    color:red;
}

/***********************************************
 *
 * Buttons
 *
 **********************************************/
.btn-donate {
    background-color:#11a9a7;
    border-color:#11a9a7;
    color:#FFF;
}

.btn-donate:hover {
    background-color:#0ca09e;
    border-color:#0ca09e;
}

/***********************************************
 *
 * Logout
 *
 **********************************************/
.donate_logout {
    position: fixed;
    top:15px;
    right:15px;
}

.donate_change_user {
    position: fixed;
    top:15px;
    right:175px;
}

.donate_goto_admin {
    position: fixed;
    top:15px;
    right:275px;
}

/***********************************************
 *
 * Choose Charity
 *
 **********************************************/
.donate_choose_charity {
    padding-top:100px;
    padding-bottom:30px;
    max-width:960px;
    margin:0 auto;
}

.donate_choose_charity_item {
    min-height:300px;
    background-color:transparent;
    cursor:pointer;
    margin-bottom:30px;
}

.donate_choose_charity_item .donate_choose_charity_item_image {
    height:225px;
}

.donate_choose_charity_item .donate_choose_charity_item_title {
    color:#FFF;
    font-weight:bold;
    font-size:1.4em;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

/***********************************************
 *
 * Charity Details
 *
 **********************************************/
.donate_charity {
    padding-top:70px;
}

.donate_charity_titlebar {
    display:none;
}

.donate_charity_titlebar .donate_charity_titlebar_logo {
    max-width:300px;
    margin-left:30px;
}

.donate_charity_details {
    /*position: fixed;*/
    /*bottom:100px;*/
    /*left:50%;*/

    /*width: 960px;*/
    /*margin-left: -480px;*/
}

.donate_charity_details_sponsor,
.donate_charity_details_inner {
    background-color:rgba(255,255,255,1);

    -webkit-box-shadow: 0 0 10px 10px rgba(0,0,0,0.3);
    box-shadow: 0 0 10px 10px rgba(0,0,0,0.3);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:30px;
}

.donate_charity_details_sponsor {
    padding:15px;
    font-size:2em;
    margin-bottom:30px;
}

.donate_charity_details_sponsor img {
    display:inline-block;
}

.donate_charity_donation_steps {
    margin-top:15px;
}

.donate_charity_donation_steps .donate_charity_donation_step_donate,
.donate_charity_donation_steps .donate_charity_donation_step_payment {
    width:49%;
    font-weight:bold;
    display:inline-block;
    padding:15px;
    border:1px solid #f7f7f7;
    border-bottom:none;
    border-radius: 3px 3px 0 0;
    cursor:pointer;
}

.donate_charity_donation_steps .donate_charity_donation_step_donate.active,
.donate_charity_donation_steps .donate_charity_donation_step_payment.active {
    background:#f7f7f7;
}

.donate_charity_donation,
.donate_charity_payment,
.donate_charity_thanks {
    background-color:#f7f7f7;
    border:1px solid #f7f7f7;
    padding:20px 30px 30px;

    max-height: 575px;
    overflow-y: auto;
}

.donate_charity_donation .donate_charity_donation_select {
    width:100%;
    margin-bottom:30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor:pointer;
    width:100%;
    min-height:65px;
    font-weight:bold;
}

.donate_charity_thanks .donate_charity_thanks_title {
    font-size:4em;
    color: #5cb85c;
    font-weight:bold;
    margin-bottom:30px;
}

.donate_charity_thanks .donate_charity_thanks_body {
    font-weight:bold;
}

.req {
    color:red;
}


/*****************************************
 *
 * Errors
 *
 ****************************************/
#donate_charity_donation_feedback,
#donate_charity_payment_feedback {
    /*margin-top:30px;*/
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
}

#donate_charity_donation_feedback div.alert,
#donate_charity_payment_feedback div.alert {
    margin-top:0 !important;
    margin-bottom:0 !important;
    border-radius: 0 !important;
}

/*****************************************
 *
 * Bootstrap Overrides
 *
 ****************************************/
button.btn,
input.form-control,
select.form-control,
textarea.form-control {
    border-radius: 3px;
}

button.btn, .btn {
    cursor:pointer;
}

.btn.donate_charity_btn_lg {
    width:100%;
    padding-top: .75rem;
    padding-bottom: .75rem;
}


/*****************************************
 *
 * Placeholder
 *
 ****************************************/
::placeholder {
    color:#a5a5a5 !important;
    opacity: 1; /* Firefox */
    font-style: italic;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#a5a5a5 !important;
    font-style: italic;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color:#a5a5a5 !important;
    font-style: italic;
}