﻿
/* CLIENT OVERRIDES */
body
{   
    background-color: #fff !important; 
    /*background-color: #fff1e6 !important;*/
    /*background-image: url('/Portals/68/NCRA-Background.jpg?ver=2017-02-27-171028-350');

    background-repeat: no-repeat;
    background-size: contains;*/
}

.Footer .Pane {
    /*background-color: transparent !important;*/
    background-color: #DDD;
}

.Cart-Button {
    text-align: center;
    height: 60px;
    padding: 0 !important;
}

.NCRANavButton {
    clear: both;
    background-color: #66B562;
    border: 1px solid #51984D;
    width: 100%;
    color: #fff;
    margin-bottom: .25em;
    text-align: left;
}

.FormButtonSecondary.NCRANavButton {
    background-color: transparent;
    border: 1px solid #51984D;
    color: #51984D;
}

.NCRANavButton:hover {
    background-color: #51984D;
    border: 1px solid #66b562;
}

.FormButtonSecondary.NCRANavButton:hover {
    background-color: transparent;
    border: 1px solid #00529B;
    color: #0B6121;
}

.Search-Button {
    border: 1px solid #CCC !important;
    height: 2.4em !important;
    padding: .5em !important;
}

.Search-Button .Nav-Word {
    display: none;
}


#SignInUserInfoBox {
    z-index: 2000 !important;
}



/*ADDITIONAL CSS OVERRIDES*/

.donation-button {
    background-color: #00529B !important;
    color: #fff !important;
}

    .donation-button:hover {
        background-color: #F3A550 !important;
        color: #fff !important;
    }

input.donation-amount-other {
    height: 35px !important;
}

.dollar-sign {
    top: .25em !important;
}

.donation-amount-other-close-image {
    top: .55em !important;
}

.table-striped > tbody > tr:hover {
    background-color: #F3A550 !important;
    color: #fff !important;
}

.table-hover > tbody > tr:hover {
    background-color: #F3A550 !important;
    color: #fff !important;
}

.btn {
    text-align: left !important;
}

.btn-default:hover {
    color: #fff !important;
    background-color: #F3A550 !important;
}

.btn-circle {
    border-radius: 50%;
}


/* RADGIRD OVERRIDES */
.RadGrid {
    overflow-x: auto;
    width: 100% !important;
}

.RadGrid_NOAH input.rgAdd,
.RadGrid_NOAH input.rgRefresh {
    border: 0px solid white !important;
}

.RadGrid_NOAH input.rgAdd {
    background-position: -12px -3012px !important;
}

    .RadGrid_NOAH input.rgAdd:hover {
        background-position: -62px -3012px !important;
    }

.RadGrid_NOAH input.rgRefresh {
    background-position: -12px -1312px !important;
}

    .RadGrid_NOAH input.rgRefresh:hover {
        background-position: -62px -1312px !important;
    }

.RadGrid .rgNumPart {
    padding-top: .25em !important;
}

.RadGrid_NOAH .rgNumPart a {
    border: 0px !important;
}

.RadGrid .rgWrap {
    line-height: 3.5em !important;
}

.RadGrid tfoot {
    background-color: #EEE !important;
}

.RadGrid .rcbInputCell {
    background-color: #FFF !important;
}

.RadGrid_NOAH .rgPager .RadComboBox_NOAH {
    width: auto !important;
}

.RadGrid .rgRow,
.RadGrid .rgAltRow {
    line-height: 2.2em !important;
}

.RadGrid_NOAH .rgPager .rgStatus {
    border: 0px !important;
}

.popover-content {
    max-height: 200px;
    overflow-y: auto;
}

.RadGrid_NONE {
    border: 0 !important;
}


.addrEntry,
.commEntry {
    float: left;
    display: inline-block;
    margin-top: 10px;
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 0 !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 250px;
    padding: 1em !important;
    box-shadow: 0 0 0 !important;
    min-width: 288px;
}

.addrEntryInfo {
    min-height: 150px !important;
}

.addrEntry .checkbox > label::before, .checkbox-inline::before,
.commEntry .checkbox > label::before, .checkbox-inline::before {
    /*content: "\f084" !important;*/
    text-align: right;
    width: 100%;
    /*font-size: .75em;*/
}

.FormLabel {
    padding: 0;
}


.Special-Header {
    border: 1px solid transparent;
    border-top: 1px solid #66B562;
    border-bottom: 1px solid #66B562;
    padding: .25em;
    text-transform: uppercase;
}



.green-block {
    background-color: #51984D;
    color: #fff;
    padding: 1em;
    text-align: center;
}

    .green-block .Special-Header {
        border-color: #fff;
        border-left: 1px solid transparent;
        border-right: 1px solid transparent;
    }

        .green-block .Special-Header h3 span {
            color: #fff;
        }


.Grey-Border
{
    border: 1px solid #ccc;
    margin: 0px;
    padding: 1em;
}

.drop-shadow {
    position: relative;
    display: block;
    z-index: 1;
    width: 100%;
    height: 100%;
        
    min-height: 4em;
}

.drop-shadow > div {
    position:relative;
    bottom: 0;
    float:left;
    width:100%;    
    height: 100%;
    
    min-height: 4em;
  
    border: 1px solid #CCC;
    background:#FFF;   

    padding-top: 1em !important;
}


.drop-shadow:before,
.drop-shadow:after {
    content: " ";
    position: absolute; 
    z-index: -2;
}

/* Lifted corners */

.lifted {
    -moz-border-radius: .25em; 
         border-radius: .25em;
}

.lifted:before,
.lifted:after { 
    bottom: 1em;
    left: 1.2em;
    width:100%;
    height:1em;
    max-width: 48.25%;
    -webkit-box-shadow:0 1em 1em rgba(0, 0, 0, 0.7);   
       -moz-box-shadow:0 1em 1em rgba(0, 0, 0, 0.7);
            box-shadow:0 1em 1em rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);    
       -moz-transform:rotate(-3deg);   
        -ms-transform:rotate(-3deg);   
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}

.lifted:after {
    right: 1.2em; 
    left:auto;
    -webkit-transform:rotate(3deg);   
       -moz-transform:rotate(3deg);  
        -ms-transform:rotate(3deg);  
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}



#SignInUserPhoto > .fa.fa-user {
    color: #555 !important;
    font-size: 6em !important;
}


.No-Bootstrap-Col > .HTML-Form-Correction
{
    width: 100%;
}

.well-lg
{
    border-radius: 0px !important;
}

.Content,
.Header
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.Footer-Bottom
{
    /*padding-left: 3% !important;
    padding-right: 3% !important;*/
    padding: 0 !important
}

.Center-Full
{
    max-width: 960px;
    margin: 0 auto;
    float: none;
    padding: 0 !important;
    height: auto;
}


/* SHOPPING CART FIX FOR OLD STYLES */
@media (min-width:0) and (max-width: 640px) {
    [id*="ShoppingCart_Cart_DetailsPanel"] div:nth-child(4) > div {
        margin: 0 !important;
        margin-top: .25em !important;
        width: 100% !important;
    }

        [id*="ShoppingCart_Cart_DetailsPanel"] div:nth-child(4) > div input {
            width: 100% !important;
        }
}



.col-lg-0,
.col-md-0,
.col-sm-0,
.col-xs-0 {width: 0 !important;}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
