.btn-square {
    width: 150px; /* Kare buton için belirlediğimiz genişlik */
    height: 150px; /* Yukarıdaki genişlik değeriyle aynı yükseklik değerini belirleyerek kare formu */
    line-height: 120px; /* Buton içindeki metni merkeze almak için */
    text-align: center; /* Buton içindeki metni merkeze almak için */
    font-size: 14px; /* Metin boyutunu ayarlamak için */
    padding: 0; /* Bootstrap'in varsayılan padding değerini sıfırlamak için */
}

.btn-purple {
    background-color: purple;
    color: white !important;
}

.btn-purple:hover {
    background-color: rebeccapurple;
    color: white !important;
}

.bttn-sm {
    width: 100px;
    height: 30px;
    line-height: 20px;
    text-align: center;
    font-size: 11px;
    padding: 0;
    border: none;
    border-radius: 5px;
}
.custom-dropdown-menu {
    top: 100%;  
    left: 0;  
    transform: none;
}
.is-invalid {
    border-color: #dc3545;
}