@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
.teklif-liste {
    display: flex;
    overflow-x: auto;
    gap: 10px;
    padding-bottom: 10px;
    white-space: nowrap;
}
.teklif-liste::-webkit-scrollbar {
    height: 6px;
}
.teklif-liste::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 10px;
}
.teklif-liste::-webkit-scrollbar-track {
    background: #eee;
}
.teklif > h2{
    font-size: 25px;
    padding: 0;
    text-align: left;
    font-weight: 600;
    font-family: sans-serif;
}
.teklif-x{
    width: 50%;
    float: left;
}
.teklif-y{
    width: 48%;
    float: right;
}
.teklif-col{
    margin-bottom: 10px;
}
.teklif-col > input{
    background: #f9f9f9;
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
    outline: none;
    font-size: 16px;
}
.teklif-hata{
    background: #f9f9f9;
    border: 1px solid #ddd;
    text-align: center;
    padding: 50px 0;
    font-size: 18px;
    font-family: sans-serif;
    font-style: italic;
    margin-bottom: 10px;
}
.teklif-flex{
    display: inline-block;
    padding:  0;
}
.teklif-flex > h2{
    font-size: 25px;
    margin: 10px 0;
    padding: 0;
    text-align: left;
    font-weight: 600;
    font-family: sans-serif;
}
.teklif-liste{
    margin: 0;
    padding: 0;
    display: block;
}
.teklif-liste > li{
    display: flex;
}
.teklif-ekle{
    display: inline-flex;
}
.teklif-ekle > div > input {
    background: #f9f9f9;
    width: 100%;
    border: 1px solid #ddd;
    padding: 27px 15px;
    outline: none;
    border-radius: 5px;
    font-size: 16px;
}
.teklif-sira{
    width: 5%;
    background: #f9f9f9;
    border: 1px solid #ddd;
    text-align: center;
    border-radius: 5px;
    padding: 27px 0;
    font-size: 19px;
}
.teklif-file{
    width: 7%;
    margin-left: 5px;
}
.teklif-urunadi{
    width: 35%;
    margin-left: 5px;
}
.teklif-file > a{
    background: #f9f9f9;
    border: 1px solid #ddd;
    display: block;
    text-align: center;
    padding: 23px 0;
    font-size: 36px;
    color: #222;
    border-radius: 5px;
}
.teklif-file > img{
    width: 100%;
    height: 84px;
    object-fit: contain;
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px;
}
.teklif-aciklama{
    width: 35%;
    margin-left: 5px;
}
.teklif-adet{
    width: 9%;
    margin-left: 5px;
}
.teklif-del{
    width: 8%;
    margin-left: 5px;
}
.teklif-adet > input{
    text-align: center;
}
.teklif-del > a {
    background: #222;
    display: block;
    color: #ffff;
    text-align: center;
    border-radius: 5px;
    padding: 29px;
}
.teklif-del > a:hover{
    background: #ff0000;
    color: #fff;
}
.teklif-url{
    display: block;
    text-align: center;
    padding: 15px 0;
}
.teklif-url > a{
    background: #222;
    color: #fff;
    padding: 12px 25px;
    border-radius: 5px;
}
.teklif-url > a:hover{
    background: #ff0000;
}
.teklif-bttn{
    display: block;
    text-align: right;
    padding: 15px 0;
}
.teklif-bttn > button{
    background: #222;
    color: #fff;
    padding: 12px 25px;
    border-radius: 5px;
}
.teklif-bttn > button:hover{
    background: #ff0000;
}
@media(max-width:768px){
    .teklif-x,.teklif-y{width: 49%;}
    .teklif-liste li{width: 980px;}
}