body, html {
    height: 100%;
}

/*colours */
.text-dvnprimary {
    color: #1E4773 !important;
}

.text-dvnblue {
    color: #518CC1 !important;
}

.text-dvnorange {
    color: #F58026 !important;
}

.text-dvnsky {
    color: #CBE5F3 !important;
}

.text-dvnburntorange {
    color: #DA6527 !important;
}

.bg-dvnprimary {
    background-color: #1E4773 !important;
}

.bg-dvnblue {
    background-color: #518CC1 !important;
}

.bg-dvnorange {
    background-color: #F58026 !important;
}

.bg-dvnsky {
    background-color: #CBE5F3 !important;
}

.bg-dvnburntorange {
    background-color: #DA6527 !important;
}

/* breadcrumb*/
.breadcrumb-text, .breadcrumb-number {
    font-size: 0.825em;
}


/* common */
.dvn-pointer {
    cursor: pointer
}

.site-main {
    padding-bottom: 0;
}

.container-fluid {
    padding: 0;
}

.donation-choice h1 {
    font-size: 2.0em;
}

.donation-choice p {
    font-size: 1.3em;
}

.donation-choice {
    border: 1px solid #CBE5F3;
    background-color: #fff;
}

.donation-choice:hover {
    border-color: #F58026;
    cursor: pointer;
}

.donation-choice-selected {
    border: 1px solid #F58026;
    background-color: #fff;
}

div.selection-image-container {
    width: 240px;
    display: inline-block;
}

.donation-selection-container {
    margin-top: 50px;
}

.donation-selection-container p {
    font-size: 16px;
}

/*step 1*/
.give-heading {
    font-size: 48px;
}

.donation-add-choice {
    border: 1px solid #CBE5F3;
}

.donation-add-choice-desc {
    min-height: 100px;
}

.choice-blurb-container {
    background-color: #F4F9FD;
}

.auto-breadcrumb {
    background-color: #EDF6FA
}

.criteria-blurb-more-text-container {
    background-color: #1e4773;
    /* ReSharper disable once CssBrowserCompatibility */
    background-color: rgba(30, 71, 115, 0.1);
}

.bg-hands {
    background-image: url('/images/autodasvandh/blue-hands-background.png');
    -ms-background-repeat: repeat-x;
    background-repeat: repeat-x;
    -ms-background-position: bottom left;
    background-position: bottom left;
}

.choice-blurb-container {
    min-height: 185px;
    background-image: url('/images/autodasvandh/navy-check.png');
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -ms-background-position: 95% 8%;
    background-position: 95% 8%;
}

.choice-blurb-container-selected {
    min-height: 185px;
    background-image: url('/images/autodasvandh/orange-check.png');
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -ms-background-position: 95% 8%;
    background-position: 95% 8%;
}

.choice-blurb-container img {
    margin-bottom: 25px;
    margin-top: 40px;
    height: 100px;
}

/*calculator */
.bg-calculator {
    background-image: url('/images/autodasvandh/calc-background.png');
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -ms-background-position: bottom left;
    background-position: bottom left;
    background-color: #CBE5F3;
    color: #1E4773;
}

.btn-rounded {
    -ms-border-radius: 40px;
    border-radius: 40px;
}

.form-rounded {
    -ms-border-radius: 40px !important;
    border-radius: 40px !important;
}

.border-dvnprimary-important {
    border: 1px solid #1E4773 !important;
}



.align-items-vert-middle {
    display: flex;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center; /*Aligns vertically center */
    justify-content: right; /*Aligns horizontally right */
}

.calc-option-container {
    background-color: #fff;
}

.calc-amt-container {
    background-color: #EFF2F6;
}

.calc-amt-container-txt, .calc-amt-container-txt:focus {
    background-color: #EFF2F6;
    text-align: center;
}

.calc-amt-container-txt-readonly {
    cursor: pointer
}

.cal-container {
    border: 1px solid #fff !important;
}

.cal-container:hover {
    border: 1px solid #1E4773 !important;
    cursor: pointer
}

.cal-container-selected {
    border: 1px solid #1E4773 !important;
}

.calc-amt-container-txt-selected, .calc-amt-container-txt-selected:focus {
    background-color: #1E4773 !important;
    color: #fff !important;
}

/*step 2*/
.category-blurb-container {
    min-height: 150px;
    background-image: url('/images/autodasvandh/navy-check.png');
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -ms-background-position: 95% 8%;
    background-position: 95% 8%;
}

.category-blurb-container-selected {
    min-height: 150px;
    background-image: url('/images/autodasvandh/orange-check.png');
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -ms-background-position: 95% 8%;
    background-position: 95% 8%;
}

.category-blurb-container img {
    margin-bottom: 5px;
    margin-top: 15px
}

.category-blurb-text-container {
    min-height: 50px;
    margin: 0 10px 15px;
}

/*page 3*/

.priority-blurb-text-container {
    min-height: 200px;
    margin: 0 10px 15px;
}

/*orgs */
.org-list-scroll {
    height: 400px;
    overflow-y: scroll;
}
.org-author-image {
    width: 35px;
    height: 35px;
    -o-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -o-align-items: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    border: 1px solid #ccc;
}

.blue-check-container, .blue-check-container-selected {
    display: inline-block;
    position: relative;
}

.blue-check-container:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('/images/autodasvandh/navy-check.png');
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -ms-background-position: 95% 8%;
    background-position: 95% 8%;
}

.blue-check-container-selected:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url('/images/autodasvandh/orange-check.png');
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -ms-background-position: 95% 8%;
    background-position: 95% 8%;
}

.org-container {
    border: 1px solid #CBE5F3;
    background-color: #fff;
}

.org-container:hover {
    border-color: #F58026;
    cursor: pointer;
}

.org-container-selected {
    border: 1px solid #F58026;
    background-color: #fff;
}

.org-page-hide {
    display: none;
}

.org-page-active {
    /*display: inline-block;*/
}

/*step 5*/
.hr-white {
    border: 1px solid #ffffff;
    /* ReSharper disable once CssBrowserCompatibility */
    border: 1px solid rgba(255,255,255, .1);
}

.sliders-auto {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


/* allocation slider */
input[type=range].slider-auto-reallocate-input {
    width: 100%;
    margin: 5px 0;
    display: inline-block;
}

input[type="range"] {
    -webkit-appearance: none;
}

input[type="range"]:focus {
    outline: none;
}

/* ReSharper disable once CssBrowserCompatibility */
input[type="range"]::-webkit-slider-runnable-track {
    background: #fff;
    height: 2px;
}

/* ReSharper disable once CssBrowserCompatibility */
input[type="range"]::-moz-range-track {
    background: #fff;
    height: 2px;
}

/* ReSharper disable once CssBrowserCompatibility */
input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 26px;
    width: 26px;
    margin-top: -13px;
    background: #F58026;
    border: 2px solid #fff;
    border-radius: 50%;
    -ms-background-size: contain;
    background-size: contain;
    -ms-background-position: center center;
    background-position: center center;
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
}

/* ReSharper disable once CssBrowserCompatibility */
input[type="range"]::-moz-range-thumb {
    height: 26px;
    width: 26px;
    margin-top: -13px;
    background: #F58026;
    border: 2px solid #fff;
    border-radius: 50%;
    -ms-background-size: contain;
    background-size: contain;
    -ms-background-position: center center;
    background-position: center center;
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
}


.img-danger, .img-success {
    height: 30px;
}
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/

/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/


/* Small devices (landscape phones, 576px and up) */
/* ReSharper disable once DeclarationIsEmpty */
@media (min-width: 576px) {
    .breadcrumb-text, .breadcrumb-number {
        font-size: 0.825em;
    }
}


/*@media (max-width: 767px) {
    .choice-blurb-container {
        min-height: 1px;
    }

    .criteria-blurb-container {
        min-height: 1px;
    }

    .category-blurb-container {
        min-height: 1px;
    }
}*/

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
/* ReSharper disable once DeclarationIsEmpty */
@media (min-width: 768px) {
    /*.choice-blurb-container {
        min-height: 315px;
    }

    .criteria-blurb-container {
        min-height: 265px;
    }

    .category-blurb-container {
        min-height: 330px;
    }*/
    .breadcrumb-text, .breadcrumb-number {
        font-size: 1em;
    }

    .border-right-dvnprimary-important {
        border-right: #1E4773 1px solid !important;
    }

    .choice-blurb-container {
        min-height: 185px;
        background-image: url('/images/autodasvandh/navy-check.png');
        -ms-background-repeat: no-repeat;
        background-repeat: no-repeat;
        -ms-background-position: 95% 8%;
        background-position: 95% 8%;
    }

    .choice-blurb-container-selected {
        min-height: 185px;
        background-image: url('/images/autodasvandh/orange-check.png');
        -ms-background-repeat: no-repeat;
        background-repeat: no-repeat;
        -ms-background-position: 95% 8%;
        background-position: 95% 8%;
    }

    .choice-blurb-container img {
        margin-bottom: 25px;
        margin-top: 40px;
        height: 100px;
    }

    .choice-blurb-text-container {
        min-height: 200px;
        margin: 0 10px 0 10px;
    }

    .donation-add-choice-desc {
        min-height: 50px;
    }

    .category-blurb-text-container {
        min-height: 30px;
        margin: 0 10px 15px;
    }

}

/* Large devices (desktops, 992px and up) */
/* ReSharper disable once DeclarationIsEmpty */
@media (min-width: 992px) {
    .choice-blurb-container {
        min-height: 185px;
        background-image: url('/images/autodasvandh/navy-check.png');
        -ms-background-repeat: no-repeat;
        background-repeat: no-repeat;
        -ms-background-position: 95% 8%;
        background-position: 95% 8%;
    }

    .choice-blurb-container-selected {
        min-height: 185px;
        background-image: url('/images/autodasvandh/orange-check.png');
        -ms-background-repeat: no-repeat;
        background-repeat: no-repeat;
        -ms-background-position: 95% 8%;
        background-position: 95% 8%;
    }

    .choice-blurb-container img {
        margin-bottom: 25px;
        margin-top: 25px;
        height: 100%;
    }

    .choice-blurb-text-container {
        min-height: 150px;
        margin: 0 10px 0 10px;
    }

    .criteria-blurb-container {
        min-height: 190px;
    }

    
    /*.category-blurb-container {
        min-height: 400px !important;
    }*/
    .criteria-desc {
        min-height: 150px;
    }

    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

    .org-list-scroll {
        height: 600px;
        overflow-y: scroll;
    }
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .col-auto .bread-num {
        padding-right: 3px !important;
        padding-left: 3px !important;
    }
}


/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    .col-auto .bread-num {
        padding-right: 3px !important;
        padding-left: 3px !important;
    }
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    /*.container.container-fluid-breadcrumb

    {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 15px;
        padding-left: 15px;
        width: 100%;
        max-width: none;
    }*/
    }