*{
    margin: 0;
    padding: 0;
}
.rate {
    /* float: left; */
    height: 46px;
    padding: 0 10px;
}
.rate:not(:checked) > input {
    /* position:absolute;
    top:-9999px; */
    opacity: 0;
  height: 0;
  width: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

/* Modified from: https://github.com/mukulkant/Star-rating-using-pure-css */

/* testt */
body{
    background-image: url(./images/bg.jpg);
    background-position: center;
    background-size: cover;
    font-family: "Arial", serif!important;
    
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: #00aed3;
}
.nav-link:focus, .nav-link:hover {
    color: #9aced9;
}
.card-transparent{
    background-color: #f0f8ffab!important;
}

.card-feedback{
    background-color:#f0f8ffe8!important;
}

.quick-link{
    text-decoration: none;
    color: black;
    font-size: 1.2rem;
    font-weight: 600;
}
.btn.active{
    color: #9aced9;
    background-color:#16007d;
}

.btn-dark:hover{
    color: #9aced9;
    background-color:#16007d;
}
.fade {
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}