html, body
{
    font-family: Roboto, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Roboto, sans-serif;
    color: #2D2D5F;
    /*font-weight: bold;*/
}


.primary {
    color: #2D2D5F;
}
.primary-bg {
    background: #2D2D5F;
}
 /* remove rounding from cards, buttons and inputs */
.card, .btn, .form-control { border-radius: 0; }

 .rdbrd
    {
        border:1px dashed red;
    }

.btn.homeprmbtn {
    color: #ffffff;
    background: #2D2D5F;
    border: none;
    /*background-image:none;*/
}


.btn.homeprmbtn:hover, .btn.homeprmbtn:active {
    color: #ffffff;
    background: #757A9B;
}




.btn.homedftbtn {
    color: #2D2D5F;
    background: #ffffff;
    border: 1px #2D2D5F solid;
    /*background-image:none;*/
}


.btn.homedftbtn:hover, .btn.homedftbtn:active {
    color: #ffffff;
    background: #2D2D5F;
    border: 1px #2D2D5F solid;
}



.btn.homeinfobtn {
    color: #ffffff;
    background-image: none;
    background: #6CBE45; /*37bc7a;*/
    border: none;
}


    .btn.homeinfobtn:hover, .btn.homeinfobtn:active {
        color: #ffffff;
        background: #94E266;
    }


.list-group-item.active {
    color: #fff;
    background-color: #757A9B;
    /* border-color: #5270b5;*/
}

/*https://stackoverflow.com/questions/35351353/missing-visible-and-hidden-in-bootstrap-v4

Show/hide for breakpoint and down:

    hidden-xs-down (hidden-xs) = d-none d-sm-block
    hidden-sm-down (hidden-sm hidden-xs) = d-none d-md-block
    hidden-md-down (hidden-md hidden-sm hidden-xs) = d-none d-lg-block
    hidden-lg-down = d-none d-xl-block
    hidden-xl-down (n/a 3.x) = d-none (same as hidden)

Show/hide for breakpoint and up:

    hidden-xs-up = d-none (same as hidden)
    hidden-sm-up = d-sm-none
    hidden-md-up = d-md-none
    hidden-lg-up = d-lg-none
    hidden-xl-up (n/a 3.x) = d-xl-none

Show/hide only for a single breakpoint:

    hidden-xs (only) = d-none d-sm-block (same as hidden-xs-down)
    hidden-sm (only) = d-block d-sm-none d-md-block
    hidden-md (only) = d-block d-md-none d-lg-block
    hidden-lg (only) = d-block d-lg-none d-xl-block
    hidden-xl (n/a 3.x) = d-block d-xl-none
    visible-xs (only) = d-block d-sm-none
    visible-sm (only) = d-none d-sm-block d-md-none
    visible-md (only) = d-none d-md-block d-lg-none
    visible-lg (only) = d-none d-lg-block d-xl-none
    visible-xl (n/a 3.x) = d-none d-xl-block



*/