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

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

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

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




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

        th[name="baslik"]{
            font-size:14px;
        }

    }

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

        th[name="baslik"]{
            font-size:14px;
        }

    }

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

        th[name="baslik"]{
            font-size:11px;
        }

    }

    @media only screen and (min-width:576px) and (max-width:768px){ 
        
        table[name="Tablo"]{

            font-size:8px;

        }

        th[name="baslik"]{
            font-size:8px;
        }

    }

    @media only screen and (min-width:350px) and (max-width:576px){ 
        
        table[name="Tablo"]{

            font-size:7px; /*7*/
            direction:ltr;
            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;
			margin:0 auto;
        }

        th[name="baslik"]{
            font-size:7px; /*7*/
        }

    }

    @media only screen and (min-width:300px) and (max-width:350px){ 
        
        table[name="Tablo"]{

            font-size:7px; /*7*/
            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;
			margin:0 auto;

        }

        th[name="baslik"]{
            font-size:7px; /*7*/
        }

    }

    @media only screen and (max-width:300px){ 
        
        table[name="Tablo"]{
            font-size:6px; /*6*/
            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;
			margin:0 auto;


        }

        th[name="baslik"]{
            font-size:6px; /*6*/
        }

    }


span[name="A1"]::before{
    content: "\25BA	";
    padding: 0 4px 0 0;
}
span[name="A1"]{
    text-align: left;
    color: darkblue;
}

span[name="A2"]::before{
    content: "\25B8	";
    color: red;
    padding: 0 4px 0 0;
}

#A1{
    text-align:left;
}
#Obaslik{
    padding:4px;
    color: #fff;
    font-weight: 700;
}

tr:nth-of-type(odd){
    background-color: #D9D9D9;
}
tr:nth-of-type(even){
    background-color: #fff;
}