input::-webkit-input-placeholder {
    color: DimGray !important;
    font-size: medium !important;
    font-style: italic;
}

input:-moz-placeholder { /* Firefox 18- */
    color: DimGray !important;
    font-size: medium !important;
    font-style: italic;
}

input::-moz-placeholder { /* Firefox 19+ */
    color: DimGray !important;
    font-size: medium !important;
    font-style: italic;
}

input:-ms-input-placeholder {
    color: DimGray !important;
    font-size: medium !important;
    font-style: italic;
}

a {
    text-decoration: none;
}

a:hover {
    font-weight: 600;
    text-decoration: none;
}

.ablcontainer {
    margin: 20px;
    border: 1px solid silver;
    padding: 10px;
}

.backcoral {
    background-color: coral;
}

.backeee {
    background-color: #fdfaf3;
}

.backivory {
    background-color: ivory;
}

.backred {
    background-color: coral;
}

.backsilver {
    background-color: silver;
}

.backsilverlight {
    background-color: #eee;
}

.backwhite {
    background-color: white;
}

.bb1d {
    border-bottom: 1px dashed;
}

.bgblack {
    background-color: black;
}

body {
    background-color: white;
    color: none !important;
    width: 100vw;
}

.bold {
    font-weight: 600;
}

.borderbottomdash {
    border-bottom: 1px dashed;
}

.borderradius4 {
    border-radius: 4px;
}

.borderradius8 {
    border-radius: 8px;
}

.borderradius50 {
    border-radius: 50%;
}

.borderred {
    border: solid 1px red;
}

.contact {
    padding: 5px;
    margin-top: 5px;
    border-radius: 3px;
}

.accountlogin {
    overflow-x: hidden;
    margin-top: -40px;
}

.carouselimage {
    height: 125px !important;
}

.cart {
    color: gold;
    font-weight: normal;
    margin-right: -20px;
    margin-left: 20px;
    margin-top: 5px;
}

.carttext {
    font-size: small;
}

.courgette {
    font-family: Courgette;
}

.courgettexl {
    font-family: Courgette;
    font-size: x-large;
}

.CBRBL {
    margin-left: -15px;
}

    .CBRBL label {
        margin-left: 5px;
        margin-right: 8px;
        display: inline;
    }

.dc {
    margin-left: -15px !important;
}
.DDL {
    /*min-width: 250px;*/
    color: #666;
    margin: 1px;
    font-family: Open Sans, Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.25;
    border: 1px solid #ccc;
    background-color: ghostwhite;
    border-radius: 5px;
    padding: 3px;
    font-size: medium;
    margin-top: 5px;
    margin-bottom: 5px;
    /*The below were making the arrow not show in Chrome*/
    /*-webkit-appearance: none;*/
    /*text-indent: 0.01px; In Firefox*/
    /*text-overflow: ''; In Firefox*/
}

@media screen and (max-width: 575px) {
    .DDL {
        max-width: 300px;
    }
}

.DDLPublic {
    /*min-width: 250px;*/
    color: #666;
    margin: 1px;
    font-family: Open Sans, Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.25;
    border: 1px solid #ccc;
    background-color: ghostwhite;
    border-radius: 5px;
    padding: 3px;
    font-size: medium;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    padding: 10px;
    /*The below were making the arrow not show in Chrome*/
    /*-webkit-appearance: none;*/
    /*text-indent: 0.01px; In Firefox*/
    /*text-overflow: ''; In Firefox*/
}

@media screen and (max-width: 575px;) {
    .DDLPublic {
        max-width: 300px;
    }
}

.DimGray {
    color: dimgray;
}

.displaynone {
    display: none !important;
}

.dropdown-item {
    text-decoration: none;
}

.dropdown-menu {
    line-height: .9em;
}

.fixedbottom {
    padding: 4px;
    height: 95px;
}

.green {
    color: green;
}

.h175 {
    height: 175px;
}

.height25 {
    height: 25px;
}

.height45 {
    height: 45px;
}

.height70 {
    height: 70px;
}

.height100p {
    height: 100% !important;
}

.imageFS {
    max-width: calc(100vw * .9);
    max-height: calc(100vh * .9);
    margin: auto;
    text-align: center;
}

.italic {
    font-style: italic;
}

.large {
    font-size: large;
}

.larger {
    font-size: larger;
}

.marginauto {
    margin: auto;
}

.margin0 {
    margin: 0px;
}

.margin5 {
    margin: 5px;
}

.margin10 {
    margin: 10px;
}

.margin20 {
    margin: 20px;
}

.marginbottom10 {
    margin-bottom: 10px;
}

.marginbottom20 {
    margin-bottom: 20px;
}

.marginleft25 {
    margin-left: 25px;
}

.marginleft50 {
    margin-left: 50px;
}

.marginleftminus10 {
    margin-left: -10px;
}

.marginright20 {
    margin-right: 20px;
}

.marginright50 {
    margin-right: 50px;
}

.margintop10 {
    margin-top: 10px;
}

.margintop20 {
    margin-top: 20px;
}

.maxheight100 {
    max-height: 100px;
}

.maxheight150 {
    max-height: 150px;
}

.maxwidth25 {
    max-width: 25%;
}

.maxwidth25vw {
    max-width: calc(100vw * .25);
}

.maxwidth100 {
    max-width: 100px;
}

.maxwidth100p {
    max-width: 100%;
}

.maxwidth150 {
    max-width: 150px;
}

.maxwidth350 {
    max-width: 350px !important;
}

.maxwidth400 {
    max-width: 400px !important;
}

.maxwidth600 {
    max-width: 600px;
}

.medium {
    font-size: medium;
}

.modalBack {
    background-color: #666;
    -ms-opacity: .6;
    -ms-filter: alpha(opacity=60);
    opacity: .6;
    filter: alpha(opacity=60);
}

.modalNotif {
    background-color: white;
    border: solid 3px silver;
    color: gray;
    padding: 10px;
    border-radius: 5px;
}

.mt5 {
    margin-top: 5px;
}

.nav-link {
    text-decoration: none;
}

.nodecoration {
    text-decoration: none !important;
}

.nowrap {
    text-wrap: none;
}

.opennav {
    font-size: 20px;
    cursor: pointer;
    color: white;
}

.opensans {
    font-family: "Open Sans";
}

.orgname {
    /*margin-left: 100px;*/
    color: white;
    font-size: x-large;
}

overflowxhide {
    overflow-x: hidden;
}

.pad2 {
    padding: 2px;
}

.pad5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.pad20 {
    padding: 20px;
}

.padtop5 {
    padding-top: 5px;
}

.pagebody {
    /*margin: -15px;*/
    margin: 0px !important;
    margin-top: 0px;
    margin-bottom: 0px;
    overflow-x: hidden;
    font-family: "Open Sans";
    color: none !important;
}

.pagecontainer {
    background-color: white;
    height: 100%;
    width: 100%;
    overflow-y: visible;
}

.pagetable {
    margin: auto !important;
    max-width: calc(100vw * .5);
}

@media screen and (max-width: 575px) {
    .pagetable {
        max-width: 350px;
    }
}

.pagetable95 {
    max-width: 95% !important;
    margin: auto !important;
    margin-top: 25px !important;
}

.pagetable600 {
    max-width: 600px !important;
    margin: auto !important;
    margin-top: 25px !important;
}

.pagetable1500 {
    margin: auto !important;
}

.pagetitle {
    font-size: x-large;
    color: white;
    padding: 3px;
    height: 40px;
}

.pgcntnr {
    min-height: calc(100vh - 355px);
    background-color: white;
}

.photo {
    height: 100px;
    border-radius: 6px;
}

.photo150h {
    height: 150px;
    border-radius: 8px;
    border: solid 1px silver;
    padding: 4px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.photo200 {
    max-height: 200px !important;
    max-width: 200px !important;
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 15px;
}

.photo250 {
    max-height: 250px;
    max-width: 250px;
    border-radius: 8px;
}

.photo80p {
    max-width: calc(100vh * .9);
    max-height: calc(100vh * .9;
    border-radius: 12px;
    border: solid 5px white;
}

.positionabsbottom {
    position: absolute;
    bottom: 0px;
}

.positionrelative {
    position: relative;
}

.publiclogo {
    min-height: 100px;
    max-height: 250px;
    float: left;
}

.red {
    color: red !important;
}

.rt {
    color: red;
}

.redtext {
    color: red !important;
}

.reqstar {
    font-size: x-large !important;
    color: red !important;
    display: inline !important;
}

.round12 {
    height: 12px;
    width: 12px;
    border-radius: 100%;
}

.shelterinfo {
    margin-top: 20px;
    padding: 10px;
    max-width: 80%;
    margin: auto;
    border: solid 1px silver;
    border-radius: 8px;
}

.sheltername {
    font-size: larger;
    font-weight: 600;
}


.silver {
    color: silver !important;
}

.SilverBox {
    border: 1px solid Silver !important;
    padding: 5px !important;
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    border-radius: 5px !important;
}

.silverlight {
    color: #eee;
}

.small {
    font-size: small !important;
}

.smaller {
    font-size: smaller;
}

.subtitle {
    text-transform: uppercase !important;
    font-weight: 600 !important;
}

.tbPublic {
    padding: 10px;
    width: 100%;
}

.title {
    font-family: Courgette;
    font-size: large;
    margin-bottom: -5px;
    text-align: center;
}

.titletext {
    color: white !important;
    text-decoration: none !important;
}

.underline {
    text-decoration: underline !important;
}

.verticalbottom {
    vertical-align: bottom !important;
}

.verticalmiddle {
    vertical-align: middle !important;
}

.white {
    color: white !important;
}

.width50p {
    width: 50%;
}

.width75p {
    width: 75%;
}

.width95p {
    width: 95%;
}

.width100p {
    width: 100%;
}

.width350 {
    width: 325px !important;
}

.WMText {
    color: silver;
    font-style: italic;
    font-size: x-small;
}

.xl {
    font-size: x-large !important;
}

.xlarge {
    font-size: x-large !important;
}

.XmlList li {
    list-style-type: square;
    text-align: left;
}

.XmlList ul {
    margin: 0px;
    list-style-type: square;
    text-align: left;
    margin-bottom: 0px !important;
}

.yellow {
    color: yellow;
}