@charset "utf-8";

/*Dosya TO */
div#MainEsnekAlanDosyaSinirOrtala{
    display:block;
    width:100%;
    min-width:100%;
    max-width:100%;
    margin:0 auto;

}




.TamamlanmaYuzdesiBari{
    width:100%;
    border:1px solid black;
}
.TamamlanmaYuzdesiBariIci{
    box-sizing:border-box;
    padding-left:5px;
    background-color: greenyellow;
    line-height:19px;
}
table[name="Dosya"]{
    margin:0;
    border:none;
    border-top:1px solid black;
    border-bottom:1px solid black;
    border-collapse: collapse;
    font-family: "Poppins", sans-serif;
    color:black;
    font-style:normal;
    font-variant:normal;
    text-align:left;
    text-decoration:none;
}
@media only screen and (min-width:1200px){ /*XL*/ 
    
    table[name="Dosya"]{
        margin:0 auto 21px auto;
        width:85%;
        min-width:85%;  
        max-width:85%;
        font-size:14px;
    }

    th{
        padding:0;
        padding-top:7px;
        padding-bottom:7px;
    }

    th[name="Dosya"]{
        width:100px;
        min-width:100px;
        max-width:100px;
    }

    th[name="Ayrac"]{
        width:20px;
        min-width:20px;
        max-width:20px;
        padding-right:9px;
        text-align:right;
    }

    td[name="DosyaIcerik"]{
        width:auto;
    }

}
@media only screen and (min-width:992px) and (max-width:1200px){ 
    
    table[name="Dosya"]{
        margin:0 auto 19px auto;
        width:80%;
        min-width:80%;  
        max-width:80%;
        font-size:13px;
    }

    th{
        padding:0;
        padding-top:6px;
        padding-bottom:6px;
    }

    th[name="Dosya"]{
        width:100px;
        min-width:100px;
        max-width:100px;
    }

    th[name="Ayrac"]{
        width:10px;
        min-width:10px;
        max-width:10px;
        padding-right:7px;
        text-align:right;
    }

    td[name="DosyaIcerik"]{
        width:auto;
    }

}
@media only screen and (min-width:768px) and (max-width:992px){ 
    
    table[name="Dosya"]{
        margin:0 auto 17px auto;
        width:85%;
        min-width:85%;  
        max-width:85%;
        font-size:12px;
    }

    th{
        padding:0;
        padding-top:5px;
        padding-bottom:5px;
    }

    th[name="Dosya"]{
        width:100px;
        min-width:100px;
        max-width:100px;
    }

    th[name="Ayrac"]{
        width:5px;
        min-width:5px;
        max-width:5px;
        padding-right:7px;
        text-align:right;
    }

    td[name="DosyaIcerik"]{
        width:auto;
    }

}
@media only screen and (min-width:576px) and (max-width:768px){ 
    
    table[name="Dosya"]{
        margin:0 auto 17px auto;
        width:90%;
        min-width:90%;  
        max-width:90%;
        font-size:12px;
    }

    th{
        padding:0;
        padding-top:4px;
        padding-bottom:4px;
    }

    th[name="Dosya"]{
        width:90px;
        min-width:90px;
        max-width:90px;
    }

    th[name="Ayrac"]{
        width:4px;
        min-width:4px;
        max-width:4px;
        padding-right:4px;
        text-align:right;
    }

    td[name="DosyaIcerik"]{
        width:auto;
    }

}
@media only screen and (min-width:430px) and (max-width:576px){  
    
    table[name="Dosya"]{
        margin:0 auto 17px auto;
        width:100%;
        min-width:100%;  
        max-width:100%;
        font-size:12px;
    }

    th{
        padding:0;
        padding-top:4px;
        padding-bottom:4px;
    }

    th[name="Dosya"]{
        width:90px;
        min-width:90px;
        max-width:90px;
    }

    th[name="Ayrac"]{
        width:3px;
        min-width:3px;
        max-width:3px;
        padding-right:3px;
        text-align:right;
    }
    td[name="DosyaIcerik"]{
        width:100%;
    }
    div.TamamlanmaYuzdesiBari{
        width:-webkit-calc(100% - 1px);
        width:-moz-calc(100% - 1px);
        width:-o-calc(100% - 1px);
        width:-ms-calc(100% - 1px);
        width:calc(100% - 1px);
        min-width:-webkit-calc(100% - 1px);
        min-width:-moz-calc(100% - 1px);
        min-width:-o-calc(100% - 1px);
        min-width:-ms-calc(100% - 1px);
        min-width:calc(100% - 1px);
        max-width:-webkit-calc(100% - 1px);
        max-width:-moz-calc(100% - 1px);
        max-width:-o-calc(100% - 1px);
        max-width:-ms-calc(100% - 1px);
        max-width:calc(100% - 1px);
    }

}
@media only screen and (min-width:330px) and (max-width:430px){ 
    
    table[name="Dosya"]{
        margin:0 auto 17px auto;
        width:100%;
        min-width:100%;  
        max-width:100%;
        font-size:12px;
    }

    th{
        padding:0;
        padding-top:3px;
        padding-bottom:3px;
    }

    th[name="Dosya"]{
        width:90px;
        min-width:90px;
        max-width:90px;
    }

    th[name="Ayrac"]{
        width:3px;
        min-width:3px;
        max-width:3px;
        padding-right:2px;
        text-align:right;
    }
    td[name="DosyaIcerik"]{
        width:100%;
    }
    div.TamamlanmaYuzdesiBari{
        width:-webkit-calc(100% - 1px);
        width:-moz-calc(100% - 1px);
        width:-o-calc(100% - 1px);
        width:-ms-calc(100% - 1px);
        width:calc(100% - 1px);
        min-width:-webkit-calc(100% - 1px);
        min-width:-moz-calc(100% - 1px);
        min-width:-o-calc(100% - 1px);
        min-width:-ms-calc(100% - 1px);
        min-width:calc(100% - 1px);
        max-width:-webkit-calc(100% - 1px);
        max-width:-moz-calc(100% - 1px);
        max-width:-o-calc(100% - 1px);
        max-width:-ms-calc(100% - 1px);
        max-width:calc(100% - 1px);
    }

}
@media only screen and (max-width:330px){ 
    
    table[name="Dosya"]{
        margin:0 auto 17px auto;
        width:100%;
        min-width:100%;  
        max-width:100%;
        font-size:10px;
    }

    th{
        padding:0;
        padding-top:1px;
        padding-bottom:1px;
    }

    th[name="Dosya"]{
        width:90px;
        min-width:90px;
        max-width:90px;
    }

    th[name="Ayrac"]{
        width:3px;
        min-width:3px;
        max-width:3px;
        padding-right:0;
        text-align:right;
    }
    td[name="DosyaIcerik"]{
        width:100%;
    }
    div.TamamlanmaYuzdesiBari{
        width:-webkit-calc(100% - 1px);
        width:-moz-calc(100% - 1px);
        width:-o-calc(100% - 1px);
        width:-ms-calc(100% - 1px);
        width:calc(100% - 1px);
        min-width:-webkit-calc(100% - 1px);
        min-width:-moz-calc(100% - 1px);
        min-width:-o-calc(100% - 1px);
        min-width:-ms-calc(100% - 1px);
        min-width:calc(100% - 1px);
        max-width:-webkit-calc(100% - 1px);
        max-width:-moz-calc(100% - 1px);
        max-width:-o-calc(100% - 1px);
        max-width:-ms-calc(100% - 1px);
        max-width:calc(100% - 1px);
    }

}


tr:nth-of-type(odd){
    background-color: white !important;
}
tr:nth-of-type(even){
    background-color: white !important;
}

th[name="KullanmaKlavuzu"],th.KullanmaKlavuzuAyrac{
	vertical-align:top;
}
span[name="HeavyAsterisk"]{
    color:darkblue;
}
td.Aciklama{
    padding-top:7px;
}
td[name="DosyaIcerik"]{
    font-weight:bold;
    color:darkblue;
}

/*Dosya TF */