html, body
{
    font-family: Roboto, sans-serif;
}
 h1, h2, h3, h4, h5, h6
  {
      font-family: Roboto, sans-serif;
      color:#00b5e2;
      /*font-weight: bold;*/
  }
 a {
    color: #00b5e2;
    text-decoration: none;
}
 
 .primary
 {
     color:#00b5e2;
 }

.primary-bg {
   background-color: #00b5e2;
}

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



.boldblack
{
    font-weight:bold;
    color:#333333;
}
.boldblack:hover {
  /*  font-weight: bold;*/
    color: #000000;
}
.btn.homeprmbtn {
    color: #ffffff;
    background: #00b5e2;
    border: 1px solid #ffffff;
    /*background-image:none;*/
}


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


.btn.homedisprmbtn {
    color: #ffffff;
    background: #00b5e2;
    border: 1px solid #ffffff;
    /*background-image:none;*/
}


    .btn.homedisprmbtn:hover, .btn.homedisprmbtn:active {
        color: #ffffff;
        background: #00b5e2;
        border: 1px solid #ffffff;
    }






.btn.homeregbtn {
    color: #ffffff;
    background-image: none;
    background: #DD3333;
}


    .btn.homeregbtn:hover, .btn.homeregbtn:active {
        color: #ffffff;
        background: #B12929;
    }




.btn.homeinfobtn {
    color: #ffffff;
    background-image:none;
        background: #a00144; 
        
}


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


.btn.homedefbtn {
    color: #00b5e2;
    background-image:none;
        background: #ffffff; 
        border:none;
}


.btn.homedefbtn:hover, .btn.homedefbtn:active {
    color: #ffffff;
    background: #00b5e2; 
}


.btn[disabled], .btn:disabled {
    color: #cccccc;
    opacity: 0.65;
    cursor: default;
}
 
.list-group-item.active {
    color: #fff;
    background-color: rgba(0, 181, 226, 0.75);
    border-color:  rgba(0, 181, 226, 0.75);
}

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



*/