#musaitliktakvimi {   margin-top:15px; display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;}

#musaitliktakvimi > table {border: 1px solid #ddd; height:auto;}

#musaitliktakvimi > table:nth-child(3n) {margin-right: 0;}

#musaitliktakvimi table tbody tr {border-bottom: 1px solid #ddd;}

#musaitliktakvimi table tbody tr:first-child td {height: 28px;}

#musaitliktakvimi table tbody tr td {border-right: 1px solid #ddd;text-align: center;line-height: normal;vertical-align: middle;position: relative;width: 44px;height: 24px;font-size: 12px;}

#musaitliktakvimi table tbody tr td:nth-child(7n) {border-right: 0;}

#musaitliktakvimi table tbody tr:last-child {border-bottom: 0;}



#musaitliktakvimi table tbody tr td.yesil {background: #fff;color: #000;}

#musaitliktakvimi table tbody tr td.kirmizi {background: #f16647;color: #fff;}

#musaitliktakvimi table tbody tr td.turuncu {background: #ff9800;color: #fff;}

#musaitliktakvimi table tbody tr td span {z-index: 9;position: relative;}

#musaitliktakvimi table tbody tr td.altyarim,

#musaitliktakvimi table tbody tr td.ustyarim,

#musaitliktakvimi table tbody tr td.altustyarim {background: transparent;color: #000;}

#musaitliktakvimi table tbody tr td.ustyarim:after { position: absolute;
    content: "";
    border-top: 24px solid #f16647;
    /* border-bottom: 36px solid transparent; */
    /* border-left: 12px solid #f16647; */
    border-right: 36px solid transparent;
    left: 0;
    top: 0;
    z-index: 0;}
    table.musaitlikgunler tr:last-child td {
        border-bottom: unset;
    }

.musaitliktakvimi_alert {float: left;width: 100%;background: #fff5f5;font-size: 12px;color: #747474;border: 0;padding: 5px 10px;line-height: normal;}



#musaitliktakvimi table tbody tr td.altustyarim:before {position: absolute;content: "";border-top: 12px solid #f16647;border-bottom: 12px solid transparent;border-left: 12px solid #f16647;border-right: 12px solid transparent;left: 0;top: 0;z-index: 0;}

#musaitliktakvimi table tbody tr td.altustyarim:after {position: absolute;content: "";border-bottom: 12px solid #f16647;border-top: 12px solid transparent;border-right: 12px solid #f16647;border-left: 12px solid transparent;right: 0;bottom: 0;z-index: 0;}



@media (max-width: 768px) {

	#musaitliktakvimi > table {width: 100%;margin-bottom: 10px;border: 1px solid #ddd;margin-right: 0px;}

	#musaitliktakvimi > table:nth-child(2n) {margin-right: 0;}

}

.start-date {background: #000 !important;}
.end-date {background: #000 !important;}


#musaitliktakvimi .musaitlikgunler td::before {
content: attr(data-title);
display: block;
font-size: 10px;

/* margin-bottom: 5px; */
position: absolute;
bottom: 0;
/* display: flex; */
/* justify-content: center; */
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
z-index: 1;
}
#musaitliktakvimi table tbody tr td {
width: 61px;
height: 53px;
position: relative;
}
td.kirmizi.altyarim.start-date {
background: #006ed0 !important;
}
td.kirmizi.ustyarim.start-date {
background: #006ed0 !important;
}
td.kirmizi.ustyarim.in-range.end-date {
background: #006ed0 !important;
}
td.yesil.start-date {
background: #006ed0 !important;
}
td.kirmizi.altyarim:before {
color: black !important;
}
td.kirmizi.ustyarim:before {
color: black !important;
}
td.yesil.in-range {
background: #c3dbf1 !important;
}

td.yesil.in-range.end-date {
background: #006ed0 !important;

}
td.yesil:hover:after {
content: "";
border: 1px solid #006ed0;
position: absolute;
left: 0;
height: 100%;
width: 100%;
top: 0;
}
td.disabled {
cursor: auto;
pointer-events: none;
}
td.yesil.in-range {
color: black !important;
}



td.yesil.in-range:before {
color: black !important;
}


@media(max-width:768px) {


.musaitlikTakvimi {
overflow: auto;
}



#musaitliktakvimi > table {
    width: 431px !important;

}
#musaitliktakvimi {
grid-template-columns: repeat(1, 1fr) !important;

}
#musaitliktakvimi .musaitlikgunler td::before {
font-size:11px;
transform:translate(-50%,0) !important;
}
#musaitliktakvimi table tbody tr td {
font-size:14px;

}
}


td.kirmizi.ustyarim.in-range {
background: #c3dbf1 !important;
}
td.kirmizi.altyarim.in-range {
    background: #c3dbf1 !important;
    }
table.musaitlikay {
width: 100%;
}

.musaitlikay-box {border: 1px solid #dddddd;}
.musaitlikay-box td {
    padding: unset !important;
}

td.kirmizi.ustyarim:after {
    content: "";
    background: #f16647 !important;
    clip-path: polygon(100% 0, 0% 100%, 0 0);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}

td.kirmizi.altyarim:after {
    content: "";
    background: #f16647 !important;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}

.musaitlikay-box tr {
    /* border: unset !important; */
}

.musaitlikay-box td {
    border-left: unset !important;
    border-top: unset !important;
 
}

.musaitlikay-box tr:not(:last-child) td:last-child {
    border-right: unset !important;
}

.musaitlikay-box tr {
    /* border-bottom: unset !important; */
}

.musaitlikay-box table.musaitlikay {
    border-bottom: unset;

}
table.musaitlikay > tbody > tr > td {
    border-bottom: unset;

}

.day-count {
    font-size: 12px; /* Yazı boyutu */
    color: #000; /* Yazı rengi */
    background-color: rgba(255, 255, 255, 0.8); /* Arka plan rengi */
    border: 1px solid #ccc; /* Kenar rengi */
    border-radius: 5px; /* Kenar yuvarlama */
    padding: 2px 5px; /* İç boşluk */
    position: absolute; /* Konumlandırma */
    z-index: 10; /* Diğer öğelerin üstünde görünmesi için */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Gölge efekti */
    display: inline-block; /* Satır içi blok görünümü */
    left: 50%; /* Ortalamak için */
    transform: translateX(-50%); /* Ortalamak için */
    top: 100%; /* td'nin altına yerleştir */
    margin-top: 5px; /* Üstten boşluk */
}
span.day-count {
    position: absolute !important;
    top: -29px;
    width: 118%;
}