.body,html{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #edf6fd !important;
}

.bg-01{
    background-color: #1976c5;
}

.bg-02{
    background-color:#edf6fd ;
}

.bg-03{
    background-color: #c0e0f9;
}

.bg-04{
    background-color: #a0d0f6;
}

.bg-05{
    background-color: #edf4fa;
}



.search{
    margin-bottom: auto;
    margin-top: auto;
    height: 70px;
    background-color: #fff;
    border-radius: 40px;
    padding: 10px;
    }

    .search_input{
    color: white;
    border: 0;
    outline: 0;
    background: none;
    width: 0;
    margin-top:5px;
    caret-color:transparent;
    line-height: 40px;
    transition: width 0.4s linear;
    }

    .search .search_input{
    padding: 0 10px;
    width: 550px;
    caret-color:#1976c5;
    transition: width 0.4s linear;
    }
    
    .search:hover > .search_icon{
    background: #1976c5;
    color: #fff;
    }

    .search_icon{
    height: 60px;
    width: 60px;
    float: right;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color:white;
    background-color:#c0e0f9;
    }
    
a:link{
    text-decoration:none;
}   

.fa-color-blue{
    color: #1976c5;
}
.dropdown-item{
    border-bottom: 1px #edf6fd solid;
}

.card{
border: 0px white solid;
margin: 5px;
word-wrap: break-word;
height: auto;
}

.card:hover{
    background-color: #a0d0f6;
    cursor: pointer;
}

.list-group>li{
    background-color:#ddedf7;
}

.indiriste_ustlinkler:visited{
    color:black;
}

.rate-blue{
    color: var(blue);
}

.c-item{
    height: 400px;
}

.c-img{
    height: 100%;
    object-fit:initial;
    filter:brightness(1);

}

.card-item{
    height: auto;
}

.card-img{
    height: 100%;
}



.mytable tr {
    line-height: 20px;
    min-height: 20px;
    height: 20px;
    border-bottom: 0px solid white;
    
 }

.mytable
 {
    background-color: #edf4fa;
    line-height: 25px;
 }

#yaziiciresim{
    width: 400px; height: auto;
}

 @media (min-width: 481px) and (max-width: 767px) {
  
    #yaziiciresim{
        width:100%;
        margin-top:10px;
    }
    
  }
  
  
  @media (min-width: 320px) and (max-width: 480px) {
    
    #yaziiciresim{
        width:100%;
        margin-top:10px;
    }
    
  }


.yaziiciresimyeri ul {
	
	padding-left:15px;
}

.yaziiciresimyeri ul li {
	
	padding-left:15px;
}

    /* Yıldızların görünümü */
    .star-rating {
      display: flex;
      justify-content: center;
    }
	.star-rating input{display:none;}

    .star-rating label {
      font-size: 30px;
      color: #ddd; /* Varsayılan gri renk */
      cursor: pointer;
      transition: color 0.3s ease;
    }

    /* Hover durumunda yıldızlar sarıya döner */
    .star-rating label:hover,
    .star-rating label:hover ~ label {
      color: gold;
    }
	.star-rating label{
	font-size:1.5rem;
	}