@import url("DS.css");

@font-face { font-family: ZWFont1; src: url('MangoSans-Light.eot'); src: url('MangoSans-Light.eot?#iefix') format('embedded-opentype'), url('MangoSans-Light.woff') format('woff'), url('MangoSans-Light.ttf') format('truetype'), url('MangoSans-Light.svg#arialnarrow') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: ZWFont2; src: url('MangoSans-Regular.eot'); src: url('MangoSans-Regular.eot?#iefix') format('embedded-opentype'), url('MangoSans-Regular.woff') format('woff'), url('MangoSans-Regular.ttf') format('truetype'), url('MangoSans-Regular.svg#arialnarrow') format('svg'); font-weight: normal; font-style: normal; }

/* Zeki Alert ############### */
.modalBackgroundUP { position: fixed; left: 0px; top: 0px; width: 100vw; height: 100vh; background-color: #fff; opacity: 0.8; z-index: 1000; }
.modalBackgroundUP  table { width: 100%; height: 100%; text-align: center; vertical-align: middle; }
.modalBackground { background-color: black; filter: alpha(opacity=80); opacity: 0.8; z-index: 1000; }
.divAlertBack{display:none;position:fixed;top:0;left:0;z-index:100000;width:100%;height:100%;background-color:#000;opacity:.7}
.divAlertCerceve{display:none;position:fixed;top:50%;left:0;z-index:100001;width:100%;height:150px;margin-top:-100px;background-color:#232323;opacity:1;color:#fff}
.divAlertCerceveIc{font-family:Arial;position:relative;left:50%;width:980px;margin-left:-500px;padding:10px}
.divAlertCerceveIc span{font-size:26px;height:50px;display:block}
.divAlertCerceveIc p{font-size:16px;min-height:50px}
.divAlertCerceveIc input{float:right;border:solid 2px #fff;padding:5px 15px;background-color:#232323;margin:2px;color:#fff;font-family:Arial;font-size:12px;cursor:pointer}
.divAlertCerceveIc input:hover{background-color:#0050ef}
@media screen and (max-width:1050px) { .divAlertCerceveIc{position:relative;left:10%;width:80%;margin-left:0;padding:10px} }
.divNotice { display: none; z-index: 100002; position: fixed; right: 30px; bottom: 25px; padding: 15px 30px; background-color: #59bda5; box-shadow: 0 0 30px rgba(0,0,0,.2); color: #fff; font-family: Arial; font-size: 300%; text-align: center; }
.divNoticeR1 { background-color: #52c4fd; }
.divNoticeR2 { background-color: #795548; }
.divNotice img { max-width: 20vw; }
/* Zeki Alert ############### */


/* fullscreen */
:-webkit-full-screen { margin: 0px 0px; width: 100%; height: 100%; background-color: #fff; }
:-moz-full-screen { margin: 0px 0px; width: 100%; height: 100%; background-color: #fff; }
:-ms-fullscreen { margin: 0px 0px; width: 100%; height: 100%; background-color: #fff; }
:full-screen { margin: 0px 0px; width: 100%; height: 100%; background-color: #fff; }
:fullscreen { margin: 0px 0px; width: 100%; height: 100%; background-color: #fff; }

/* styling the backdrop*/
::backdrop { /* properties */ }
::-ms-backdrop { /* properties */ }


/* SABITS */
html { touch-action:none; }
body { margin: 0px; background-color: #fff; color: #000; font-family: ZWFont1, Arial; font-size: 12px; line-height: 1.42857143; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
input[type=checkbox], input[type=radio] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
input[type=checkbox] + label, input[type=radio] + label {padding-left: 30px;padding-right: 0px;margin: 2px;height: 25px;display: inline-block;line-height: 25px;background-repeat: no-repeat;background-position: 0 0;vertical-align: middle;cursor: pointer;background-image: url(../img/toolCheck.png);}
input[type=checkbox]:checked + label, input[type=radio]:checked + label { background-image: url(../img/toolCheck.png); background-position: 0 -25px; }
input[type=text], input[type=date], textarea, input[type=number] { text-indent: 0px; padding: 0px 5px; width: calc(100% - 0px); height: 35px; background-color: #fff; border: none; color: #363636; line-height: 250%; font-size: 13px; }
select { border: transparent;
    background-color: #fff;
    padding: 5px 25px 5px 5px;
    height: 35px;
    font-family: 'ZWFont2';
    font-size: 14px;
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    appearance: none;
    background: url(../img/icoDDOk.png) no-repeat right center;}
option { font-family: Arial !important; }
*::-webkit-scrollbar { width: 5px; background-color: #eee; }
/**::-webkit-scrollbar-button:vertical:increment { height: 10px; background: url(../img/icoScrollBar.png) no-repeat 0px -15px; }
*::-webkit-scrollbar-button:vertical:decrement { height: 10px; background: url(../img/icoScrollBar.png) no-repeat 0px 0px; }*/
*::-webkit-scrollbar-track { background-color: #ccc; width:1px; border:1px solid #fff; }
*::-webkit-scrollbar-button { display: none; }
*::-webkit-scrollbar-thumb { background-color: #111e58; }

input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-clear-button { display: none; }
input[type="date"]::-webkit-calendar-picker-indicator { background: url(../img/icoDDCal.png) no-repeat right center !important; color: rgba(0, 0, 0, 0); opacity: 1; display: block; width: 20px; height: 20px; }

.aDisable { pointer-events: none; cursor: default; }

.tl { font-family: TL; font-size: 85%; }
.tl2 { font-family: TL; font-size: 85%; }
.tl3 { font-family: TL; font-size: 85%; }
.tl4 { font-family: TL; font-size: 85%; }

.txt7,.txt2 {width:40px;
}
.txt6 {width:90px;
}
.txt0 {
    width: 120px;
}
.acIcerikUrun { cursor: pointer; padding: 10px 5px; width: 100%;
                background-color: #ffffff; border-bottom: #e9e9e9 1px solid; border-left: solid 1px #e9e9e9; border-right: solid 1px #e9e9e9;
                color: #333333; font-size: 12px; vertical-align: middle; }

.acIcerikUrun2 { cursor: pointer; padding: 10px 5px; width: 100%;
                 background-color: #ffffff; border-bottom: #e9e9e9 1px solid; border-left: solid 1px #e9e9e9; border-right: solid 1px #e9e9e9;
                 color: #9b3799; font-size: 12px; vertical-align: middle; }


.btnSil_k, .btnDuzenle_k, .btnTemizle_k, .btnKaydet_k, .btnTasi_k, .btnYenile_k, .btnPasifle_k, .btnExcel_k, .btnPdf_k { background-repeat: no-repeat; background-position: center; width: 22px; height: 22px; border: none; cursor: pointer; background-color: transparent; }
.btnYenile_k { background-image: url(../img/btnYenile.png); width: 20px;height: 20px;background-size: contain; }
.btnExcel_k { background-image: url(../img/btnExcel.png); width: 20px;height: 20px;background-size: contain; }
.btnPdf_k { background-image: url(../img/btnPdf.png); }

.ds, .ds2 { display: table; margin: auto auto; width: auto !important; color: #2fac68 !important; font-size: 14px !important; font-family: Arial !important; }
.ds a, .ds2 a { display: table; border-bottom: 0px !important; line-height: 190% !important; font-size: 100% !important; color: #333 !important; }
.ds a:before { content: "•••"; display: block; float: left; margin-right: 5px; color: #2fac68; font-size: 300%; line-height:65%; }
.ds a img { width: 0px; float: left; height: 30px; margin-top: 2px !important; margin-right: 0px !important; transition: width .3s; }
.ds:hover #ds { width: 125px; margin-right: 5px !important; transition: width .5s; }
/**********************************/


/* GENEL */
.divContainer { position: relative; display: block; margin: auto auto; padding: 2% 2%; width: calc(100%) !important; }
.divContainerBack { width: 100%; background-color: #f8f7f7; /*background: url(../img/backContainer.jpg) no-repeat center top;*/ background-size: 100% auto;  }
.divContainerBackAna { width: 100%; background: url(../img/backContainer.jpg) no-repeat center 75vh; background-size: 100% auto; }

.divMenuUstSabit{display:table; width:100%; padding: 5px 0px; background-color:#da3109; font-size: 200%; font-weight: bold; color:#fff; text-align: center; animation: color-change 1s infinite;}
.divMenuUst { display: table; width: 100%; }
.divMenuIc { position: relative; display: table; width: 100%; padding: 5px 20px; margin: auto auto; border-bottom: solid 1px #ededed; line-height: 60px; }
/*.divMenuIc:before { content: ""; position: absolute; left: 0px; top: 80px; width: 100%; height: 1px; background-color: #ededed; }*/
.divMenuIcFixed { position: fixed; z-index: 111;width:100%; top: 0px; background-color: #fff; border-bottom: solid 1px #e7e7e7;padding:0px; }
.divMenuIcFixed .aLogo { height: 50px; }

.divMLeft { position: fixed !important; z-index: 200; top: 0px; left: -250px; width: 250px !important; height: 100%; margin: 0px 0px 0px 0px !important; overflow-y: auto !important; background-color: #f0f0f0; border: solid 0px #dfdfdf; }
.divMLeft > * { padding: 15px 10px 10px 10px; border-bottom: solid 1px #dfdfdf; }
.divMLeft > *:last-child { border-bottom: none; }
.divMLeftBaslik { display: none; background-color: #fff; }
.aMLeftLogo { display: inline-block; width: 45px; height: 40px; background: url(../img/logoMLeft.png) no-repeat center center; }
.aMLeftKapat { float: right; display: inline-block; width: 30px; height: 30px; background: url(../img/btnMLeftKapat.png) no-repeat center center; }
.divMLeftAltGoster { display: none; position: absolute; top: 0px; right: 10px; width: 30px; height: 30px; background: url(../img/btnMLeftAlt.png) no-repeat center center; }

.divMMenu { display: none; width: 50px; height: 30px; background: url(../img/btnMMenu.png) no-repeat center center; }
.aLogo { display: block; width: 155px; height: 70px; background: url(../img/logoSiyah.png) no-repeat center center; background-size: contain; }

.divDil { padding-left: 20px; background: url(../img/btnDil.png) no-repeat left center; background-size: 18px;  }
.divDil select { background: none; }

.navMenuUst { margin-left: 3%; }
.navMenuUst > ul { display: table; margin: auto auto; }
.navMenuUst > ul > li { float: left; position: relative; }
.navMenuUst > ul > li > a {display: inline-block;margin: 0px 10px;height: 60px;background: url(../img/backMenu.png) no-repeat left top;font-size: 14px;font-family: 'ZWFont2';}
/*.navMenuUst > ul > li > a:hover { border-bottom: solid 2px #faa611; }*/
.navMenuUst > ul > li > a > span { float: left; width: 60px; height: 60px; margin-right: 10px; background: no-repeat transparent center center;  }
.aUstMenuAktif { border-bottom: solid 5px #bb1717; color: #bb1717; }
.navMenuUst > ul > li:last-of-type > a { margin-right: 0px; }
.navMenuUst > ul > li > div { display: none; position: absolute; left: -5px; top: 0px; z-index: 110; margin-top: 60px; padding-top: 0px; width: min-content; border: solid 1px #ededed; }
.navMenuUst > ul > li > div > div { display: table; width: 200%; background-color: #fff; }
.navMenuUst > ul > li > div > div > * { float: left;  display: table; padding: 5px 5px; }
.navMenuUst > ul > li > div > div > ul > li { display: block; float: left; width: max-content; min-width: 50%; }
.navMenuUst > ul > li > div > div > ul > li > a { display: inline-block; margin: 0px 10px; height: 46px; background: url(../img/backMenu2.png) no-repeat left top; font-size: 14px; line-height: 46px; }
.navMenuUst > ul > li > div > div > ul > li > a > span { float: left; width: 46px; height: 46px; margin-right: 10px; background: no-repeat transparent center center;  }
/*.navMenuUst > ul > li > div > div > ul > li:first-of-type a { color: #000; border-bottom-color: #000; font-size: 18px; font-family: Georgia, 'Times New Roman', Times, serif; }
.navMenuUst > ul > li > div > div > ul > li:last-of-type a { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; }*/

.divMenuAlt { display: none; margin-top: 1.75%; padding: 0.5% 0.5%; background-color: #fff7f6; text-align: center; }
.divMenuAltSabit { margin: 1% 0px 0.5%; }

.pikare { padding: 10px 0px 30px; width: 100%; text-align: center; color: #000; font-size: 14px; }
.pikare a { display: inline-block !important; }

.divSM { display: none;  position: fixed; z-index: 10; right: 0px; top: calc(50% - 120px); width: 40px; background-color: #fff; border: solid 1px #d8d4d0; font-size: 14px; color: #000; line-height: 40px; }
.divSM > * {  }
.divSM > a { float: left; display: block; width: 40px; height: 40px; border-right: solid 1px #d8d4d0; }
.divSM > a:last-of-type { border-right: none; }
/*.divSM > a:nth-of-type(1), .divSM > a:nth-of-type(2) { width: auto; height: auto; padding: 15px 0px; line-height: 40px; writing-mode: tb-rl; }
.divSM > a:nth-of-type(1) { margin-bottom: 30px; }*/
.aSMFace, .aSMTwitter, .aSMInstagram, .aSMPinterest, .aSMLinkedIn, .aSMGoogle { background-image: url(../img/imgSM.png); }
.aSMFace { background-position: 0px 0px; }
.aSMTwitter { background-position: 0px -40px; }
.aSMInstagram { background-position: 0px -80px; }
.aSMPinterest { background-position: 0px -120px; }
.aSMLinkedIn { background-position: 0px -160px; }
.aSMGoogle { background-position: 0px -200px; }

.divMenuUstSag { padding-left: 20px; background: url(../img/btnYildiz.png) no-repeat left center; background-size: 15px; font-size: 14px; font-family: ZWFont2; }
.btnCikis { float: right; display: block; margin: 25px 0px 5px 10px; width: 20px; height: 20px; background: url(../img/btnCikis.png) no-repeat right top; background-size: 50%; text-align: center; font-size: 12px; line-height: 50px; }
.btnSerbest { float: left; display: table; height: 60px; margin: auto 10px; padding-left: 65px; background: url(../img/btnSerbest.png) no-repeat left top; text-align: center; font-size: 14px; font-family: ZWFont2;  }
.btnMOdeme { float: left; display: table; height: 60px; margin: auto 10px; padding-left: 65px; background: url(../img/btnMOdeme.png) no-repeat left top; text-align: center; font-size: 14px; font-family: ZWFont2;  }
.btnPOdeme { float: left; display: table; height: 60px; margin: auto 10px; padding-left: 65px; background: url(../img/btnPOdeme.png) no-repeat left top; text-align: center; font-size: 14px; font-family: ZWFont2;  }
.divOrta { min-height: calc(100vh - 140px); }
/**********************************/



/* ANASAYFA */
.divSlide { display: block; width: 100%; overflow: hidden; }
.divSlideM { display: none; width: 100%; overflow: hidden; }

.divAnaOrta { position: relative; margin: 8% 0px 1%; }

.divAnaForm { }
.divAnaForm:before { content: ""; position: absolute; top: 0%; left: 0px; width: 110%; border-bottom: solid 1px #faa611; }
.divAnaForm > div:nth-of-type(1) { float: left; width: 20%; margin-left: -3%; color: #69cabf; font-size: 80px; font-weight: bold; writing-mode: tb-rl; transform: rotate(180deg); }
.divAnaForm > div:nth-of-type(2) { float: right; width: 60%; margin: -7% 5% 0px 15%;  }
.divAnaForm > div:nth-of-type(3) { float: right; width: 60%; margin: 0px 5% 0px 15%; padding: 3% 3%; height: 21.5vh; border-left: solid 10px #535353;  background: url(../img/backAFAlt.png) no-repeat right top;  }

.divAForm { padding: 7% 3% 0px; border: solid 10px #535353; border-bottom: none; }
.divAFBaslik { padding: 15px 0px; width: 100%; color: #333; font-size: 30px; }

.divAFKayit { display: table; width: 100%; padding: 2% 1% 0px 1%; }
.divAFKayit > div { float: left; margin: 1% 0%; width: 98%; border-bottom: solid 1px #d8d4d0;  }
.divAFKayitTek { width: 94% !important; }
.divAFKayitBosluk { display: table; width: 94% !important; height: 10px; border-bottom: none !important; }
.divAFKayit > div input[type='text'], .divAFKayit > div input[type='date'], .divAFKayit > div select, .divAFKayit > div textarea { padding: 0px 0px; width: calc(100% - 20px); height: 60px; background-color: transparent; border: none; color: #363636; line-height: 250%; font-size: 16px; }
.divAFKayit > div select { width: calc(100% - 10px); background-image: url(../img/icoS2Secim2.png); }
.divAFKayitGKod { background-color: #f5f5f5; border-bottom: none !important; }
.divAFKayitGKod input[type='text'] { float: left; margin-top: 5px; width: calc(100% - 200px) !important; }
.divAFKayitGKod img, .divAFKayitGKod > div { float: right; margin-bottom: -6px; }
.btnAFKaydet { width: 50px; height: 50px; background: url(../img/btnAFKaydet.png) no-repeat center center; }
.btnSil { display: inline-block; width: 30px; height: 20px; background: url(../img/btnMLeftKapat.png) no-repeat center center; }
.btnYazdir { font-size: 12px; font-style: normal; color: #ffffff; display: block; width: 100px; margin: auto auto; line-height: 30px; background-color: #0f266f; cursor: pointer; text-align: center; }

.divAnaSag { color: #333;  }
.divAnaSag > div:first-of-type { font-size: 26px; font-weight: bold; }
.divAnaSag > div:last-of-type { margin-top: 3%; }
.divAnaSag > div:last-of-type > div { padding: 3% 0px; border-bottom: solid 1px #d8d4d0; font-size: 16px; }
/*.divAnaSag > ul > li:before { content: "-"; padding-right: 5px; }*/   /*»→─*/

.divAnaAlt { margin: 2.5% 0px; text-align: center; }
.divAnaAlt > div:nth-of-type(1) { margin-bottom: 1%; color: #000; font-size: 28px; font-weight: bold; text-align: center; }
.divAnaAlt > div:nth-of-type(2) > img { max-width: 100%; }
.divAnaAlt > div:nth-of-type(3) > div { float: left; width: 15%; margin-right: 2%; }
.divAnaAlt > div:nth-of-type(3) > div:last-of-type { margin-right: 0px; }
/**********************************/



/* FORM CEVAP */
.divFCDis { position: relative; display: table; margin: 3% 5%; width: 90%; }
.divFCDisBaslik { position: relative; display: table; padding: 0px 50px; margin: 0px auto 2%; border-bottom: solid 1px #faa611; font-family: ZWFont2; font-size: 32px; text-align: center; }
.divFCDisBaslik:after { content: ""; position: absolute; bottom: -4px; left: 0px; margin-left: 50px; width: calc(100% - 100px); border-top: solid 3px #faa611; }
.divFCDisBaslik span { font-size: 80%; }

.divFCevap {  }
.divFCBaslik { padding: 15px 0px; width: 100%; color: #333; font-size: 24px; }
.divFCBaslik > span { text-decoration: underline; }

.divFCKayit { display: table; width: 100%;  }
.divFCKayit > div { float: left; margin: 1% 0%; width: 100%; border-bottom: solid 1px #faa611;  }
.divFCKayitTek { width: 94% !important; }
.divFCKayitBosluk { display: table; width: 94% !important; height: 10px; border-bottom: none !important; }
.divFCKayit > div input[type='text'], .divFCKayit > div input[type='date'], .divFCKayit > div select, .divFCKayit > div textarea { padding: 0px 0px; width: calc(100% - 0px); height: 60px; background-color: transparent; border: none; color: #363636; line-height: 250%; font-size: 16px; }
.divFCKayit > div textarea { height: 25vh; }
.divFCKayit > div select { width: calc(100% - 10px); background-image: url(../img/icoS2Secim2.png); }
.divFCKayitButon { display: table; width: 100%; }
.divFCKayitGKod { background-color: #f5f5f5; border-bottom: none !important; }
.divFCKayitGKod input[type='text'] { float: left; margin-top: 5px; width: calc(100% - 200px) !important; }
.divFCKayitGKod img, .divFCKayitGKod > div { float: right; margin-bottom: -6px; }
.btnFCKaydet { float: right; width: 200px; height: 50px; background: url(../img/btnAFKaydet.png) no-repeat center right; font-size: 18px; text-decoration: underline; }
.btnDosyaEkle, .btnDosyaSil { float: left; display: block; margin-right: 15px;  padding: 15px 25px; border: solid 1px #faa611 !important; text-align: center; font-size: 16px; }
.btnDosyaSil { padding: 16.5px 10px; margin-left: -15px; border-left: none !important; } 

.aFCCevaplanmamis { color: #faa611; font-weight: bold; text-decoration: underline;  }
/**********************************/



/* ILETISIM */
.divIOrta { display: table; width: 100%; }
.divIUst { position: relative; margin-bottom: 10%; width: 100%; }
.divIHarita { position: relative; width: 52.5%; }
.divIHarita iframe { border: none; width: 100%; height: 55vh; }
.divIHarita div:nth-of-type(1) { position: absolute; z-index:1; left: 10px; top: 10px; width: 100%; height: 1px; border-bottom: dashed 2px #faa611; }
.divIHarita div:nth-of-type(2) { position: absolute; z-index:1; right: -12px; top: 10px; width: 1px; height: 100%; border-right: dashed 2px #faa611; }
.divIHarita div:nth-of-type(3) { position: absolute; z-index:1; left: 10px; bottom: -10px; width: 100%; height: 1px; border-bottom: dashed 2px #faa611; }
.divIHarita div:nth-of-type(4) { position: absolute; z-index:1; left: 10px; top: 10px; width: 1px; height: 100%; border-right: dashed 2px #faa611; }
.divIAdres { position: absolute; z-index: 2; top: 10%; right: 0px; width: 52.5%; padding: 2% 5% 2% 7%; background-color: #f4f4f1; border: solid 10px #fff; color: #333; font-size: 16px; }
.divIAdres > div { margin: 5% 0px }
.divIAdres > div > b { margin-left: -5%; }
.divIAdresBaslik { margin-left: -5% !important; font-size: 28px; font-family: ZWFont2; }

.divIForm { display: table; width: 70%; margin: auto auto; }
.divIFBaslik { position: relative; display: table; padding: 0px 50px; margin: 0px auto 2%; border-bottom: solid 1px #faa611; font-family: ZWFont2; font-size: 32px; text-align: center; }
.divIFBaslik:after { content: ""; position: absolute; bottom: -4px; left: 0px; margin-left: 50px; width: calc(100% - 100px); border-top: solid 3px #faa611; }

.divFormBaslik{ font-family: ZWFont2; color: #dc1f1f; font-size: 14px; padding-left: 0%; border: none !important; font-weight: bold; }
.divFormBaslik > span { display: inline-block; min-width: 70px; }
.divIFKayit { display: table; width: 100%; padding: 1% 1%; }
.divIFKayit > div {position: relative;float: left;margin: .5% .5%;width: 24%; border: solid 1px #000; background-color: #ffffff;}
.divIFKayitTek { width: 99% !important; }
.divIFKayitCeyrek { width: 24% !important; float: left; /*height:37px; */}
.divIFKayitCeyrek2 { width: 12% !important; float: left; }
.divIFKayitYarim { width: 49% !important; float: left; }
/*.divIFKayitYarim:nth-of-type(even) { clear: both; }*/
.divIFKayitBosluk { display: table; width: 94% !important; height: 10px; border-bottom: none !important; }
.divIFKayit > div input[type='text'], .divIFKayit > div input[type='date'], .divIFKayit > div input[type='datetime'], .divIFKayit > div input[type='datetime-local'], .divIFKayit > div input[type='time'], .divIFKayit > div input[type='email'], .divIFKayit > div input[type='tel'], .divIFKayit > div select, .divIFKayit > div textarea { padding: 0px 5px; width: calc(100% - 5px); height: 35px; background-color: #fff; border: none; color: #363636; line-height: 250%; font-size: 12px; font-family: 'ZWFont2'; }
.divIFKayit > div input[type='text']:disabled, .divIFKayit > div input[type='date']:disabled, .divIFKayit > div input[type='datetime']:disabled, .divIFKayit > div input[type='datetime-local']:disabled, .divIFKayit > div input[type='time']:disabled, .divIFKayit > div input[type='email']:disabled, .divIFKayit > div input[type='tel']:disabled, .divIFKayit > div select:disabled, .divIFKayit > div textarea:disabled { background-color: #afafaf; }

.divIFKayit > div select { width: calc(100% - 10px); background-image: url(../img/icoS2Secim2.png); }
.divIFKayitGKod { background-color: #f5f5f5; border-bottom: none !important; }
.divIFKayitGKod input[type='text'] { float: left; margin-top: 5px; width: calc(100% - 200px) !important; }
.divIFKayitGKod img, .divIFKayitGKod > div { float: right; margin-bottom: -6px; }
.divIFKayitButon, .divIFKayitButon3x, .divIFKayitButonFlex { border: none !important; }
.divIFKayitButonFlex { display: flex; }
.btnIFTemizle, .btnIFGonder, .btnIFSil, .btnIFDosya, .btnIFDefault { float: left; padding: 1% 0px; margin: 0px 2.5px; width: calc(50% - 5px) !important; height: 38px !important; background-color: #006309 !important; color: #fff !important; letter-spacing: 0px; font-size: 14px; font-family: 'ZWFont2';}
.btnIFGonder { float: left; background-color: #127dc2 !important; color: #fff !important; font-size: 14px; font-family: 'ZWFont2';}
.btnIFSil { background-color: #000 !important; color: #fff !important; font-size: 14px; font-family: 'ZWFont2';}
.btnIFDosya { width: 15% !important; text-align: center; line-height: 150%; }
.btnIFDefault { float: left; background-color: #fff5e2 !important; width: calc(98% / 3) !important; margin-right: 1%; margin-bottom: 1%; }
.divIFKayitTek > .btnIFDefault:nth-of-type(3n-1) { margin-right: 0px !important; }
.btnIFDosyaSil { position: absolute; top: 0px; right: 0px; display: inline-block; width: 30px; height: 30px; background: url(../img/btnMLeftKapat.png) #000 no-repeat center center !important; }
.divIFKayitButon3x > * { width: calc(33.3% - 5px) !important; }
/*.divIFKayitButon3x > *:nth-child(2) { margin: 0px 4.5px !important; background-color: #999 !important; }*/
.divIFAlert1, .divIFAlert2, .divIFAlert3, .divIFAlert4 { display: block; background-color: #bb1717 !important; }
.divIFAlert1 > *, .divIFAlert2 > *, .divIFAlert3 > *, .divIFAlert4 > * { font-size:200% !important; color: #fff !important; }
.divIFAlert1 > * { background-color: #bb1717 !important; }
.divIFAlert2 { background-color: #32683c !important; }
.divIFAlert2 > * { background-color: #32683c !important; }
.divIFAlert2 > *::placeholder { color: #fff; opacity: .7; }
.divIFAlert3 { background-color: #111e58 !important; }
.divIFAlert3 > * { background-color: #111e58 !important; }
.divIFAlert4 { background-color: #818181 !important; }
.divIFAlert4 > * { background-color: #818181 !important; }
.imgIFPlaka { position: absolute; top: 0px; right: 0px; height: 35px; }

.objLAc { background: url(../img/btnMLeftAlt.png) no-repeat right center !important; background-size: 13% !important; }
.objAList { display: none; position: absolute; z-index: 1; max-height: 250px; overflow-y: auto; background-color: #fff; border: solid 1px #000; width: 200%; min-width: 200px; }
.objALKapa, .objALSec, .objALSecme {position:sticky;z-index:2;top:0;float:right;width:25px;height:25px;margin-bottom:-25px;background-color:#263678;text-align:center;line-height:25px; color: #fff;}
.objALSec { top: 30px; font-size: 150%; }
.objALSecme { top: 60px; font-size: 150%; }

.btnKDefault { display: inline-block; padding: 3px 11px; border: solid 1px #faa611 }
/**********************************/



/* HABER DETAY */
.divHDTam { display: table; width: 100%; font-size: 13px; line-height: 25px; color: #121314; }
.divHBaslik { font-size: 16px; font-weight: bold; margin-bottom: 2%;}

/**********************************/



/* FT - BILGI */
.divFTBilgi { display: table; width: 100%; }
.divFTBilgiUst { position: relative; display: table; width: 100%; }
.divFTBilgiUst > div:first-of-type { width: 52.5%; margin-bottom: 20%; }
.divFTBilgiUst > div:last-of-type { position: absolute; z-index: 2; top: 10%; right: 0px; width: 52.5%; padding: 4% 5%; background-color: #f4f4f1; border: solid 10px #fff; color: #333; font-size: 16px; }
.divFTBilgiUst > div:last-of-type > h1 { margin-bottom: 2%; font-size: 28px; font-family: ZWFont2; }
.divFTBilgiUst > div:last-of-type > div:last-of-type { position: absolute; left: 0px; bottom: -25px; display: block; width: 50px; height: 50px; background: url(../img/icoFTBilgiOk.jpg) no-repeat center center; }

.divFTBilgiAlt { position: relative; }
.divFTBilgiAlt > div:nth-of-type(1) { position: relative; display: table; margin: auto auto -32.5px; padding: 0px 1%; background-color: #fff; color: #333; font-size: 80px; font-family: Arial; font-weight: bold; text-align: center; line-height: 60px; }
.divFTBilgiAlt > div:nth-of-type(2) { margin: 0% 5vw; padding: 7% 4vw 0px; border: solid 10px #535353; border-bottom: none; }
.divFTBilgiAlt > div:nth-of-type(3) { margin: 0px 5vw; padding: 3% 3%; height: 19.5vh; border-left: solid 10px #535353;  background: url(../img/backFTBilgiAlt.png) no-repeat right top;  }

.divFTBilgiSlider { display: block; width: 82vw; overflow: hidden; font-size: 15px; line-height: 200%; }
.divFTBilgiSlider .item { padding: 0px 10%; }
.divFTBilgiSlider .item > div:first-of-type { margin-bottom: 2%; color: #333; font-size: 26px; font-family: Arial; font-weight: bold; letter-spacing: -1px; }
/**********************************/



/* JURI */
.divJDis{ display: table; width: 100%;  margin-bottom: 2%; }
.divJuri { float: left; display: block; margin: 2% 0px; width: 18%; margin-right: 2.5%; color: #333; font-size: 14px; }
.divJuri:nth-of-type(5n) { margin-right: 0px; }
.divJuri:nth-of-type(5n + 1) { clear: both; }
.divJuri > div:nth-of-type(1) { display: block; width: 90%; height: 35vh; border: solid 1px #ededed; background: url(../img/imgResimYokJuri.jpg) no-repeat center center; background-size: cover; }
.divJuri > div:nth-of-type(2) { position: relative; float: right; display: block; width: 90%; margin-top: -35px; padding: 7.5px 5px; background-color: #fff; border: solid 1px #faa611; }
.divJuri > div:nth-of-type(2) > span { display: block; margin-bottom: 5px; color: #faa611; font-size: 16px; }
.divJuri > div:nth-of-type(2) > div { position: absolute; right: -22px; bottom: -22px; display: block; width: 44px; height: 44px; background: url(../img/icoJuriDetay.png) no-repeat center center; }

.divJDDis { display: table; width: 100%; padding: 3% 3%; line-height: 200%; }
.divJDDis > div:nth-of-type(1) { display: table; width: 100%; margin-bottom: 1%; }
.divJDDis > div:nth-of-type(1) > div:nth-of-type(1) { float: left; display: block; margin-right: 5%; width: 175px; height: 175px; border: solid 10px #f4f4f4; border-radius: 200px; background: url(../img/imgResimYokJuri.jpg) no-repeat center center; background-size: cover; }
.divJDDis > div:nth-of-type(1) > div:nth-of-type(2) { position: relative; float: left; width: calc(95% - 175px); margin: 50px 0px 20px; font-size: 21px; }
.divJDDis > div:nth-of-type(1) > div:nth-of-type(2):after { content: ""; position: absolute; left: -5%; bottom: -10px; width: 105%; height: 1px; border-bottom: solid 2px #faa611; }
.divJDDis > div:nth-of-type(1) > div:nth-of-type(2):before { content: ""; position: absolute; left: -5%; bottom: -17px; width: 1px; height: 16px; border-left: solid 2px #faa611; }
.divJDDis > div:nth-of-type(1) > div:nth-of-type(3) { font-size: 16px; }
.divJDDis > div:nth-of-type(2) { clear: both; color: #333; font-size: 16px; }
.divJDDis > div > span { display: inline-block; width: 40%; }

.divJuriAd { text-align: center; font-size: 18px; border-bottom: solid 1px #808080; margin-bottom: 2%; padding-bottom: 2%; }
.div100 { float: left; width: 100%; }
.tDis { position: relative; width: 100% !important; border-collapse: separate !important; border-width: 1px !important; background-color: #fff; font-family: Arial; }
.tDisY50 { width: 50% !important }
.tDis a { color: #ff6a00; }
.tBaslik { width: 100%; background-color: #ededed; font-size: 14px; }
.tBaslik > th { border-right: solid 1px #faa611; }
.tBaslik > th:last-of-type { border-right: none; }
.tBaslik > th > div { padding-top: 5px; border-top: solid 1px #faa611; color: #f00;z }
.tBaslik caption, .tBaslik th { padding: 0px 4px; text-align: center; line-height: 175%; font-weight: bold }
.tBaslik td { padding: 2px 4px; }
.tSatir1, .tSatir2 { width: 100%; }
.tSatir2 { background-color: #f6f5f5; }
.tSatir1 > td { padding: 2px 4px; }
.tSatir2 > td { padding: 2px 4px; }
.tSatir1 img, .tSatir2 img { width: 75px; height: 75px; }
.tDip { background-color: #e4e4e4; height: 27px; color: #313131; text-decoration: none; }
.tDip span { font-size: 14px; color: #313131; font-weight: bold; min-width: 15px; display: block; }
.tDip a, .tDip a:visited { color: #333; display: block;  min-width: 15px; }



.divGridDis {}

.divGridH { margin-bottom: 1%; padding-left: 2px; font-family: ZWFont2; font-size: 13px; line-height: 46px; }
.divGridH > a, .divGridH > input[type='submit'] { float: right; width: 46px; height: 46px; background: url(../img/backMenu2.png) no-repeat left top; color: #bb1717; text-align: center; font-weight: bold; font-size: 12px; }

.divGridA { display: table; width: 100%; margin-bottom: 2%;border: solid 1px #000;background-color: #fff;}
.divGridA > input { width: 100%; padding: 12.5px; border: none; background: url(../img/icoGridArama.png) no-repeat transparent right 10px center;  background-size: 4%;}
.divGridA > input.tool50 { float: left; width: 50% !important; background-image: none; } 

.divGrid {display: table;width: 100%;background-color: #fff;border: solid 1px #d4d4d4;font-family: 'ZWFont2';}
.divGrid > div { display: table-row; width: 100%; border-bottom: solid 1px #fbeded; }
.divGrid > div:nth-of-type(odd) { background-color: #ededed; }
.divGrid > div > div { display: table-cell; padding: 5px 10px; border-right: solid 1px #d4d4d4; vertical-align: middle; }
.divGrid > div > div input[type='text'], .divGrid > div > div input[type='number'], .divGrid > div > div input[type='tel'], .divGrid > div select, .divGrid > div div textarea { width: 100%; border-bottom: solid 1px #c9c9c9 }
.divGrid > div > div > a {color: #127ec2;}

.divGrid > div:first-of-type { position: sticky; top: 0px; background-color: #127dc2; border-bottom: solid 1px #000; line-height: 250%; font-weight: bold; color:#ffffff; }
.divGrid > div:first-of-type > div { padding: 5px 10px; border-right: solid 1px #fff;  }

.divGrid > div:has(> div >  a.gsecili) { background-color: #b1d7ef; }
.divGrid > div:has(> div >  a.gsecili) > div { background-color: #b1d7ef; border-bottom: solid 1px #ededed; }
.divGridRD1 { background-color: #e8f3ff; }
.divGridRD2 { background-color: #ffebc7; }
.divGridRD3 { background-color: #c4ffdf; }

.divGridExcel { float: left; padding-left: 20px; }
.divGridExcel .btnExcel_k, .divGridExcel .btnYenile_k { display: inline-block; width: auto; padding-left: 40px; background-position:14px center; line-height: 25px; }

.divUPager { display: table; margin-top: 1%; width: 100%; text-align: center; }
.divUPager > input { display: inline-block; width: 50px; height: 40px; border: solid 1px #e7e7e7; border-right: 0px; line-height: 40px; text-align: center; }
.divUPager > input:last-of-type { border-right: solid 1px #e7e7e7;}
.aUPagerAktif { background-color: #e7e7e7 !important; color: #000 !important; font-weight: bold; }
/**********************************/



/* BASVURULAR */
.divBDis { display: table; width: 100%;  margin-bottom: 2%; }
.divBSol { float: left; display: table; width: 50%; }
.divBSol > a { display: block; float: left; width: 33.3%; text-align: center; }
.divBSol > a:nth-of-type(3n + 1 ) { clear: both; }
.divBSol > a > div:first-of-type { display: block; width: 80%; margin: 2.5vh 10%; padding: 1.5vh; border-radius: 300px; background-color: #f4f4f4; }
.divBSol > a > div:first-of-type > div:first-of-type { display: block; width: 100%; height: 20vh; border: solid 1px #faa611; border-radius: 300px; background: url(../img/imgResimYokJuri.jpg) #fff no-repeat center center; background-size: contain; }
.divBSol > a > div:last-of-type { font-size: 15px; }
.aBSolAktif > div:first-of-type { background-color: #faa611 !important; }
.aBSolAktif > div:first-of-type > div:first-of-type { border: solid 1px #333 !important; }

.divBSag { float: left; display: table; width: 50%; }
.divBSag > div { display: block; padding: 7% 3%; border: solid 10px #535353; }
.divBSagUst { display: table; width: 100%; }
.divBSagUst > a { display: block; float: left; width: 25%; min-height: 15vh; background: url(../img/imgResimYokJuri.jpg) #fff no-repeat center center; background-size: contain; }
.divBSagUst > a > img { width: 100%; }
.divBSagUst > div { display: block; float: left; width: 73%; margin-left: 2%; }
.divBSagUst > div > div:nth-of-type(1) { margin-top: 2%; font-size: 18px; font-weight: bold; }
.divBSagUst > div > div:nth-of-type(2) { margin: 5px 0px 15px; font-size: 16px; }

.aOyVer { display: block; float: left; position: relative; min-width: 150px; padding: 5px 5% 5px 13%; border: solid 1px #faa611; font-size: 18px; font-weight: bold; text-align: center; }
.aOyVer:before { content: "←"; float: left; display: block; position: absolute; left: 0px; top: 0px; width: 40px; height: 100%; background-color: #faa611; color: #fff; line-height: 30px; }
.addthis_button { display: block; float: left; margin-left: 5px; padding: 5px 15px; border: solid 1px #faa611; font-size: 18px; font-weight: bold; text-align: center; }

.divBSagAlt { margin-top: 2%; }
.divBSagAlt > div:first-of-type { font-size: 18px; font-weight: bold; text-decoration: underline; }
.divBSagAlt > div:last-of-type > div { margin-top: 2%; }
.divBSagAlt > div:last-of-type > div > span { display: block; width: 100%; font-weight: bold; color: #ba7507; }

.divOVKategori { text-align: center; }
.divOVKategori > div:first-of-type { margin: 10px 0px; color: #faa611; font-weight: bold; }
.divOVKategori > div:last-of-type { margin-top: 10px; font-size: 14px; }
.divOVTable { display: table; margin: auto auto; min-width: 420px; text-align: left; }
.divOVTable > div { display: table; width: 100%; }
.divOVTable > div > span { line-height: 45px;  }
.divOVTable > div > div { float: right; margin: 1% 1%; width: 50px; border-bottom: solid 1px #faa611;  }
.divOVTable input[type='text'], .divOVTable input[type='date'], .divOVTable select, .divOVTable textarea { padding: 0px 5px; width: calc(100% - 0px); height: 35px; background-color: transparent; border: none; color: #363636; line-height: 250%; font-size: 13px; text-align: center; }
.divOVKategori .btnDosyaEkle { float: none; display: table; margin: auto auto; }
/**********************************/



/* UYELIK */
.divKOrta { margin: 20px 0px; overflow: hidden; }
.divKOrta > div { float: left; display: table; padding: 2.5% 3%; }

.divKSol { width: calc(50% - 0px); min-height: 70vh; border-right: solid 1px #000; }
.divKSag {width: 50%;  }
.divKSag > * { width: 60% !important; min-width: 200px; }

.divKSolBaslik { padding: 15px 0px; width: 100%; background-color: #000; color: #fff; font-size: 14px; text-align: center; }
.divKSagBaslik { padding: 15px 0px; width: 100%; background-color: #e6e6e6; color: #000; font-size: 14px; text-align: center; }

.divKKayit { display: table; width: 100%; padding: 2% 0px; border-top: solid 1px #000; }
.divKKayit > div { float: left; margin: 1% 3%; width: 44%; border-bottom: solid 1px #c9c9c9;  }
.divKKayitTek { width: 94% !important; }
.divKKayit > div > input[type='text'], .divKKayit > div > input[type='password'], .divKKayit > div > select, .divKKayit > div > textarea { padding: 0px 5px; width: calc(100% - 50px); height: 45px; background-color: transparent; border: none; color: #363636; line-height: 250%; font-size: 13px; }
.divKKayit > div > select { width: calc(100% - 15px); background-image: url(../img/icoS2Secim2.png); }
.divKKayitAlt { margin-top: 2%; padding: 1%; }
.divKKayitGKod { background-color: #f5f5f5; border-bottom: none !important; }
.divKKayitGKod input[type='text'] { float: left; margin-top: 0px; width: calc(100% - 180px) !important; text-indent: 10px; }
.divKKayitGKod img, .divKKayitGKod div { float: right; margin-bottom: -6px; }
.divKKayitButon { border-bottom: none !important; }
.divKKayitButon > a { font-size: 15px; text-decoration: underline; }
.btnKRenk1, .btnKRenk2, .btnKRenk3 { float: left; padding: 1% 0px; width: calc(100% - 0px) !important; height: 45px !important; background-color: #999999 !important; color: #fff !important; letter-spacing: 2px; }
.btnKRenk2 { background-color: #14a038 !important; }
.btnKRenk3 { background-color: #3f5d9b !important; }

.divKSolForm { }
.divKSolForm .divKKayit > div { margin: 2% 0px !important; width: 50% !important; }
.divKSolForm .divKKayitTek { margin: 2% 0px !important; width: 100% !important; }

.divKGiris1, .divKGiris2, .divKGiris3, .divKGiris4, .divKGiris5 { position: relative; padding-left: 80px !important; background: url(../img/icoKGiris1.png) no-repeat 20px center; }
.divKGiris2 { background-image: url(../img/icoKGiris2.png); }
.divKGiris3 { background-image: url(../img/icoKGiris3.png); }
.divKGiris4 { background-image: url(../img/icoKGiris4.png); }
.divKGiris5 { background-image: url(../img/icoKGiris5.png); }
.divKGiris1:before, .divKGiris2:before, .divKGiris3:before, .divKGiris4:before, .divKGiris5:before { content: ""; position: absolute; left: 70px; top: 0px; width: 1px; height: 45px; border-right: solid 1px #c9c9c9; }

.divKSagForm { margin-top: 5px; }
/**********************************/



/* TAM SAYFA LOGIN */
.divTSLogin { display: table; margin-top: 10vh; }
.divTSLogin .aLogo { width: 395px; height: 180px; margin: 15% auto; }
.divTSLogin .divKSolBaslik { margin-top: 15%; background-color: inherit; color: #000; font-family: ZWFont2; font-size: 60px; letter-spacing: -2.5px; text-align: left; }
.divTSLogin .divKKayit { margin: 2% 0px; border-top: none; }
.divTSLogin .divKKayit > div { border: solid 1px #000; }
.divTSLogin .divKKayit > div > input { font-size: 15px; color: #000; text-indent: 15px; }
.divTSLogin .divKSolForm .divKKayitTek { padding-left: 0px !important; background: none !important; line-height: 55px; }
.divTSLogin .divKSolForm .divKKayitTek:before { content: none !important; }
.divTSLogin .divKKayitButon { border: none !important; width: auto !important; }
.divTSLogin .divKSolForm > div:last-of-type { float: right; }
.divTSLogin .btnKRenk1 { width: 95px !important; height: 55px !important; text-indent: inherit !important; background-color: transparent !important; background: url(../img/btnGiris.png) no-repeat left top; }
/**********************************/



/* JURI GIRIS */
/*.divTSLogin { display: table; margin: 0px 0px; width: 100%; height: 100vh; background: url(../img/backLogin.jpg) no-repeat center top; background-size: cover; }
.divTSLogin .divKSol { position: absolute; left: 3%; bottom: 20%; margin: 0px; padding: 0px; width: 400px; background-color: transparent; }
.divTSLogin .divKKayit { border-top: none; }*/
/**********************************/

/* UYELIK */
.divTakvim { margin: auto; width: 100%; }

.divTakvim > div:nth-of-type(1) { display: table; width: 100%; background-color: #faa611; text-align: center; font-size: 18px; font-weight: bold; line-height: 350%; }
.divTakvim > div:nth-of-type(1) > input[type=submit] { float: left; padding: 1%; font-size: 24px; }
.divTakvim > div:nth-of-type(1) > input[type=submit]:last-of-type { float: right; }

.divTakvim > div:nth-of-type(2) { display: table; width: 100%; background-color: #fdc664; border-right: solid 1px #e6e6e6;  text-align: center; font-size: 16px; font-weight: bold; }
.divTakvim > div:nth-of-type(2) > div { display: block; float: left; width: calc(100% / 7); padding: 1% 0px; border: solid 1px #e6e6e6; border-right: none; }

.divTakvim > div:nth-of-type(3) { display: table; width: 100%; background-color: #fff; border-bottom: solid 1px #e6e6e6; font-size: 12px; }
.divTakvim > div:nth-of-type(3) > div { display: table; width: 100%; width: 100%; border-right: solid 1px #e6e6e6; }
.divTakvim > div:nth-of-type(3) > div > div { display: block; position: relative; float: left; width: calc(100% / 7); min-height: 6vw; padding-top: 5px; border: solid 1px #e6e6e6; border-right: none; }  /*height: 7vw;*/ 
.divTPGun { background-color: #d2d2d2; opacity: 0.5; }
.divTIGun { background-color: #00ff37; opacity: 0.5; }

.divTakvim > div:nth-of-type(3) > div > div > div:nth-of-type(1) { position: absolute; top: 0px; right: 0px; background-color: #fbe3ba; border-radius: 30px; width: 30px; font-weight: bold; text-align: center; line-height: 30px; }
.divTakvim > div:nth-of-type(3) > div > div > div:nth-of-type(2) { display: table; width: 100%; padding-top: 10px; }
.divTakvim > div:nth-of-type(3) > div > div > div:nth-of-type(2) > div { display: table-caption; float: left; padding: 1% 1%; width: 45%; border: solid 1px #e6e6e6; text-align: center; }
.divTakvim > div:nth-of-type(3) > div > div > div:nth-of-type(2) > div > span { display: block; float: left; width: calc(40%); }
.divTakvim > div:nth-of-type(3) > div > div > div:nth-of-type(2) > div > span:nth-of-type(1) { width: calc(20%); }
.divTGCGec { background-color: #f2ff2c; }
.divTGCYok { background-color: #f16a6a; color: #fff; }
/**********************************/



/* ABONE */
.divAbone {}
.divAbone > div { float: left; width: calc(98% / 3); margin-right: 1%; }
.divAbone > div:last-of-type { margin-right: 0px; }
/**********************************/



/* OPERASYON */
.divOP {}
.divOP .divGridH { display: table; width: 100%; padding: 0px 7.5px; background-color: #ededed; line-height: 30px; }
.divOP .divGridH > div {float: left;width: 25%;font-size: 11px;}
.divOP .divGridH > div:nth-of-type(4n+1) { clear: both; }
.divOP .divGrid > div:first-of-type > div { background-color: #111e58; }

.divOPSag { float: right; width: 29%; }
.divGecisDurum0, .divGecisDurum1, .divGecisDurum2, .divGecisDurum3, .divGecisDurum4, .divGecisDurum5, .divGecisDurum6, .divGecisDurum7, .divGecisDurum8, .divGecisDurum9, .divGecisDurum11 { display: inline-block; width: 15px; height:15px; border-radius: 100%; vertical-align: middle; }
.divGecisDurum0 { background-color: #d2d2d2; }
.divGecisDurum1 { background-color: #318e00; }
.divGecisDurum2 { background-color: #95d65a; }
.divGecisDurum3 { background-color: #f8db00; }
.divGecisDurum4 { background-color: #fd2bcd; }
.divGecisDurum5 { background-color: #52c4fd; }
.divGecisDurum6 { background-color: #000; }
.divGecisDurum7 { background-color: #f3aa00; }
.divGecisDurum8 { background-color: #de310d; }
.divGecisDurum9 { background-color: #673ab7; }
.divGecisDurum11 { background-color: #795548; }

.aOSagD1, .aOSagD2 { color: #fff !important; }

.divOPSag .divGridDis{ height: calc(96vh - 230px); overflow-y: auto; }
.divGecisKTip0, .divGecisKTip1, .divGecisKTip2, .divGecisKTip3, .divGecisKTip9 { display: inline-block; width: 25px; height: 30px;  vertical-align: middle; color: #71b930; text-align: center; font-size: 170%; font-family: ZWFont2; }
.divGecisKTip1, .divGecisKTip3 { color: #bb1717; }
.divGecisKTip9 { color: #000; }
.divGecisKTip0:before { content: "↑"; }
.divGecisKTip1:before { content: "↓"; }
.divGecisKTip2:before { content: "↑"; text-decoration: underline; }
.divGecisKTip3:before { content: "↓"; text-decoration: overline;}
.divGecisKTip9:before { content: "X"; }
.aODSifirla { margin: 0px 0px; color: #bb1717;  }
.divOPSagDoluluk { display: table; width: 100%; }
.divOPSagDoluluk > div { float: left; width: calc(100% / 3); padding: 2% 5% 0px; text-align: center; font-size: 16px; font-family: ZWFont2; }
.divOPSagDoluluk > div > div { display: table; margin: auto auto; width: 70px; height: 70px; border: solid 10px #3dac30; border-radius: 100%; line-height: 50px; }
.divOPSagDoluluk > div:nth-of-type(1) > div { border: none }
.divOPSagDoluluk > div:nth-of-type(3) > div { border-color: #e7623d; }
/*.divOPSagDoluluk > div:nth-of-type(3) > div { border-color: #da3109; }*/
div[role="progressbar"] {
  --size: 12rem;
  --fg: #da3109;
  --bg: #dcdcdc;
  --pgPercentage: var(--value);
  animation: growProgressBar 1s 1 forwards;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: 
    radial-gradient(closest-side, white 80%, transparent 0 99.9%, white 0),
    conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0)
    ;
  font-family: Helvetica, Arial, sans-serif;
  font-size: calc(var(--size) / 10);
  line-height: calc(var(--size) / 2.7) !important ;
  color: var(--fg);
}
div[role="progressbar"]::before {
  counter-reset: percentage var(--value);
  content: counter(percentage) '%';
}


.divOPSol { display: table; float: left; width: 71%; min-height: calc(96vh - 200px); }
.divOPSol > div { display: table; float: left; width: 49.5%; margin: 0px .5% .5% 0px; border: solid 1px #d4d4d4; }
.divOPSol > div .div100 { width: 100%; }
.divOPSol > div > div { display: table; position: relative; float: left; width: 50%; margin: 0px 0% 0% 0px; }
.divOPSol > div > div:first-of-type{ width: 100%; padding: 10px 10px; background-color: #111e58; font-family: ZWFont2; color: #ffffff; }
.divOPSol > div > div:first-of-type > select { float: right; margin: -9px -9px; background-color: #ddd; }
.divOPSol > div > div:first-of-type > select.kilit { background-color: #d06b48 }
.divOPSol > div > div:nth-of-type(2) {  }
.divOPSol > div > div:last-of-type { display: block; margin-right: 0px; overflow: hidden; }
.divOPSol > div > div:last-of-type > a { position: relative; }
.divOPSol img { width: 100%; /*height: calc(56vh - 150px);*/ }
.divOPSol canvas { cursor: pointer; aspect-ratio: 1.6; /*transition: all .5s;*/ }
.canLive100 { position: fixed; top: 80px; left: 0px; z-index: 2; width: 70.8%; height: calc(100% - 80px) !important;}
.divOPGDetay { display: table; position: inherit; left: 0px; bottom: 0px; width: 100%; background-color: #ececec; font-family: ZWFont2; font-size: 130%; }
.divOPGDetay > div { display: table-row; }
.divOPGDetay > div:nth-of-type(even) { background-color: #ddd; }
.divOPGDetay > div > div { display: table-cell; padding: 5px 5px; border: solid 1px #fff; white-space: nowrap; }
.divOPGDetay > div:first-of-type > div:first-of-type { width: 67px; }
.divOPGDetay > div:first-of-type > div:last-of-type { color: #df1f20; }
.divOPGDetay > div:last-of-type > div:first-of-type { display: flex; padding: 0px; background-color: #fff; }
.divOPGDetay > div:last-of-type > div:last-of-type { padding: 0px; }
.btnGDetay1, .btnGDetay2, .btnGDetay3, .btnGDetay4, .btnGDetay5 { display: inline-block; width: 25px; height: 27px; background: url(../img/btnGDetay1.png) no-repeat center center; background-size: contain; }
.btnGDetay2 { background-image: url(../img/btnGDetay2.png); }
.btnGDetay3 { background-image: url(../img/anasayfaButtons.png); }
.btnGDetay4 { background-image: url(../img/anasayfaButtons1.png); }
.btnGDetay5 { background-image: url(../img/anasayfaButtons2.png); }
.imgOprGif1, .imgOprGif2 { position: absolute; z-index: 1; right: 0px; bottom: 0px; width: auto !important; height: calc(40vh - 190px) !important; max-width:100%;  }
.divOPGorunum { position: fixed; z-index: 1; right: 0px; bottom: 0px; }

.divOPSolC1 > div { width: calc(99% / 1); }
.divOPSolC2 > div { width: calc(99% / 2); }
.divOPSolC2 > div:nth-of-type(2n+1) { clear: both; }
.divOPSolC3 > div { width: calc(98% / 3); }
.divOPSolC3 > div:nth-of-type(3n+1) { clear: both; }
.divOPSolC3 .divOPGDetay { font-size: 105%; }
.divOPSolC4 > div { width: calc(97% / 4); }
.divOPSolC4 > div:nth-of-type(4n+1) { clear: both; }
.divOPSolC5 > div { width: calc(96% / 5); }
.divOPSolC5 > div:nth-of-type(5n+1) { clear: both; }
.divOPSolC6 > div { width: calc(95% / 6); }
.divOPSolC6 > div:nth-of-type(6n+1) { clear: both; }
.divOPSolC6 .divOPGDetay { font-size: 80%; }
.divOPSolC7 > div { width: calc(94% / 7); }
.divOPSolC7 > div:nth-of-type(7n+1) { clear: both; }
.divOPSolC7 .divOPGDetay { font-size: 70%; }

.divOPSolR1 > div > div:nth-of-type(2), .divOPSolR1 > div > div:nth-of-type(3) { width: 100%; }
.divOPSolR1 img, .divOPSolR1 canvas { height: calc((100vh - 80px) / 1 / 2.55) }
.divOPSolR2 canvas { height: calc((100vh - 80px) / 2 / 1.18) }
.divOPSolR2 img { height: calc((100vh - 80px) / 2 / 1.63) }
.divOPSolR2 .imgOprGif1, .divOPSolR2 .imgOprGif2 { height: calc((100vh - 190px) / 3 / 2) !important; }
.divOPSolR3 canvas { height: calc((100vh - 80px) / 3 / 1.15) }
.divOPSolR3 img { height: calc((100vh - 80px) / 3 / 1.8) }
.divOPSolR3 .imgOprGif1, .divOPSolR3 .imgOprGif2 { height: calc((100vh - 190px) / 3 / 2.5) !important; }
.divOPSolR4 .divOPGDetay { font-size: 105%; }
.divOPSolR4 > div > div:first-of-type { padding: 5px 10px; }
.divOPSolR4 canvas { height: calc((100vh - 80px) / 4 / 1.16) }
.divOPSolR4 img { height: calc((100vh - 80px) / 4 / 2.1) }
.divOPSolR4 .imgOprGif1, .divOPSolR4 .imgOprGif2 { height: calc((100vh - 190px) / 4 / 2.5) !important; }
.divOPSolR5 .divOPGDetay { font-size: 90%; }
.divOPSolR5 > div > div:first-of-type { padding: 2px 10px; }
.divOPSolR5 canvas { height: calc((100vh - 80px) / 5 / 1.17) }
.divOPSolR5 img { height: calc((100vh - 80px) / 5 / 2.4) }
.divOPSolR5 .imgOprGif1, .divOPSolR4 .imgOprGif2 { height: calc((100vh - 190px) / 4 / 2.5) !important; }
.divOPSolR6 > div { margin: 2px 2px; }
.divOPSolR6 .divOPGDetay { font-size: 80%; }
.divOPSolR6 > div > div:first-of-type { padding: 2px 10px; }
.divOPSolR6 canvas { height: calc((100vh - 80px) / 6 / 1.2) }
.divOPSolR6 img { height: calc((100vh - 80px) / 6 / 2.9) }
.divOPSolR6 .imgOprGif1, .divOPSolR4 .imgOprGif2 { height: calc((100vh - 190px) / 5 / 2.5) !important; }
.divOPSolR7 > div { margin: 2px 2px; }
.divOPSolR7 .divOPGDetay { font-size: 70%; }
.divOPSolR7 > div > div:first-of-type { padding: 2px 10px; }
.divOPSolR7 canvas { height: calc((100vh - 80px) / 7 / 1.25) }
.divOPSolR7 img { height: calc((100vh - 80px) / 7 / 2.6) }
.divOPSolR7 .imgOprGif1, .divOPSolR4 .imgOprGif2 { height: calc((100vh - 190px) / 5 / 2.5) !important; }
.divOPSolR7 .btnGDetay1, .divOPSolR7 .btnGDetay2, .divOPSolR7 .btnGDetay3, .divOPSolR7 .btnGDetay4, .divOPSolR7 .btnGDetay5 { width: 20px; height: 20px; }
.divOPSolR7 .divOPGDetay > div > div { padding: 2px 2px; }

.divOPSag2 { width: 82px; }
.divOPSag2 .divGridDis { overflow: hidden; }
.divOPSag2 .divGridH, .divOPSag2 .divOPSagDoluluk > div:nth-of-type(2), .divOPSag2 .divOPSagDoluluk > div:nth-of-type(3) { display: none; }
.divOPSol2 { width: calc(100% - 82px); }
.divOPSol2 .canLive100 { width: calc(100% - 90px); }

.divOPSag3 { width: 10%; }
.divOPSag3 .divGrid { width: 400%; }
.divOPSag3 .divGridH, .divOPSag3 .divOPSagDoluluk > div:nth-of-type(2), .divOPSag3 .divOPSagDoluluk > div:nth-of-type(3) { display: none; }
.divOPSag3 .divOPSagDoluluk > div:nth-of-type(1) { width: 100%; }
.divOPSol3 { width: calc(100% - 10%); }
.divOPSol3 .canLive100 { width: calc(89.8%); }

.divOPSag2 .divOPGorunum, .divOPSag3 .divOPGorunum { display: none; }
/**********************************/


/* KIOSK LOGIN */
.divKLogin { display: table; margin-top: 10vh; }
.divKLogin .aLogo { width: 395px; height: 180px; margin: 15% auto; }
.divKLogin .divKSolBaslik { margin-top: 15%; background-color: inherit; color: #000; font-family: ZWFont2; font-size: 60px; letter-spacing: -2.5px; text-align: left; }
.divKLogin .divKKayit { margin: 2% 0px; border-top: none; }
.divKLogin .divKKayit > div { border: solid 1px #000; }
.divKLogin .divKKayit > div > input { font-size: 15px; color: #000; text-indent: 15px; }
.divKLogin .divKSolForm .divKKayitTek { padding-left: 0px !important; background: none !important; line-height: 55px; }
.divKLogin .divKSolForm .divKKayitTek:before { content: none !important; }
.divKLogin .divKKayitButon { border: none !important; width: auto !important; }
.divKLogin .btnKRenk1 { width: 95px !important; height: 55px !important; text-indent: inherit !important; background-color: transparent !important; background: url(../img/btnGiris2.png) no-repeat left top; }
/**********************************/

/* KIOSK */
.divKCDis { margin: 0px 0px; min-width: 100vw; min-height: 100vh; background-color: #f8f7f7; }
.divKCDis:before { content: ' '; position: absolute; width: 0px; border-bottom: 100vh solid #fdc300; border-right: 20vw solid transparent; }
.divKCDis > div { padding: 2% 2%; }
.divKCUst { position: fixed; right: 1%; top: 2%; width: 27%; }
.divKCAlt { position: fixed; left: 1%; bottom: 2%; width: 12%; }
.divKCAltOrta { position: fixed; left: 40%; bottom: 1%; width: 20%; font-size: 150% }
.btnKCAlt2 { position: fixed; right: 0px; bottom: 0px; width: 5px; height: 5px; }
.divKCDate { position: fixed; left: 1%; top: 2%; }

.divKCOrta { width: 80%; margin: 20vh auto 0px; }
.divKCSorgu { display: table; text-align: center; font-size: 600%; }
.divKCSorgu > div { float: left; width: 100%; }
.divKCSorgu > div:nth-of-type(1) { font-weight: bold; }
.txtKCPlaka { min-width: 70vw; height: inherit !important; margin: 4% 0px 2%; padding: 3% 5% !important; border: solid 1px #d7d7d7 !important; font-size: 80% !important; text-align: center; line-height: 100% !important; }
.btnKCPSorgu, .btnKCOSec { padding: 3% 0px; margin: 0px auto; width: calc(50% - 5px) !important; background-color: #3b3f4c !important; color: #fff !important; letter-spacing: 0px; font-size: 50%; font-family: 'ZWFont2';}
.btnKCOSec { font-size: 120%; }

.divKCTarife { position: fixed; right: 1%; bottom: 1%; font-size: 140%; }
.divKCTarife > div:nth-of-type(1) { padding: 5px 10px; background-color: #3b3f4c; color: #fff; font-weight: bold; font-size: 120%; text-align: center; }
.divKCTarife .divGrid { display: initial; font-size: 120%; margin: auto auto; width: auto; text-align: left; }
.divKCTarife > img { float: right; max-width: 40vw; max-height: 40vh; }

.divKCSonuc { position: relative; z-index: 0; display: block; margin-top: 5%; width: 100%; font-size: 150%; text-align: center; }
.btnKSSec { display: inline-block; width: 95px; height: 55px; background: url(../img/btnGiris2.png) no-repeat center center; background-size: contain; }
.divKCDis .divGrid { display: inline-block; max-height: 41vh; overflow-y: auto; font-size: 140%; }
.divKCDis .divGrid > div:first-of-type { background-color: #3b3f4c; font-weight: normal; }
.divKCDis .divGrid > div:first-of-type > div { padding: 0px 10px; }
.btnKCOSec { margin: 0px 2%; width: calc(46% - 5px) !important; background-color: #3b3f4c !important; color: #fff !important; }
.btnKCOTip0, .btnKCOTip1 { padding-right: 5%; background: url(../img/btnKOdeme0.png) no-repeat 5% center; background-size: auto 80%; text-align: right; }
.btnKCOTip1 { background-image: url(../img/btnKOdeme1.png); background-size: auto 65%; }
.divKCOSonuc { position: relative; margin: 15% auto 5%; width: 100%; padding: 4% 0px; background: linear-gradient(0deg, #fff5d5, #fff5d5); font-weight: bold; }
.divKCOSonuc:before, .divKCOSonuc:after { content: ''; position: absolute; left: -2px; top: -2px; background: linear-gradient(45deg, #fdc300, #3b3f4c, #fdc300, #3b3f4c, #fdc300, #3b3f4c, #fdc300, #3b3f4c, #fdc300, #3b3f4c); background-size: 400%; width: calc(100% + 4px); height: calc(100% + 4px); z-index: -1; animation: objSteam 20s linear infinite; }
.divKCOSonuc:after { filter: blur(50px); }
.divKCOSonucOk, .divKCOSonucHata, .divKCOSonucMesaj { height: 250px; border: solid 1px #fdc300; background: url(../img/icoS5Basarili.gif) no-repeat #fff center center; }
.divKCOSonucOk:before, .divKCOSonucOk:after, .divKCOSonucHata:before, .divKCOSonucHata:after, .divKCOSonucMesaj:before, .divKCOSonucMesaj:after { content: none; }
.divKCOSonucHata { background-image: url(../img/icoS5Hata.gif); }
.divKCOSonucMesaj { height: inherit; margin-top: 30vh; background-image: none; font-size: 400%; font-family: Consolas,"courier new"; }
.divKCOSonucOnay { width:fit-content; margin: 5vh auto; padding: 2vh 5vh 4vh 6vh; background: url(../img/icoFis.png) no-repeat #fdc300 2.5vh center; font-size: 160%; font-weight: bold; color: #bb1717;  }
/**********************************/


/* ANIMASYON */
@keyframes divSepetZil {
    0% { transform: rotate(0); }
  0.3% { transform: rotate(30deg); }
  1% { transform: rotate(-28deg); }
  1.6% { transform: rotate(34deg); }
  2.3% { transform: rotate(-32deg); }
  3% { transform: rotate(30deg); }
  3.6% { transform: rotate(-28deg); }
  4.3% { transform: rotate(26deg); }
  5% { transform: rotate(-24deg); }
  5.6% { transform: rotate(22deg); }
  6.3% { transform: rotate(-20deg); }
  7% { transform: rotate(18deg); }
  7.6% { transform: rotate(-16deg); }
  8.3% { transform: rotate(14deg); }
  9% { transform: rotate(-12deg); }
  9.6% { transform: rotate(10deg); }
  10.3% { transform: rotate(-8deg); }
  11% { transform: rotate(6deg); }
  11.6% { transform: rotate(-4deg); }
  12.3% { transform: rotate(2deg); }
  13% { transform: rotate(-1deg); }
  13.6% { transform: rotate(1deg); }

  14.3% { transform: rotate(0); }
  100% { transform: rotate(0); }
}
/**********************************/


@keyframes growProgressBar {
  0%, 33% { --pgPercentage: 0; }
  100% { --pgPercentage: var(--value); }
}

@property --pgPercentage {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}


@keyframes color-change {
  0% { color: #fff; }
  50% { color: #da3109; }
  100% { color: #fff; }
}

@keyframes objSteam {
	0% { background-position: 0 0; }
	50% { background-position: 400% 0; }
	100% { background-position: 0 0; }
}


/* RESPONSIVE */
@media screen and (max-width: 1600px) {
    /* FT - BILGI */
    .divFTBilgiUst > div:first-of-type { width: 57.5%;  }
    .divFTBilgiUst > div:last-of-type { width: 57.5%; }
    /**********************************/

    /* ILETISIM */
    .divIUst { margin-bottom: 15%; }
    .divIAdres { width: 57.5%; }
    /**********************************/
}
@media screen and (max-width: 1400px) {
    body { font-size: 12px; }
    .divContainer { width: calc(100% - 0px) !important; }
    /**********************************/

    /* ANASAYFA */
    .divAnaForm > div:nth-of-type(1) { font-size: 48px; }
    .divAnaForm > div:nth-of-type(2) { width: 75%; margin: -7% 5% 0px 0px; }
    .divAnaForm > div:nth-of-type(3) { width: 75%; height: 28vh; margin: 0px 5% 0px 0px; }
    /**********************************/

    /* FT - BILGI */
    .divFTBilgiUst > div:first-of-type { width: 75%; }
    .divFTBilgiUst > div:last-of-type { top: 30%; width: 75%; font-size: 14px; }
    /**********************************/

    /* ILETISIM */
    .divIUst { margin-bottom: 21%; }
    .divIAdres { width: 62.5%; padding: 1% 4% 1% 6%; }
    .divIAdres > div { margin: 4% 0px; }
    .divIForm { width: 85%; }
    /**********************************/

    /* JURI */
    .divJuri { width: 23%; margin-right: 2.6%; }
    .divJuri:nth-of-type(5n) { margin-right: auto; }
    .divJuri:nth-of-type(5n + 1) { clear: inherit }
    .divJuri:nth-of-type(4n) { margin-right: 0px; }
    .divJuri:nth-of-type(4n + 1) { clear: both; }
    .divJuri > div:nth-of-type(1) { height: 40vh; }
    /**********************************/

}
@media screen and (max-width: 1280px) {
    /* FT - BILGI */
    .divFTBilgiUst > div:first-of-type { width: 85%; }
    .divFTBilgiUst > div:last-of-type { width: 90%; font-size: 14px; }
    /**********************************/

    /* BASVURULAR */
    .divBSol { width: 40%; }
    .divBSol > a { width: 50%; }
    .divBSol > a:nth-of-type(3n + 1 ) { clear: none; }
    .divBSol > a:nth-of-type(2n + 1 ) { clear: both; }
    .divBSag { width: 60%; }
    /**********************************/
}

@media screen and (max-width: 1170px) {
    /* GENEL */
    .navMenuUst > ul > li > a { padding: 14px 3px; }
    /**********************************/
}

@media screen and (max-width: 1024px) {
    /* ANASAYFA */
    /*.navMenuUst > ul > li > a {  margin: 0px 10px; }*/
    .divAnaForm > div:nth-of-type(3) { height: 20vh;  }
    /**********************************/

    /* FT - BILGI */
    .divFTBilgiUst > div:first-of-type { width: 95%; }
    .divFTBilgiUst > div:last-of-type { width: 95%; font-size: 12px; }

    .divFTBilgiAlt { position: relative; }
    .divFTBilgiAlt > div:nth-of-type(2) { margin: 0% 2.5vw; padding: 7% 2.5vw 0px;  }
    .divFTBilgiAlt > div:nth-of-type(3) { margin: 0% 2.5vw; padding: 3% 2.5%; height: 16.5vh;  }
    .divFTBilgiSlider { width: 90vw; }
    /**********************************/
}

@media screen and (max-width: 1000px) {
    /* GENEL */
    .divContainer { width: 100% !important; }
    
    .divMLeftBaslik { display: block; }
    .divMLeftAltGoster { display: block; }

    .divMenuIc { margin: 0px auto; padding: 10px 0px; }
    .divMMenu { display: block; }
    .aLogo { margin: auto auto; width: 45px; height: 40px; /*background-image: url(../img/logoM.png);*/ }
    
    .navMenuUst { display: none; margin: 0px 0px 0px 0px; }
    .navMenuUst > ul { padding: 0px 0px 0px 0px; }
    .navMenuUst > ul > li { padding: 0px 0px; width: 100%; border-bottom: solid 1px #fff; }
    .navMenuUst > ul > li:after { content: " "; position: absolute; left: 0px; bottom: 1px; width: 100%; height: 1px; border-bottom: solid 1px #e0e0e0; }
    .navMenuUst > ul > li > a { display: block; margin: 0px; padding: 10px 15px; font-size: 12px; }
    .navMenuUst > ul > li > div { position: relative; top: 0px; left: 0px;  margin-top: 0px; padding-top: 0px; width: 100%; }
    .navMenuUst > ul > li > div > div { width: 100%; background-color: #fff; }
    .navMenuUst > ul > li > div > div > * { display: block; padding: 10px 10px; max-height: 200px; overflow: auto; line-height: 25px; }
    .navMenuUst > ul > li > div > div > ul > li:first-of-type a { display: none; }

    .divSM { position: relative; right: inherit; top: inherit; display: table; margin: auto auto; transform: inherit; }
    .divSM > a { max-width: 33%; }
    /**********************************/

    .divUPager { text-align: center; margin-bottom: 10px; }

    /* ANASAYFA */
    .divSlide { display: none; }
    .divSlideM { display: block; }

    .divAnaForm { }
    .divAnaForm:before { content: none; }
    .divAnaForm > div:nth-of-type(1) { width: 100%; margin: auto auto; font-size: 32px; writing-mode: inherit; transform: inherit; text-align: center; }
    .divAnaForm > div:nth-of-type(2) { width: 100%; margin: 0px 0%; }
    .divAnaForm > div:nth-of-type(3) { width: 100%; margin: 0px 0px; height: auto; background: none; border: solid 10px #535353; border-top: none; }
    
    .divAnaSag { padding: 15px 15px; }
    .divAnaAlt > div:nth-of-type(3) > div { width: 48%; margin-right: 4%; }
    .divAnaAlt > div:nth-of-type(3) > div:nth-of-type(even) { margin-right: 0px; }

    .divAFBaslik { font-size: 24px; }
    /**********************************/

    /* FORM CEVAP */
    .divFCDisBaslik { padding: 0px 5%; font-size: 20px; }
    .divFCBaslik { font-size: 16px; }
    .divFCKayit > div input[type='text'], .divFCKayit > div input[type='date'], .divFCKayit > div select, .divFCKayit > div textarea { font-size: 14px; }
    /**********************************/

    /* FORM CEVAP */
    .divIHarita { width: 100%; }
    .divIHarita div:nth-of-type(1) { left: 10px; top: 10px; width: calc(100% - 20px); height: 1px;  }
    .divIHarita div:nth-of-type(2) { right: 10px; top: 10px; width: 1px; height: calc(100% - 20px);}
    .divIHarita div:nth-of-type(3) { left: 10px; bottom: 10px; width: calc(100% - 20px); height: 1px; }
    .divIHarita div:nth-of-type(4) { left: 10px; top: 10px; width: 1px; height: calc(100% - 20px); }
    .divIAdres { position: relative; top: inherit; right: inherit; width: 100%; padding: 2% 5% 2% 7%; }

    .btnDosyaEkle, .btnDosyaSil { padding: 10px 10px; margin-top: 5px; margin-bottom: 5px; }
    .btnDosyaSil { padding: 11.5px 10px !important; }
    /**********************************/

    /* ILETISIM */
    .divIForm { width: 100%; }
    .divIFKayit { padding: 0px 0px 1%; }
    .divIFKayit > div {width: 99%;font-family: 'ZWFont2';}
    .divIFBaslik { font-size: 24px; }
    .divIUst { margin-bottom: 5%; }
    /**********************************/

    /* FT - BILGI */
    .divFTBilgiUst > div:first-of-type { width: 100%; margin-bottom: -20%; }
    .divFTBilgiUst > div:last-of-type { position: relative; top: inherit; right: inherit; width: 100%; }
    .divFTBilgiUst > div:last-of-type > h1 { font-size: 18px; }
    .divFTBilgiUst > div:last-of-type > div:last-of-type { display: none; }

    .divFTBilgiAlt { margin-top: 5vw; }
    .divFTBilgiAlt > div:nth-of-type(1) { margin: auto auto -15px; font-size: 32px; line-height: 15px; letter-spacing: -0.5px; }
    .divFTBilgiAlt > div:nth-of-type(2) { width: 95vw; }
    .divFTBilgiAlt > div:nth-of-type(3) { height: auto; border: solid 10px #535353; border-top: none; background: none; }
    
    .divFTBilgiSlider { font-size: 14px; line-height: 150%; }
    .divFTBilgiSlider .item { padding: 0px 0px; }
    .divFTBilgiSlider .item > div:first-of-type { font-size: 18px; }
    /**********************************/

    /* JURI */
    .divJDis { padding: 10px 10px; }
    .divJuri { width: 49%; margin-bottom: 5%; margin-right: 2%; }
    .divJuri:nth-of-type(4n) { margin-right: auto; }
    .divJuri:nth-of-type(4n + 1) { clear: inherit }
    .divJuri:nth-of-type(2n) { margin-right: 0px; }
    .divJuri:nth-of-type(2n + 1) { clear: both; }
    .divJuri > div:nth-of-type(1) { width: 100%; }
    .divJuri > div:nth-of-type(2) { width: 100%; }
    .divJuri > div:nth-of-type(2) > span { font-size: 14px; }
    .divJuri > div:nth-of-type(2) > div { display: none; }
    /**********************************/

    /* BASVURULAR */
    .divBSol { width: 100%; }
    .divBSol > a > div:last-of-type { font-size: 13px; }
    .divBSag { width: 100%; }
    /**********************************/

    /* UYELIK */
    .divKSol { width: calc(90% - 0PX); margin-left: 5%; }
    /**********************************/
}
/**********************************/
@media screen and (max-width: 500px) {
     /* JURI */
    .divJDDis > div:nth-of-type(1) > div:nth-of-type(2) { width: 100%; margin: 10px 0px 20px }
    .divJDDis > div:nth-of-type(1) > div:nth-of-type(3) { display: table; width: 100%; margin-bottom: 30px; }
    .divJDDis > div:nth-of-type(2) { font-size: 14px; }
    /**********************************/


    /* BASVURULAR */
    .divJDDis > div:nth-of-type(1) > div:nth-of-type(1) { margin-right: 5%; width: 110px; height: 110px; }
    .divJDDis > div:nth-of-type(1) > div:nth-of-type(2) { width: calc(95% - 110px) !important; margin: 20px 0px ; font-size: 17px; }
    .divJDDis > div:nth-of-type(1) > div:nth-of-type(3) { width: calc(95% - 110px) !important; }
    .divJDDis > div:nth-of-type(2) { font-size: 13px; }
    
    .divOVKategori > div:first-of-type { font-size:  15px; }
    .divOVTable { width: 100%; min-width: inherit; }
    /**********************************/
}



/* IE EDGE */
@supports (-ms-ime-align: auto) {
}
/**********************************/

/* IE +9 */
@media screen\0 {
    /*.divUFCerceveBaslikYatay { writing-mode: lr-bt; }*/
}