﻿
/* 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;
}

.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: #093e52 !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: #093e52 !important;
}

.table-hover > tbody > tr:hover {
    background-color: #F3A550 !important;
    color: #093e52 !important;
}

.btn {
    text-align: left !important;
}

.btn-default:hover {
    color: #F3A550 !important;
    background-color: #093e52 !important;
}

.btn-circle {
    border-radius: 50%;
    padding: .6em .7em;
}


/* 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: .6em !important;
}

.RadGrid .rgNumPart a {
    padding: .5em .25em !important;
    height: 2em !important;    
}

.RadGrid_NOAH .rgNumPart a {
    border: 0px !important;
}

.RadGrid .rgWrap {
    /*line-height: 3.5em !important;*/
    line-height: initial !important;
}

.RadGrid .rgWrap span {
    line-height: 1em;
}

.RadGrid .rgWrap.rgAdvPart span {
    line-height: 3em !important;
}

.RadGrid .rgWrap.rgInfoPart {
    padding-top: .9em;
}

.RadGrid .rgArrPart1,
.RadGrid .rgArrPart2 {
    padding-top: .3em !important;
}



.RadGrid tfoot {
    background-color: #3e626f1a !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;
}


.RadGrid_NOAH .rgEditForm {

    border-bottom: 2px dashed #093e52 !important;
    border-top: 2px dashed #093e52 !important;
    padding: 1em;
    background-color: #093e521a;
    color: #093e52;

    display: inline-block;
    width: 100%;
}


.rgEditForm table,
.rgEditForm table tbody,
.rgEditForm table tbody tr,
.rgEditForm table tbody tr td {
    width: 100%;
    display: inline-block;
}

.rgEditForm > table > tbody > tr:nth-child(2)
{
    padding-top: 2em;
    float: right;
    text-align: right;
}

.rgEditForm > table > tbody > tr:nth-child(2) > td a {
    padding: .6em;
    border: 1px solid #093e52aliceblue;
    color: #fff !important;
    background-color: #093e52;
    border-radius: 5px;
    margin-left: .25em;
}

.rgEditForm > table > tbody > tr:nth-child(2) > td a:hover {
    background-color: #F3A550 !important;
}

.rgEditForm table table tbody tr
{
    padding: .25em;
    border-bottom: 1px dashed #1d92bf80;
}

.rgEditForm table table tbody tr td label,
.rgEditForm table table tbody tr td input,
.rgEditForm table table tbody tr td select
{
    width: 100% !important;
    padding: .5em;
}

.rgEditForm label {
    width: 78% !important;
    padding: .5em;
}

.rgEditForm input,
.rgEditForm select
{
    color: #093e52;
    background-color: #fff;
    border: 1px solid #999;
}

.rgEditForm .RadPicker_NOAH tr td:nth-child(2) {
    width: initial;
    position: absolute;
    right: 5px;
}

.rgEditForm table table tbody tr td input:disabled,
.rgEditForm table table tbody tr td select:disabled
{
    color: #2d84c4;
}

.rgEditForm table table tbody tr td:nth-child(1)
{
    width: 33%;
}

.rgEditForm table table tbody tr td:nth-child(2)
{
    width: 66%;
}


.RadGrid_NOAH .rgMasterTable td.rgGroupCol, .RadGrid_NOAH .rgMasterTable td.rgExpandCol {

    border-color: transparent !important;
    border-left: 2px dashed #ddd !important;
    background-color: transparent !important;
    width: 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 #eda22e;
    border-bottom: 1px solid #eda22e;
    padding: .25em;
    text-transform: uppercase;
}



.green-block {
    background-color: #eda22e;
    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: 1000px;
    margin: 0 auto;
    float: none;
    padding: 0 !important;
    height: auto;
}


.Demo-Button-Wrapper
{
    margin-top: 2.5em;
}

.Demo-Button-Wrapper .FormButton
{
    width: 15em;
    height: 3.75em;
}

.Demo-Button-Wrapper .FormButton > a
{
    color: #fff !important;
    text-decoration: none;
}

.Demo-Button-Wrapper .FormButton:hover
{
    /*padding-top: .75em !important;
    padding-left: 0 !important;
    padding-right: 0 !important;*/
}

.Demo-Button-Wrapper .FormButton:hover > a
{
    /*font-size: 1.5em !important;    
    line-height: 1.5em !important;*/
}

.Dark .Demo-Button-Wrapper .FormButton,
.Dark .Demo-Button-Wrapper .FormButton a
{
    background-color: #fff !important;
    color: #093e52 !important;
}

.Dark .Demo-Button-Wrapper .FormButton:hover,
.Dark .Demo-Button-Wrapper .FormButton:hover a
{
    background-color: #eda22e !important;
    color: #093e52 !important;
}

.Share-Wrapper .fa:hover
{
    color: #093e52 !important;
}

.Dark .Share-Wrapper h3
{
    color: #fff !important;
}

.Dark .Share-Wrapper .fa
{
    color: #eda22e !important;
}

.Dark .Share-Wrapper .fa:hover
{
    color: #fff !important;
}

/* BOOTSTRAP */
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #093E52 !important;
    border-color: #093E52 !important;
}

.panel-red,
.panel-red > .panel-heading {
    color: white !important;
    background-color: #ce4e4c;
    border-color: #ce4e4c;
}

.panel-yellow,
.panel-yellow > .panel-heading {
    color: white;
    background-color: #eda22e;
    border-color: #eda22e;    
}

.panel-green > .panel-heading {
    color: white;   
    background-color: #6eb26e;
    border-color: #6eb26e;
}

.panel-default > .panel-heading {
    color: #eda22e;
    background-color: #093E52;
    border-color: #093E52;
}


.nav-pills > li.active > a, 
.nav-pills > li.active > a:focus {
    color: #eda22e;
    background-color: #093E52;
}
 
.nav-pills > li.active > a:hover {
    color: #093E52;
    background-color: #eda22e;
}

.btn-primary {
    color: #eda22e;
    background-color: #093E52;
    border-color: #093E52;
}

.btn-primary:hover
{
    background-color: #093E52;
    border-color: #eda22e;
}

.btn-primary.btn-outline {
    color: #093E52;
}

.timeline > li
{
    list-style-type: none !important;
}

blockquote
{
    background-color: #eda22e;
    color: #093E52;
    display: flex;
    position: relative;
}

blockquote > p
{
    width: 96% !important;
    float: left !important;
    margin: auto;
    color: #093e52;
}

blockquote.NOAH-Open-Bracket:before,
blockquote.NOAH-Close-Bracket:after
{
    font-size: 3em;
    float: left;
    position:absolute;
    left: 0;
    top: 0;
}

blockquote.NOAH-Close-Bracket:after 
{
    float: right !important;
    right: 0 !important;
    bottom: 0 !important;
    top: initial !important;
    left: initial !important;    
}

.Communications,
.Communications .row,
.Address, 
.Address .row {
    padding: 0;
    margin: 0;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.Communications .row,
.Address .row {
    float: left !important;
    width: 100% !important;
}


.Communications
{
    margin-top: .5em;
    font-size: .75em !important;
}

.Communications
.Address
{
    padding: 1em .5em;
}

[class*=Address-] {
    font-size: 1.5em;
    color: #eda22e;
}

[class*=Address-]:not(.Address-Name) {
    font-size: 1em;
    color: #fff;
}

.Address.NOAH-Open-Bracket:before,
.Address.NOAH-Close-Bracket:after
{
    font-size: 8em;
    color: #eda22e;
    float: left !important;
    clear: none !important;
}

.Address.NOAH.NOAH-N:before {
    content: "\e902" !important;
    float: left;
    color: #fff;
    font-size: 8em;
    margin-top: 25px;
    /*opacity: .4;*/
    /*text-shadow: 0 0 1px #eda22e;*/
    padding-right: .1em;
}

.Address.NOAH.NOAH-N:hover:before {
    color: #eda22e;
    /*text-shadow: 0 0 1px #eda22e;*/
}

.Address.NOAH-Open-Bracket:before
{
    content: "\e900" !important;
}

.Address.NOAH-Close-Bracket:after
{
    content: "\e901" !important;
}

[class*=Communications-] {
    font-size: 1em;
    color: #eda22e;
}

.Communications-Phone,
.Communications-Email
{
    color: #fff;
}

.Communications-Phone .fa.fa-phone:before
{
    float: left;
    color: #eda22e !important;
}

.Communications-Phone:hover .fa.fa-phone:before
{
    color: #fff !important;
}

.Communications-Phone:hover,
.Communications-Email:hover,
.Communications-Email:hover a
{
    color: #eda22e !important;
}

.Communications-Email .fa.fa-envelope-o:before
{
    float: left;
    color: #eda22e !important;
}

.Communications-Email:hover .fa.fa-envelope-o:before
{
    color: #fff !important;
}



.row.Empty
{
    height: 1em !important;
}


/* 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;
    }
}
















.footer-nav {
    list-style: none;
    margin-left: 0;
    overflow: hidden;
}

.footer-nav li {
    float: left;
    font-family: "Roboto Condensed",Roboto,Arial,Helvetica,sans-serif;
    margin-right: 15px;
    text-transform: uppercase;
    font-size: 0.875rem;
}

.site-info p {
    font-size: 0.75rem;
    margin-bottom: 4px;
}

ul, ol, dl {
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 1.25rem;
    list-style-position: outside;
    font-family: inherit;
}

.footer-nav li+li a {
    border-left: 1px solid white;
    padding-left: 15px;
}

.Footer-Bottom-Center a {
    color: white;
}

.social a {
    font-size: 36px;
    float: right;
    color: #eda22e;
}

.social a + a {
    margin-right: 15px;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}



.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.row {
    padding-left: .4em;
    padding-right: .4em;
}


.Menu-Navigation-Wrapper .level-1 {
    display: none !important;
}





    [id*=rap] .RadAjaxPanel {
        display: inline !important;
    }

    .FormButtonSecondary .Button-Icon
    {
        color: #EDA22E !important;
    }

    .FormButtonSecondary:hover .Button-Icon
    {
        color: #093E52 !important;
    }


    .FormButtonSecondary .Button-Icon-Inverse
    {
        color: #093E52 !important;
    }

    .FormButtonSecondary:hover .Button-Icon-Inverse
    {
        color: #EDA22E !important;
    }





    /* FONT-AWESOME MANDATORY COLORS */
    .fa-remove::before, .fa-close::before, .fa-times::before {
        color: darkred;
    }

    .fa-edit::before, .fa-pencil-square-o::before {
        color: #093e52;
    }