@import "reset.css";

.ortala { min-height:150px; overflow:hidden; border:#0CF 5px double; margin:auto; padding-bottom:10px; margin-top:50px!important; }
.ortala.uyeGirisi { width:250px; }
.ortala.yeniUye { width:300px;}
.ortala form h3 { width:100%; clear:both; text-align:center; height:30px; line-height:30px; }
.ortala form p { width:100%; margin-top:10px; padding:0px 10px; }
.ortala form p * { border-radius:5px; height:25px; line-height:25px; width:90%; padding:0px;  }
.ortala form p label { display:block; clear:both; margin-top:15px;   }

.ortala form p input[type="text"] { }
.ortala form p input[type="button"],input[type="submit"] { margin-top:10px;  }
.ortala form p input[type="submit"] { background-color:#066; font-weight:bolder; border:#09C 2px solid;}
.ortala form p label input[type="checkbox"] { width:25px; height:20px; line-height:20px;  float:right; margin:0px; }
.ortala.uyeIslemleri { width:300px;}
.ortala.uyeIslemleri a { margin-left:10px; width:calc(100% - 20px); padding:1px;background-color:#09C;  border-radius:5px; float:left; height:25px; text-align:center; line-height:25px; }
.mesajBolumu { background-color:transparent; display:block; width:100%; margin:10px 0px 0px 0px; padding:5px; clear:both; }
.eksikBilgi { background-color:#900!important; }

.servisRaporu { max-width:900px; display:block;  }
.servisRaporu p.tamSatir { clear:both;   }
.servisRaporu p.tamSatir span.soru { float:left; margin-top:2px; margin-left:3px; min-width:300px;  }
.servisRaporu p.tamSatir span.soru input , textarea { float:left; border-radius:5px; }
.servisRaporu p.tamSatir span.soru label { float:left; }
.servisRaporu p.tamSatir span.soru.tamSatir { width:100%; clear:both;}
.servisRaporu p.tamSatir span.soru label.solBaslik { width:150px; padding-left:3px; border-bottom:#09C 1px dotted; padding-right:3px; height:20px; line-height:20px;  }
.servisRaporu p.tamSatir span.soru label.ustBaslik { padding-left:3px; clear:both; margin-bottom:5px; width:96%; font-size:12px; font-weight:bolder;  }
.servisRaporu p.tamSatir span.soru label.kucukBaslik { margin-left:10px; width:auto; min-width:100px; float:left;  }
.servisRaporu p.tamSatir span.soru select { min-width:300px; margin:0px;}
.servisRaporu p.tamSatir span.soru textarea { height:50px; font-size:11px; margin-left:3px; width:96%; }

.servisRaporu p.tamSatir span.soru input[type="checkbox"] { width:20px; height:20px; line-height:20px; margin:0px; padding:0px; margin-right:5px; }
.servisRaporu p.tamSatir span.soru input[type="radio"] { width:20px; height:20px; line-height:20px; margin:0px; padding:0px;margin-right:5px; }
.servisRaporu p.tamSatir span.soru input.ddTarih { padding:0px; margin:0px; text-align:center; } 
.servisRaporu p.tamSatir span.soru input.ddGun { width:20px;} 
.servisRaporu p.tamSatir span.soru input.ddAy { width:20px; } 
.servisRaporu p.tamSatir span.soru input.ddYil { width:30px; } 
.servisRaporu p.tamSatir span.soru input.ddSaat { width:20px; } 
.servisRaporu p.tamSatir span.soru input.ddDakika { width:20px; }


.araKarakter { width:5px; float:left; margin:0px; padding:0px; height:20px; line-height:20px; font-weight:bolder; text-align:center; color:#09C  } 
.soluSil { clear:left; }
.sagiSil { clear:right; }
.solSagSilme { clear:none!important; }
.ddSeriNo { width:140px; padding-left:5px; }
div.tasarimAsamasinda { width:100%; height:300px; display:block; vertical-align:middle; margin:auto;}
.tasarimAsamasinda span { width:100%; font-size:14px; font-weight:bolder; color:#036; text-align:center; vertical-align:middle; display:block; }
label.kucukBaslik { margin-left:8px; float:left; height:20px; line-height:20px;  }

div.sola input[type="checkbox"] { width:20px; height:20px; line-height:20px; margin:0px; padding:0px; float:left;  }
.icerikOrtala { text-align:center; }
.icerik { padding-left:5px; }
.sola form p input[type="radio"] { width:20px; height:20px; line-height:20px; margin:0px; padding:0px;margin-right:5px; }
.sola form p label { float:left; min-width:100px;  }
.sola form p label.kucukSoru { min-width:10px; }
input.aramaUst { padding-left:5px; min-width:50px; }
.sola form p input.icerik { padding-left:5px; }
.sola form p input.miktar { width:35px;text-align:right; padding-left:0px; padding-right:5px; }
div.aramaCevap { padding:5px 0px 0px 5px; background-color:#09F; display:none; position:absolute; border-radius:5px; background-color:#CCC; }
div.aramaCevap ul { width:calc(100% + 45px); margin:0px; padding:0px;  }
div.aramaCevap ul li { width:calc(100% - 45px); border-bottom:#036 1px solid; cursor:pointer; margin:0px; }
div.aramaCevap ul li span.bakiye { float:right; display:block; clear:none; width:30px; padding:0px; margin:0px; height:20px; overflow:hidden;background:none; }
div.aramaCevap ul li:hover { background-color:#09C;}
.woto { width:auto; }


.yaziSaga { text-align:right; }
.kucukSoru { padding-right:10px; margin-left:5px; min-width:0px;}

.pad10 { padding:10px!important; line-height:normal!important; height:auto!important; width:auto!important; }
.uste10 { margin-top:10px; }
.mar10 { margin:5px!important; }
input[readonly="readonly"] { background-color:#CCC; }
.padSag10 { padding-right:10px;}
a.dugmeTamSatir {float:left; margin-bottom:10px; line-height:25px; height:25px; background-color:#09C; width:98%; text-align:center; border:#0C0 2px outset; border-radius:5px; }
span a.dugmeTamSatir { width:40%; border:none; margin-top:5px; float:right; margin-right:15px; }
.tamSatir { width:100%; clear:both; }
.btYazdir { padding:5px; margin:5px; background-color:#09C; height:25px; line-height:25px; text-align:center;  border-radius:5px; display:block; float:left; }

#resimGoster { position:absolute; min-width:200px; min-height:200px; background-color:#CCC; top:0; left:0px; margin:0;  height:auto; width:auto; display:none; }
#resimGoster a { float:right; height:20px; width:50px; background-color:#09C; border:#00C 1px solid; border-radius:5px; padding:3px 5px; text-align:center; font-weight:bolder;  }
#resimGoster img { overflow:visible; display:block; float:left; }

@media print {
    .yazma { display:none!important; }
    .yaz { display:block!important; }
    body { background:none!important; }
}

nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
nav > input[type="text"]
{
    min-width: 300px; 
    display: block; 
    float: left; 
    font-size: 0.875rem;
    line-height: 25px; 
    padding: 5px 5px!important; 
    margin: 0px 0px!important;
    border-radius: 5px;
    border: none;
}
.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  clear: none;
  float: left;
  margin-right: 5px;
}

select.page-item  {
  border-radius: 0.25rem;
  margin:0px; padding:2px 1px!important;
  height: 30px!important;
  line-height: 30px!important;
  width: auto;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.2rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #007bff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}

.page-link:hover {
  color: #0056b3;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.page-link:focus {
  z-index: 2;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.page-link:not(:disabled):not(.disabled) {
  cursor: pointer;
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
    padding: 4.5px 1px;
  height: 20px;
  line-height: 20px;

}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}