@charset "utf-8";

table[name="Tablo"]{
    border:1px solid #000;
    border-collapse: collapse;
    margin:0 auto;
    font-family:"Poppins", sans-serif;
    font-weight:500;
    width:100%;
    min-width:100%;
    max-width:100%;
    height:auto;
    min-height:auto;
    max-height:auto;
}
table[name="Tablo"] th{
    border:1px solid #000;
    background-color: #fff;
    color:darkblue;
    text-align:left;
    font-weight: 700;
	vertical-align:middle;
    padding:0 2px 2px 2px;
}

table[name="Tablo"] td{
    border:1px solid #000;
    color:#000;
    text-align:center;
    font-weight:400;
}
table[name="Tablo"] tr{
    color:#000;
    text-align:center;
}

[name="birim"]{
    color:red;
}

[name="donati"]::before{
    content: "\2205";
}

@media only screen and (min-width:1200px){ /*XL*/ 
    
    table[name="Tablo"]{
        font-size:14px;
    }
    
    span[name="Acilim"], td.tdsol{
    font-weight:500;
    font-size:13px; 
    }
    
    table th.CCC{       
    font-size:14px;
    }

}
@media only screen and (min-width:992px) and (max-width:1200px){ /*L*/ 
    
    table[name="Tablo"]{
        font-size:13px;
    }
    
    span[name="Acilim"], td.tdsol{
    font-weight:500;
    font-size:13px; 
    }
    
    table th.CCC{       
    font-size:13px;
    }

}

    

@media only screen and (min-width:768px) and (max-width:992px){ /*M*/ 
    
    table[name="Tablo"]{
        font-size:13px;
    }
    
    span[name="Acilim"], td.tdsol{
    font-weight:500;
    font-size:11px; 
    }
    
    table th.CCC{       
    font-size:13px;
    }
    
}
@media only screen and (min-width:576px) and (max-width:768px){ /*S*/ 
    
    table[name="Tablo"]{
        font-size:11px;
    }
    
    span[name="Acilim"], td.tdsol{
    font-weight:500;
    font-size:7px; 
    }
    
    table th.CCC{       
    font-size:11px;
    }
    
}
@media only screen and (min-width:404px) and (max-width:576px){ /*S*/ 
    
    table[name="Tablo"]{
        font-size:7px;
    }
    
    span[name="Acilim"], td.tdsol{
    font-weight:500;
    font-size:5px; 
    }
    
    table th.CCC{       
    font-size:7px;
    }
    
}

@media only screen and (max-width:404px){ /*XS*/ 
    
    table[name="Tablo"]{
        font-size:6px;
    }
    
    span[name="Acilim"], td.tdsol{
    font-weight:500;
    font-size:5px; 
    }
    
    table th.CCC{       
    font-size:6px;
    }

}



#kaynak{
    display: grid;
    grid-template-columns: auto auto auto;
}
.kaynak{
    border:none;
    overflow: hidden;

}

div.kaynaksol{
    text-align:left;
}
div.kaynakorta{
   text-align: center;
}
div.kaynaksag{
    text-align:right;
}

table th.CCC{       
            /* -webkit-writing-mode:vertical-rl; */
            /* -moz-writing-mode:vertical-rl; */
            /* -o-writing-mode:vertical-rl; */
            /* -ms-writing-mode:vertical-rl; */
            /* writing-mode:vertical-rl;*/
            -webkit-rotate: 180deg;
            -moz-rotate: 180deg;
            -o-rotate: 180deg;
            -ms-rotate: 180deg;
            rotate: 180deg;
            text-align:center;
            margin:0;
            padding: 0;
            outline:none;
            border:1px solid black;
            z-index: 998;
}
tr td.tdsol{
    text-align: left;
}
th[scope="col"]>span {
  writing-mode: vertical-lr;
  z-index:999;
}/*
            direction:ltr;
            -webkit-writing-mode:vertical-rl;
            -moz-writing-mode:vertical-rl;
            -o-writing-mode:vertical-rl;
            -ms-writing-mode:vertical-rl;
            writing-mode:vertical-rl;
            -webkit-rotate: 180deg;
            -moz-rotate: 180deg;
            -o-rotate: 180deg;
            -ms-rotate: 180deg;
            rotate: 180deg;
*/