html, #form1, body { height: 100%; position: relative; width: 100%; margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 10pt; color: #000; text-rendering: auto; font-variant: normal; -webkit-font-smoothing: antialiased; }
body { min-height: 100%; }

table { border-spacing: 0; margin: 0px; padding: 0px; }
td { padding: 0; }
img { border: none; }
a { text-decoration: none; outline: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 20px; text-rendering: auto; font-variant: normal; -webkit-font-smoothing: antialiased; }


.KontrolOnay { }

.div1152 { width: 1152px; margin: auto; }
.h1SayfaBaslik { display: block; background: #f1f1f1; color: #000; line-height: 40px; font-weight: 700; font-size: 13pt; margin: 0; margin-bottom: 20px; padding: 0; text-align: center; border-top: 1px solid #000; }
.divNoWarp { white-space: nowrap; }
.divScroll { width: 100%; overflow: auto; }
.uppercase { text-transform: uppercase; }
.txtGizliTammalama { display: inline-block; vertical-align: middle; width: 0; height: 0; overflow: hidden; position: absolute; left: -1000px; z-index: -999; }

.g-recaptcha { margin: 5px auto; }
    .g-recaptcha > div { margin: auto; }


.wrapper { position: relative; min-height: 100%; }

.content { position: relative; padding-bottom: 90px; }

.divLogolar { position: absolute; left: 0; bottom: 33px; right: 0; height: 45px; background: #e8e8e8; text-align: center; }
    .divLogolar .imgLogo { display: inline-block; vertical-align: middle; margin: 5px; height: 35px; }

.footer { position: absolute; left: 0; bottom: 0; right: 0; height: 33px; background: #3c3c3c; border-top: 1px solid rgba(255, 216, 0, 0.5); }
    .footer .div1152 { display: table; }
    .footer .divCopyright { line-height: 32px; display: table-cell; vertical-align: middle; color: #fff; }
    .footer .aInvilon { line-height: 32px; display: table-cell; vertical-align: middle; color: #fff; text-align: right; width: 200px; }


.divKullaniciGirisi { width: 100%; text-align: center; position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
    .divKullaniciGirisi .divGiris { display: inline-block; vertical-align: middle; background-color: #fff; border-radius: 15px; overflow: hidden; margin: auto 3px; width: 400px; height: 280px; -webkit-box-shadow: 10px 10px 17px -8px rgba(0,0,0,0.35); -moz-box-shadow: 10px 10px 17px -8px rgba(0,0,0,0.35); box-shadow: 10px 10px 17px -8px rgba(0,0,0,0.35); }
        .divKullaniciGirisi .divGiris .divBaslik { line-height: 50px; text-align: center; background: #000; color: #fff; font-size: 11pt; }

        .divKullaniciGirisi .divGiris .divBilgi { width: 80%; position: relative; padding: 0; margin: 5px auto; margin-bottom: 3px; }
            .divKullaniciGirisi .divGiris .divBilgi .txt { background: #fff; margin: auto; padding-left: 40px; outline: none; line-height: 40px; height: 40px; }
            .divKullaniciGirisi .divGiris .divBilgi .faAbsolute { position: absolute; left: 1px; top: 1px; width: 32px; height: 38px; line-height: 38px; text-align: center; background: transparent; color: #000; }

        .divKullaniciGirisi .divGiris .lnkGiris { display: block; margin: 5px auto; text-align: center; width: 100%; line-height: 40px; height: 40px; }
            .divKullaniciGirisi .divGiris .lnkGiris i { width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; }

        .divKullaniciGirisi .divGiris .aTelefon { display: block; margin: 20px auto auto auto; line-height: 50px; height: 50px; width: 100%; text-align: center; background: #000; color: #fff; font-size: 11pt; }
            .divKullaniciGirisi .divGiris .aTelefon i { display: inline-block; vertical-align: middle; line-height: 50px; height: 50px; width: 32px; font-size: 11pt; text-align: center; }


    .divKullaniciGirisi .divMarkalar { display: inline-block; vertical-align: middle; width: 400px; margin: auto 3px; text-align: center; border-radius: 15px; overflow: hidden; background: #fff; -webkit-box-shadow: 10px 10px 17px -8px rgba(0,0,0,0.35); -moz-box-shadow: 10px 10px 17px -8px rgba(0,0,0,0.35); box-shadow: 10px 10px 17px -8px rgba(0,0,0,0.35); }
        .divKullaniciGirisi .divMarkalar img { position: relative; display: block; width: 100%; }


.divMesajGenel { display: block; z-index: 99; position: fixed; left: 0; top: 0px; right: 0; bottom: 0; line-height: 30px; background: rgba(0, 0, 0, 0.3); overflow: auto; }
    .divMesajGenel .divMesajKutu { width: 768px; margin: auto; overflow: auto; background: #fff; border: 1px solid #000; position: absolute; left: 0px; top: 50px; right: 0px; }
    .divMesajGenel .divMesajKutuTamSayfa { width: 90%; }
    .divMesajGenel .divMesajKutu .divBaslik { color: #fff; text-align: center; line-height: 32px; height: 32px; background: #0F2027; background: #e7273a; }
        .divMesajGenel .divMesajKutu .divBaslik .spanKapat { cursor: pointer; position: absolute; top: 1px; right: 1px; width: 30px; height: 29px; line-height: 29px; font-weight: 700; display: block; background: #fff; color: #000; text-align: center; font-size: 13pt; z-index: 1; }
            .divMesajGenel .divMesajKutu .divBaslik .spanKapat:hover { color: #f00; }
    .divMesajGenel .divMesajKutu .divMesaj { padding: 5px; overflow: auto; }
    .divMesajGenel .divMesajKutu .divDugmeler { display: block; text-align: center; border-radius: 0 0 5px; background: #fff; padding: 5px 0; border-top: 1px solid rgba(0, 0, 0, 0.3); }

#divAjaxYukleniyor { display: block; z-index: 9999; position: fixed; left: 0; top: 0px; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); }
    #divAjaxYukleniyor img { display: block; width: 100px; margin: 100px auto 0 auto; }
    #divAjaxYukleniyor span { display: block; padding: 0 20px; max-width: 300px; margin: auto; font-size: 20px; text-align: center; line-height: 50px; background: #fff; color: #000; font-weight: 700; }


.lbl { background-color: #fff; padding: 0 10px; color: #000; display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 30px; height: 32px; border: 1px solid #eee; outline: none; }
.txt { background-color: #fff; padding: 0 10px; color: #000; display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 30px; height: 32px; border: 1px solid #eee; outline: none; }
    .txt:hover { border: 1px solid #ccc; outline: none; }
    .txt:focus { border: 1px solid #ccc; outline: none; }
.txtYarim { display: table-cell !important; vertical-align: middle !important; width: 50% !important; }
.txtArea { white-space: normal; height: 80px; line-height: 20px; }
.txtPasif { background-color: transparent; border: 1px solid transparent; outline: none; }


.divTarihOtomatik { display: inline-block; position: relative; z-index: 1; }
    .divTarihOtomatik input { display: inline-block; vertical-align: middle; width: 150px; padding-right: 32px; }
    .divTarihOtomatik .divOtomatikTarihAc { position: absolute; display: block; top: 0; right: 0; bottom: 0; width: 32px; background: #0b9ae1; z-index: 1; cursor: pointer; }
        .divTarihOtomatik .divOtomatikTarihAc:before { font-family: "Font Awesome 5 Free"; content: "\f073"; position: absolute; display: block; font-size: 13pt; line-height: 20px; height: 20px; color: #fff; text-align: center; z-index: 1; cursor: pointer; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
    .divTarihOtomatik .divTarihAcilanDiv { position: absolute; display: block; top: 100%; right: 0; width: 150px; background: #ebebeb; border: 1px solid #aaa; z-index: 2; text-align: left; }
        .divTarihOtomatik .divTarihAcilanDiv .divMenuTarih { line-height: 24px; color: #000; padding: 0 5px; cursor: pointer; font-size: 8pt; }
            .divTarihOtomatik .divTarihAcilanDiv .divMenuTarih:hover { background: #fff; color: #000; }

.divSatir { display: table; margin: auto; width: 100%; margin-bottom: 3px; }
    .divSatir .divSatirSol { display: table-cell; vertical-align: middle; width: 130px; padding: 0 10px 0 0; text-align: right; }
    .divSatir .divSatirSag { display: table-cell; vertical-align: middle; text-align: left; }
    .divSatir .divSatirBos { border: none; }

.faIconYonetim { color: #fff; font-size: 10pt; display: inline-block; vertical-align: middle; border: none; outline: none; width: 32px; height: 32px; line-height: 32px; cursor: pointer; text-align: center; margin: 0px; padding: 0; position: relative; }
    .faIconYonetim.fa-minus { background: #c0392b; }
    .faIconYonetim.fa-list { background: #4d83bd; }
    .faIconYonetim.fa-plus-square { background: #4dbd74; }
    .faIconYonetim.fa-search { background: #15aabf; }
    .faIconYonetim.fa-minus-circle { background: #c0392b; }
    .faIconYonetim.fa-times { background: #c0392b; }
    .faIconYonetim.fa-check { background: #4dbd74; }
    .faIconYonetim.fa-pencil-alt { background: #4dbd74; }
    .faIconYonetim.fa-angle-right { background: #203a43; }
    .faIconYonetim.fa-angle-left { background: #203a43; }
    .faIconYonetim.fa-angle-double-up { background: #ffc107; }
    .faIconYonetim.fa-angle-up { background: #203a43; }
    .faIconYonetim.fa-angle-down { background: #203a43; }
    .faIconYonetim.fa-angle-double-down { background: #ffc107; }
    .faIconYonetim.fa-envelope-open { background: #15aabf; }
    .faIconYonetim.fa-envelope { background: #15aabf; }
    .faIconYonetim.fa-file-invoice-dollar { background: #15aabf; }
    .faIconYonetim.fa-child { background: #bfbc15; }
    .faIconYonetim.fa-sync { background: #3d8b40; }
    .faIconYonetim.fa-print { background: #b42c2c; }
    .faIconYonetim.fa-save { background: #4dbd74; }
    .faIconYonetim:hover { border-radius: 50%; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -o-transition: all 500ms ease; -ms-transition: all 500ms ease; transition: all 500ms ease; }


.faIconGenel10 { color: #fff; font-size: 10pt; display: inline-block; vertical-align: middle; border: none; outline: none; width: 32px; height: 32px; line-height: 32px; cursor: pointer; text-align: center; margin: 0px; padding: 0; position: relative; }
.faIconGenel12 { color: #fff; font-size: 12pt; display: inline-block; vertical-align: middle; border: none; outline: none; width: 32px; height: 32px; line-height: 32px; cursor: pointer; text-align: center; margin: 0px; padding: 0; position: relative; }
.faIconGenel14 { color: #fff; font-size: 14pt; display: inline-block; vertical-align: middle; border: none; outline: none; width: 32px; height: 32px; line-height: 32px; cursor: pointer; text-align: center; margin: 0px; padding: 0; position: relative; }
.faIconYonetimPasif { background: #eee !important; }

.btnGenel { display: inline-block; vertical-align: middle; min-width: 100px; padding: 0 5px; cursor: pointer; color: #fff; height: 32px; line-height: 32px; overflow: hidden; margin: 0 3px; border: none; outline: none; text-align: left; }
.btnTuruncu,
.btnKirmizi,
.btnYesil,
.btnYesilKoyu,
.btnMavi,
.btnSari,
.btnGri,
.btnSiyah,
.btnTuruncu { display: inline-block; vertical-align: middle; cursor: pointer; color: #fff; width: 120px; text-align: center; padding: 0 10px; line-height: 32px; height: 32px; text-decoration: none; margin: 4px 2px; border: none; outline: none; }

.btnMavi { background: #0b9ae1; }
    .btnMavi * { background: #0b9ae1 !important; }
.btnMaviKoyu { background: #086a9b; }
    .btnMaviKoyu * { background: #086a9b !important; }
.btnLacivert { background: #0F2027; background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027); background: linear-gradient(to right, #2C5364, #203A43, #0F2027); }
    .btnLacivert * { background: transparent !important; }
.btnYesil { background: #4dbd74; }
    .btnYesil * { background: #4dbd74 !important; }
.btnYesilKoyu { background: #3d8b40; }
    .btnYesilKoyu * { background: #347637 !important; }
.btnKirmizi { background: #e7273a; }
    .btnKirmizi * { background: #e7273a !important; }
.btnSari { background: #ccd81f; }
    .btnSari * { background: #ccd81f !important; }
.btnTuruncu { background: #e5920f; }
    .btnTuruncu * { background: #e5920f !important; }
.btnGri { background: #9e9e9e; }
    .btnGri * { background: #9e9e9e !important; }
.btnSiyah { background: #000; }
    .btnSiyah * { background: rgba(0,0,0,0.68) !important; }


.tblListe { display: table; width: 100%; font-size: 9pt; table-layout: fixed; }
    .tblListe .tr { display: table-row; }
    .tblListe td, .tblListe .td { display: table-cell; vertical-align: middle; line-height: 24px; padding: 0 5px; text-align: left; color: #252324; background-color: #fff; border-left: solid 1px #ddd; border-bottom: solid 1px #ddd; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
    .tblListe tr:nth-child(2n+1) td, .tblListe tr:nth-child(2n+1) .td { background-color: #f1f1f1; }
    .tblListe tr:hover td, .tblListe .tr:hover .td, .tblListe tr:active td, .tblListe .tr:active .td { background-color: #666666; color: #fff; text-overflow: unset; overflow: auto; }
    .tblListe tr:nth-child(2n+1):hover td, .tblListe .tr:nth-child(2n+1):hover .td, .tblListe tr:nth-child(2n+1):active td, .tblListe .tr:nth-child(2n+1):active .td { background-color: #666666; color: #fff; text-overflow: unset; overflow: auto; }


    .tblListe td::-webkit-scrollbar, .tblListe .td::-webkit-scrollbar { width: 0px; height: 0; background: transparent; }
    .tblListe td::-webkit-scrollbar-thumb, .tblListe .td::-webkit-scrollbar-thumb { background: transparent; }


    .tblListe .tdDugmeler { text-align: center; padding: 0; }


    .tblListe .trFiltre { text-align: center; background-color: #d6d6ff; }
        .tblListe .trFiltre td, .tblListe .trFiltre .td { padding: 0; background-color: #eee; }
        .tblListe .trFiltre:hover td, .tblListe .trFiltre:hover .td { background-color: #eee; }
        .tblListe .trFiltre .tdTarihler { width: 150px; max-width: 150px; min-width: 150px; padding: 0; }
            .tblListe .trFiltre .tdTarihler input { display: table-cell; vertical-align: middle; width: 50%; font-size: 9pt; }
        .tblListe .trFiltre .btnFiltre i { width: 100%; color: #fff; background: #f00 }
        .tblListe .trFiltre .btnFiltre:hover i { border-radius: 0; background-color: #c0392b; }
    .tblListe td input, .tblListe td select, .tblListe .td input, .tblListe .td select { background-color: #fff; margin: 0; padding: 0 5px; border-radius: 0; color: #000; display: block; width: 100%; margin: 0; border-radius: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 32px; height: 30px; border: 1px solid #eee; outline: none; }

    .tblListe .trBaslik td, .tblListe .trBaslik:nth-child(2n+1) td, .tblListe .trBaslik .td, .tblListe .trBaslik:nth-child(2n+1) .td { background-color: #666666; line-height: 32px; padding: 0 5px; color: #fff; text-align: center; }
    .tblListe .trBaslik:hover td, .tblListe .trBaslik:nth-child(2n+1):hover td, .tblListe .trBaslik:hover .td, .tblListe .trBaslik:nth-child(2n+1):hover .td { background-color: #666666; color: #fff; }
    .tblListe .trBaslik a { color: #fff; width: 100%; }
        .tblListe .trBaslik a:hover { color: #ededff; text-decoration: underline; }

    .tblListe .trFooter { }
        .tblListe .trFooter td, .tblListe .trFooter:nth-child(2n+1) td, .tblListe .trFooter .td, .tblListe .trFooter:nth-child(2n+1) .td { background-color: #fff; color: #000; padding: 0; }
        .tblListe .trFooter:hover td, .tblListe .trFooter:nth-child(2n+1):hover td, .tblListe .trFooter:hover .td, .tblListe .trFooter:nth-child(2n+1):hover .td { background-color: #fff; color: #000; }

    .tblListe .trSatirSablon { display: none; }

.divKayitYok { display: block; line-height: 20px; border-top: solid 1px #aaa; background-color: #ccc; color: #000; line-height: 32px; text-align: center; }

.tdYesil { background: #007b2b !important; color: #fff !important; text-align: center !important; }
.tdMor { background: #ac2bc0 !important; color: #fff !important; text-align: center !important; }
.tdKirmizi { background: #e7273a !important; color: #fff !important; text-align: center !important; }
.tdMavi { background: #2b7cc0 !important; color: #fff !important; text-align: center !important; }
.tdGri { background: #858585 !important; color: #fff !important; text-align: center !important; }
.tdSari { background: #e2d700 !important; color: #fff !important; text-align: center !important; }
.tdTuruncu { background: #f98004 !important; color: #fff !important; text-align: center !important; }
.tdSiyah { background: #000000 !important; color: #fff !important; text-align: center !important; }


.divPager { display: none; text-align: center; margin-top: 10px; width: 100%; margin: auto; }
    .divPager .divOncekiSonraki { cursor: pointer; display: inline-block; vertical-align: middle; width: 32px; height: 32px; line-height: 30px; background: #fff; border: 1px solid #ddd; color: #000; }
        .divPager .divOncekiSonraki:hover { background: #041a4f; color: #fff; }
    .divPager .divPasif { cursor: default; background: #f1f1f1; border: 1px solid #ccc; color: #ccc; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
        .divPager .divPasif:hover { background: #f1f1f1; border: 1px solid #ccc; color: #ccc; }
    .divPager .divBasa { border-radius: 10px 0 0 10px; }
    .divPager .divOnceki { }
    .divPager .divSonraki { }
    .divPager .divSona { border-radius: 0 10px 10px 0; }
    .divPager .divSayfalar { display: inline-block; vertical-align: middle; }
        .divPager .divSayfalar .divSayfa { font-size: 8pt; cursor: pointer; display: inline-block; margin: 0 1px; vertical-align: middle; min-width: 32px; padding: 0 2px; line-height: 30px; height: 32px; background: #fff; border: 1px solid #ddd; color: #000; text-align: center; }
            .divPager .divSayfalar .divSayfa:hover { background: #041a4f; color: #fff; }
        .divPager .divSayfalar .divSayfaAktif { background: #041a4f; color: #fff; }
    .divPager .divKayitBilgisi { display: block; vertical-align: middle; margin: 0 3px; }
        .divPager .divKayitBilgisi .divKayitSayisi { display: inline-block; vertical-align: middle; padding: 0 5px; }
        .divPager .divKayitBilgisi .selSayfaAdet { display: inline-block; vertical-align: middle; padding: 0 5px; width: 50px; height: 24px; }

@media screen and (max-width :1152px) {
    .divSayfa { padding: 0 10px; }
    .div1152 { width: 100%; }
}

@media screen and (max-width :900px) {

    .content { position: relative; padding-bottom: 20px; }

    .divKullaniciGirisi { position: unset; left: unset; top: unset; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; transform: unset; }
        .divKullaniciGirisi .divGiris { display: block; margin: 15px auto; }
        .divKullaniciGirisi .divMarkalar { display: block; margin: 15px auto; }


    .divLogolar { position: relative; left: 0; bottom: auto; right: 0; height: auto; }

    .footer { position: relative; left: 0; bottom: 0; right: 0; height: auto; }
        .footer .div1152 { display: block; }
        .footer .divCopyright { display: block; text-align: center; }
        .footer .aInvilon { display: block; text-align: center; width: 100%; }
}

@media screen and (max-width :768px) {
    .divMesajGenel .divMesajKutu { width: 90%; }

    .divSatir { display: block; }
        .divSatir .divSatirSol { display: block; width: 100%; padding: 0 5px; text-align: left; }
        .divSatir .divSatirSag { display: block; }
        .divSatir .divSatirBos { display: none; }
}

@media screen and (max-width :400px) {
    .divKullaniciGirisi { position: unset; left: unset; top: unset; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; transform: unset; }
        .divKullaniciGirisi .divGiris { width: 100%; }
        .divKullaniciGirisi .divMarkalar { width: 100%; }
}