html,
body {
    min-height: 100%;

}

.gfg {
    height: 50px;
    width: 50px;

}

.mynav {
    color: #fff;
}

.mynav li a {

    color: #222;

    text-decoration: none;
    width: 100%;
    display: block;
    border-radius: 5px;
    padding: 8px 5px;
    font-weight: bold;
}

.mynav li a.active {
    background: rgba(255, 255, 255, 0.2);
}

.mynav li a:hover {
    background: rgba(255, 255, 255, 0.2);
}

.mynav li a i {
    width: 25px;
    text-align: center;
}

.notification-badge {
    background-color: rgba(255, 255, 255, 0.7);
    float: right;
    color: #222;
    font-size: 14px;
    padding: 0px 8px;
    border-radius: 2px;
}

.sub-link {}

.topic {
    padding-left: 10px;

}


/* --- Özel Buton Stilleri --- */

/* Mavi Buton */
.btn-custom-blue {
    --bs-btn-color: #fff;
    --bs-btn-bg: #1E88E5;
    --bs-btn-border-color: #1E88E5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1976D2;
    --bs-btn-hover-border-color: #1565C0;
    --bs-btn-focus-shadow-rgb: 66, 165, 245;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1565C0;
    --bs-btn-active-border-color: #1565C0;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #1E88E5;
    --bs-btn-disabled-border-color: #1E88E5;
}

.btn-outline-custom-blue {
    --bs-btn-color: #1E88E5;
    --bs-btn-border-color: #1E88E5;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #1E88E5;
    --bs-btn-hover-border-color: #1E88E5;
    --bs-btn-focus-shadow-rgb: 30, 136, 229;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #1E88E5;
    --bs-btn-active-border-color: #1E88E5;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #1E88E5;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #1E88E5;
    --bs-gradient: none;
}

/* Turuncu Buton */
.btn-custom-orange {
    --bs-btn-color: #fff;
    --bs-btn-bg: #FB8C00;
    --bs-btn-border-color: #FB8C00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #F57C00;
    --bs-btn-hover-border-color: #EF6C00;
    --bs-btn-focus-shadow-rgb: 251, 140, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #EF6C00;
    --bs-btn-active-border-color: #EF6C00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #FB8C00;
    --bs-btn-disabled-border-color: #FB8C00;
}

.btn-outline-custom-orange {
    --bs-btn-color: #FB8C00;
    --bs-btn-border-color: #FB8C00;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FB8C00;
    --bs-btn-hover-border-color: #FB8C00;
    --bs-btn-focus-shadow-rgb: 251, 140, 0;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #FB8C00;
    --bs-btn-active-border-color: #FB8C00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FB8C00;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FB8C00;
    --bs-gradient: none;
}

/* Mor Buton */
.btn-custom-purple {
    --bs-btn-color: #fff;
    --bs-btn-bg: #8E24AA;
    --bs-btn-border-color: #8E24AA;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7B1FA2;
    --bs-btn-hover-border-color: #6A1B9A;
    --bs-btn-focus-shadow-rgb: 142, 36, 170;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #6A1B9A;
    --bs-btn-active-border-color: #6A1B9A;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8E24AA;
    --bs-btn-disabled-border-color: #8E24AA;
}

.btn-outline-custom-purple {
    --bs-btn-color: #8E24AA;
    --bs-btn-border-color: #8E24AA;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #8E24AA;
    --bs-btn-hover-border-color: #8E24AA;
    --bs-btn-focus-shadow-rgb: 142, 36, 170;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #8E24AA;
    --bs-btn-active-border-color: #8E24AA;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #8E24AA;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #8E24AA;
    --bs-gradient: none;
}

/* Yeşil Buton */
.btn-custom-green {
    --bs-btn-color: #fff;
    --bs-btn-bg: #43A047;
    --bs-btn-border-color: #43A047;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #388E3C;
    --bs-btn-hover-border-color: #2E7D32;
    --bs-btn-focus-shadow-rgb: 67, 160, 71;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2E7D32;
    --bs-btn-active-border-color: #2E7D32;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #43A047;
    --bs-btn-disabled-border-color: #43A047;
}

.btn-outline-custom-green {
    --bs-btn-color: #43A047;
    --bs-btn-border-color: #43A047;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #43A047;
    --bs-btn-hover-border-color: #43A047;
    --bs-btn-focus-shadow-rgb: 67, 160, 71;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #43A047;
    --bs-btn-active-border-color: #43A047;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #43A047;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #43A047;
    --bs-gradient: none;
}