@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

:root {
    --ak1: #d50000;
    --ak2: #ff1744;
    --ak3: #ff5252;
    --ak4: #ff5722;
    --ak5: #d84315;
    --et1: #26a69a;
    --et2: #0097a7;
    --et3: #039be5;
    --ke1: #783b77;
}

body {
    font-family: 'Roboto', sans-serif;
}

.cfb {
    box-shadow: rgba(60, 64, 67, 0.1) 0px 1px 2px 0px, rgba(60, 64, 67, 0.1) 0px 1px 3px 1px;
}

.headerBorderBottom {
    background-color: #f5f5f5;
    border-bottom: 2px solid rgb(0 0 0 / 8%);
}

label[for^="RadioButtonList1"] {
    padding-left: 5px;
}

#RadioButtonList1 tr {
    float: left;
    border-left: 1px solid rgb(0 0 0 / 8%);
    padding-left: 7px;
    padding-right: 7px;
}



label[for^="cbAkademikTakvim"] {
    padding-left: 5px;
}

#cbAkademikTakvim td {
    float: left;
    border-left: 1px solid rgb(0 0 0 / 8%);
    padding-left: 7px;
    padding-right: 7px;
    margin-right:7px;
}

    #cbAkademikTakvim td:nth-child(1) {
        background-color: var(--ak1);
        padding-top: 7px;
        padding-bottom: 7px;
    }

        #cbAkademikTakvim td:nth-child(1) label {
            margin: 0;
            color: #fff !important;
        }

    #cbAkademikTakvim td:nth-child(2) {
        background-color: var(--ak2);
        padding-top: 7px;
        padding-bottom: 7px;
    }

        #cbAkademikTakvim td:nth-child(2) label {
            margin: 0;
            color: #fff !important;
        }

    #cbAkademikTakvim td:nth-child(3) {
        background-color: var(--ak3);
        padding-top: 7px;
        padding-bottom: 7px;
    }

        #cbAkademikTakvim td:nth-child(3) label {
            margin: 0;
            color: #fff !important;
        }

    #cbAkademikTakvim td:nth-child(4) {
        background-color: var(--ak4);
        padding-top: 7px;
        padding-bottom: 7px;
    }

        #cbAkademikTakvim td:nth-child(4) label {
            margin: 0;
            color: #fff !important;
        }

    #cbAkademikTakvim td:nth-child(5) {
        background-color: var(--ak5);
        padding-top: 7px;
        padding-bottom: 7px;
    }

        #cbAkademikTakvim td:nth-child(5) label {
            margin: 0;
            color: #fff !important;
        }



label[for^="cbEtkinlikler"] {
    padding-left: 5px;
}

#cbEtkinlikler td {
    float: left;
    border-left: 1px solid rgb(0 0 0 / 8%);
    padding-left: 7px;
    padding-right: 7px;
    margin-right: 7px;
}
    #cbEtkinlikler td:nth-child(1) {
        background-color: var(--et1);
        padding-top: 7px;
        padding-bottom: 7px;
    }

        #cbEtkinlikler td:nth-child(1) label {
            margin: 0;
            color: #fff !important;
        }
    #cbEtkinlikler td:nth-child(2) {
        background-color: var(--et2);
        padding-top: 7px;
        padding-bottom: 7px;
    }

        #cbEtkinlikler td:nth-child(2) label {
            margin: 0;
            color: #fff !important;
        }
    #cbEtkinlikler td:nth-child(3) {
        background-color: var(--et3);
        padding-top: 7px;
        padding-bottom: 7px;
    }

        #cbEtkinlikler td:nth-child(3) label {
            margin: 0;
            color: #fff !important;
        }


.sfu {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.btn-ak1 {
    color: #fff !important;
    background-color: var(--ak1);
    border-color: var(--ak1);
}

.btn-ak2 {
    color: #fff !important;
    background-color: var(--ak2);
    border-color: var(--ak2);
}

.btn-ak3 {
    color: #fff !important;
    background-color: var(--ak3);
    border-color: var(--ak3);
}

.btn-ak4 {
    color: #fff !important;
    background-color: var(--ak4);
    border-color: var(--ak4);
}

.btn-ak5 {
    color: #fff !important;
    background-color: var(--ak5);
    border-color: var(--ak5);
}


.btn-et1 {
    color: #fff !important;
    background-color: var(--et1);
    border-color: var(--et1);
}
.btn-et2 {
    color: #fff !important;
    background-color: var(--et2);
    border-color: var(--et2);
}
.btn-et3 {
    color: #fff !important;
    background-color: var(--et3);
    border-color: var(--et3);
}
.btn-ke1 {
    color: #fff !important;
    background-color: var(--ke1);
    border-color: var(--ke1);
}