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


.primary {
    color: #404040;
}

 /* remove rounding from cards, buttons and inputs */
.card, .btn, .form-control { border-radius: 0; }

 .rdbrd
    {
        border:1px dashed red;
    }


.homeround {
   /* max-height:30px;
    height:30px;*/
    border-radius: 1.5rem;
}

.btn.homeprmbtn {
    color: #ffffff;
    background: #9173d6;
    border: 1px solid #9173d6;
    /*background-image:none;*/
    border-radius: 0.3rem;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}


    .btn.homeprmbtn:hover, .btn.homeprmbtn:active {
        color: #9173d6;
        background: #ffffff;
        border: 1px solid #9173d6;
    }

.btn.homedftbtn {
    color: #ffffff;
    background: #9173d6;
    border: 1px solid #9173d6;
    /*background-image:none;*/
    border-radius: 0.3rem;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}


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


.btn.homeinfobtn {
    color: #9173d6;
    background-image: none;
    background: #fff;
    border: 1px solid #9173d6;
    border-radius: 0.3rem;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    box-shadow: 0 6px 12px rgba(0,0,0,0.175);
}


    .btn.homeinfobtn:hover, .btn.homeinfobtn:active {
        color: #fff;
        background: #9173d6;
        border: 1px solid #9173d6;
    }


.list-group-item.active {
    color: #fff;
    background-color: rgba(0, 151, 222, 0.7); /*#00b5b0;*/
    border-color: rgba(0, 151, 222, 0.7); /*#00b5b0;*/
}

/*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



*/