@charset "utf-8";
table[name="Tablo"]{
    border:2px solid #000;
    border-collapse: collapse;
    margin:0 auto;
    font-family:"Poppins", sans-serif;
    font-weight:600;
    width:100%;
    min-width:100%;
    max-width:100%;
    height:auto;
    min-height:auto;
    max-height:auto;
}
table[name="Tablo"] th{
    border:2px solid #000;
    background-color: #fff;
    color:darkblue;
    text-align:center;
    font-weight: 800;
    line-height: 2;
	vertical-align:middle;
    padding:0 2px 2px 2px;
}

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

tr td[name="birim"]{
    text-align:left;
}


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

    @media only screen and (min-width:1200px){ /*XL*/ 
        
        table[name="Tablo"]{
            font-size:16px;
        }

        th[name="baslik"]{
            font-size:17px;
        }
        
        tr td[name="birim"]{
            width:100px;
            min-width:100px;
            max-width:100px;
        }


    }

    @media only screen and (min-width:992px) and (max-width:1200px){  
        
        table[name="Tablo"]{
            font-size:15px;
        }

        th[name="baslik"]{
            font-size:16px;
        }
        
        tr td[name="birim"]{
            width:95px;
            min-width:95px;
            max-width:95px;
        }

    }

    @media only screen and (min-width:768px) and (max-width:992px){ 
        
        table[name="Tablo"]{
            font-size:14px;
        }

        th[name="baslik"]{
            font-size:15px;
        }
        
        tr td[name="birim"]{
            width:90px;
            min-width:90px;
            max-width:90px;
        }

    }

    @media only screen and (min-width:700px) and (max-width:768px){ 
        
        table[name="Tablo"]{
            font-size:13px;
        }

        th[name="baslik"]{
            font-size:14px;
        }
        
        tr td[name="birim"]{
            width:80px;
            min-width:80px;
            max-width:80px;
        }

    }

    @media only screen and (min-width:650px) and (max-width:700px){ 
        
        table[name="Tablo"]{
            font-size:11px;
        }

        th[name="baslik"]{
            font-size:12px;
        }
        
        tr td[name="birim"]{
            width:70px;
            min-width:70px;
            max-width:70px;
        }

        table[name="Tablo"] td{
            text-align:left;
        }
        
    }
    @media only screen and (min-width:300px) and (max-width:650px){ 
        
        table[name="Tablo"]{
            font-size:10px;
        }

        th[name="baslik"]{
            font-size:10px;
        }
        
        tr td[name="birim"]{
            width:65px;
            min-width:65px;
            max-width:65px;
        }

        table[name="Tablo"] td{
            text-align:left;
        }
        
    }
   

    @media only screen and (max-width:300px){ 
        
        table[name="Tablo"]{
            font-size:9px;
        }

        th[name="baslik"]{
            font-size:9px;
        }
        
        tr td[name="birim"]{
            width:55px;
            min-width:55px;
            max-width:55px;
        }

        table[name="Tablo"] td{
            text-align:left;
        }

    }