bold{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#FFF;font-weight:700;}

body{
height:100%;
font-family:arial;
font-size:13px;
 color: fff;
    font-family: 'system-ui';

margin: 0px;
margin-top: 9px;
padding: 0px;

	
;}


iframe, img, video {
    max-width: 100%;
}
#loading {
    position: fixed;
    z-index: 99999999;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #282d4d;
    margin: 0 auto;
    text-align: center;
}

#loading img {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 45%;
    margin: 0 auto;
}



@font-face {
    font-family: 'AbakuTLSymSansRegular';
    src: url('abakutlsymsans.eot');
    src: url('abakutlsymsans.eot?#iefix') format('embedded-opentype'),
         url('abakutlsymsans.woff') format('woff'),
         url('abakutlsymsans.ttf') format('truetype'),
         url('abakutlsymsans.svg#AbakuTLSymSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Kalam';
    src: url('subset-Kalam-Regular.woff2') format('woff2'),
        url('subset-Kalam-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




@font-face {
    font-family: 'Cinzel';
    src: url('subset-Cinzel-Bold.woff2') format('woff2'),
        url('subset-Cinzel-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Kavivanar';
    src: url('subset-Kavivanar-Regular.woff2') format('woff2'),
        url('subset-Kavivanar-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Raleway';
    src: url('subset-Raleway-Regular.woff2') format('woff2'),
        url('subset-Raleway-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}









 
.tl{
	font-family: "AbakuTLSymSansRegular", serif;
	font-size:14px;
 }
td.header{font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#FFF;background-image:url(grad.jpg);}
td.tip{font-size:10px;font-family:arial;color:#FFF;}

input.submit{font-size:10px;color:#000;background-color:#FFF;border-color:#FFF;border-style:solid;border-width:1px;}
SELECT {
    background: #0a0d10;
    height: 33px;
    border-radius: 6px;
    color: #ffffff;
    BORDER: 1px solid #2b2f35;
}
TEXTAREA:FOCUS{background-color:#0a0d10;color:#FFF;font-size:14px;font-family:'system-ui';padding:6px;}

INPUT:FOCUS{background-color:#0a0d10;color:#FFF;font-family:'system-ui';padding:6px;}

INPUT:HOVER {
    border: #33373d 1px solid;
    background: #0a0d10;
    color: #FFF;
    font-size: 15px;
    caret-color: #ff0000;
    outline: none;
    border-radius: 6px;
    font-family: 'system-ui';
    padding: 6px;
}

TD.subTitle{    height: 35px;
    color: #b7b7b7;
    border-radius: 4px;
    font-family: system-ui;
    text-align: center;
    background:linear-gradient(91deg, #1c1f25eb 0, #0e0e0e 117%);
    background-repeat: repeat-x;
    background-position: middle;
    font-weight: 700;
    font-size: 15px;
    margin: 0;
    padding: 0;}


TD.subTitlem{height:35px;color:#b7b7b7;border-radius:4px;font-family: 'Cinzel';text-align:left;border:#545151 0px solid;


   background: linear-gradient(179deg,#10222e  0,#091822 100%);
background-repeat: repeat-x; background-position: middle;font-family:Arial;font-weight:700;font-size:15px;margin:0;padding:0;}

TD.mainTxtyeni1{border:#000 0px solid;background: #0e1a2b;  /* fallback for old browsers */font-size: 11pt;color:#dcdcdc;font-family: 'system-ui';border-radius: 7px;height: 20px;padding;padding: 9px 0px 9px 0px;}



TD.subT{padding-left:20px;font-weight:400;font-size:20pt;color:#000;font-family:'Cinzel';height:25px;}
TD.mainTxtr{border:#000 0px solid;background: #162234  ;  /* fallback for old browsers */;font-size:11pt;color:#FFF;height:20px;font-family: 'system-ui';padding:0px;border-radius: 3px;}
TD.mainTxt{border:#000 0px solid;background: #181b1e73 ;  /* fallback for old browsers */;font-size:11pt;color:#dcdcdc;font-family: 'system-ui';  border-radius: 7px;height:20px;    padding: 7px;}
TD.mainTxt2{border:#000 0px solid;background: #181b1e73  ;  /* fallback for old browsers */;font-size:11pt;color:#dcdcdc;height:20px;font-family: 'system-ui';padding:10px;}
TD.mainTxtx{border:#000 0px solid;background: #181b1e73 ;  /* fallback for old browsers */;font-size:11pt;color:#FFF;height:20px;font-family: 'system-ui';padding:4px;}
TD.mainTxtt{border:#000 0px solid;background-color:#181b1e73  ;font-size:10pt;color:#b2b4b2;height:20px;font-family: 'system-ui';padding:11px;}
TABLE.mainTxt{font-size:10pt;background:#grey;color:#FFF;height:20px;font-family: 'system-ui';padding:11px;}
TD.mainTxtS{border:#000 0px solid;font-size:11pt;background: #181b1e73  ; color:#FFF;font-family: 'system-ui';padding:3px 3px 3px 5px;}
TD.mainTxxtS{border:#000 1px solid;font-size:11pt;background: #181b1e73  ;  /* fallback for old browsers */
color:#FFC;font-weight:bolder;font-family: 'system-ui';padding:3px 3px 3px 5px;}
TD.mainTxS{border:#000 0px solid;font-size:11pt;background: #181b1e73  ; color:#FFF;font-family: 'system-ui';font-weight:bolder;padding:3px 3px 3px 5px;}
.gerisayim{background-color:#1F1F21;text-align:center;vertical-align:middle;}
.yazibasligi{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;font-weight:700;color:#0F0;}
.textarea{width:100%;height:175px;background:#EBE9DD;color:#810000;border:1px solid #B0AA93;font-weight:700;font-size:10px;font-family: 'system-ui';}
a,a:link,a:visited , a:active{text-decoration:none;color:#EFEFEF;font-size:14px;cursor:pointer;font-family: 'system-ui'; font-weight:420; -webkit-tap-highlight-color: transparent; }
TEXTAREA,INPUT{
    border: #33373d 1px solid;
    background: #0a0d10;
    color: #FFF;
    font-size: 15px;
    caret-color: #ff0000;
    outline: none;
    border-radius: 6px;
    font-family: 'system-ui';
    padding: 6px;
	}
	
	
TD.select1 {
    height: 35px;
    color: #b7b7b7;
    border-radius: 4px;
    font-family: cinzel, cursive;
    text-align: center;
    border: #1c2b41 0px solid;
    background: linear-gradient(91deg, #1b1d1e 0, #191b1e80 117%);
    background-repeat: repeat-x;
    background-position: middle;
    font-weight: 700;
    font-size: 15px;
    margin: 0;
    padding: 0;
}

	
TD.select2 {
height: 35px;
    color: #b7b7b7;
    border-radius: 4px;
    font-family: cinzel, cursive;
    text-align: center;
    border: #43232d 0px solid;
    background: linear-gradient(90deg, #151516ad 0, #550808 226%);
    background-repeat: repeat-x;
    background-position: middle;
    font-weight: 700;
    font-size: 15px;
    margin: 0;
    padding: 0;

}

.form_radio,.selectkoyu{background-color:#1D2A36;border:0;}


@media only screen and (max-width:1230px) and (min-width:990px){ 

 }
@media only screen and (min-width: 480px) and (max-width: 767px) {

}
@media only screen and (max-width: 479px) {

}
.container { background-repeat: no-repeat;  background:#172336; color:#1c1e2b;font-size:12px;font-family:arial; }


.giris {
 color: #b1abab;
 font-size: 13px;
 position:fixed;
 top: 108px;
 margin-left: 20px;
 font-family: monospace;
 }
 
 
 
 .bilgi {
 color: #b1abab;
 font-size: 13px;

 font-family: monospace;
 }
 
 .geritus {

 position:fixed;
 top: 20px;
 left: 37px;
 }
  .mermi {
 position:fixed;
 top: -16px;
 }
 
 .der{
 position:fixed;
 top: 50px;
 }
 
 
::-webkit-scrollbar {
  display: none;
}
}

::-webkit-scrollbar-thumb {
    background-color: #ffffff00}

::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,.3)
}



.bubble {
	position: relative;
	background: #0a19329e;
	border-radius: .6em;

    width: auto;
    height: auto;
    padding: 7px 7px;
    float: left;
    margin: 0em 0px;
    text-align: left;
    line-height: 1.3;
    color:#EFEFEF;
    font-size: 14px;
}


.bubble h1 {
    color:white;
    margin: 0;
    font-size: 150%;
}
.bubble h2 {
    margin: 0;
    font-size: 40%;
    font-weight: normal;
}	

.shbt {
    text-align: center;
    width: 40px;
}

#notification {
    position: fixed;
	top: -100px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #0a3654;
    color: #ededed;
    border-radius: 7px;
    padding: 18px;
    width: 80%;
	font-size: 15px;
    text-align: center;
    transition: top 0.5s ease;
	
}


#notificationk {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    background-color: #5c2323;
    color: #f5f5f5;
    border-radius: 7px;
    padding: 18px;
    width: 80%;
	font-size: 15px;
    text-align: center;
    transition: top 0.5s ease;
}

#notificationy {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    background-color: #264e25;
    color: #f5f5f5;
    border-radius: 7px;
    padding: 18px;
    font-size: 15px;
    width: 80%;
    text-align: center;
    transition: top 0.5s ease;
}

.buttonmavi {

  display: inline-block;


  -webkit-border-radius: 10px;

  -webkit-box-shadow:

    /* gradient effects */
    0px 3px #123e6a,
    0px 3px #123e6a,
    0px 4px #123e6a,
    0px 4px #123e6a,
   
     0px 3px 0px 0px #123e6a;
  /* shadow */

  -webkit-transition: -webkit-box-shadow .1s ease-in-out;
}

.buttonmavi span {
  background-color: #1c4f83;

  -webkit-background-size: 100%, 100%, 100%, 4px 4px;

  -webkit-border-radius: 10px;
  -webkit-transition: -webkit-transform .1s ease-in-out;

  display: inline-block;
  padding: 5px 5px;
text-align:center;
  color: #f9f9f9;
 
  font-family: 'yaldevi';
  font-weight: 700;
  font-size: 14px;

 
}



.buttonmavi:active {
  -webkit-box-shadow:
    0px 1px #123e6a,
    0px 2px #123e6a,
    0px 3px #123e6a,
    0px 4px #123e6a,
    0px 2px #123e6a,
    0px 4px #123e6a,
    0px 3px 0px 0px #123e6a;
  /* shadow */
}

.buttonmavi:active span {
  -webkit-transform: translate(0, 4px);
  /* depth of button press */
}

button {
    border-right: #405787 1px solid;
    border-top: #405787 1px solid;
    border-left: #405787 1px solid;
    border-bottom: #405787 1px solid;
    background: #111c2c;
    color: #FFF;
    font-size: 14px;
    caret-color: #709EEF;
    outline: none;
    border-radius: 6px;
    font-family: 'system-ui';
    padding: 2px;
}




 .menu {
                    position: relative;
                }

                .side-menu {
                    position: fixed;
                    top: 0;
                    left: -250px;
                    width: 215px;
                    height: 100%;
                    background-color: #1b283c;
                    color: #fff;
                    transition: left 0.100s ease-in-out;
                    overflow-y: auto;
                    /* Kaydırılabilirlik ekleniyor */
                    z-index: 1;
                }

                .side-menu.open {
                    left: 0;
                }

                .side-menu ul {
                    list-style: none;
                    padding: 7;
                }
.side-menu ul li {
    display: flex;
    align-items: center;
    padding: 7px;
    border-radius: 10px;
    border: 1px solid #515a67;
}
                .side-menu ul li img {
                    margin-right: 10px;
                }

                .side-menu a {
                    text-decoration: none;
                    color: #fff;
                }

                #openMenu {
                    background-color: #1b283c;
                    color: #fff;
                    margin-left: 12px;
                    border: none;
                    cursor: pointer;

                }

                #closeMenu {
                    background-color: #1b283c;
                    color: #fff;
                    border: none;
                    padding: 13px;
                    float: right;
                    cursor: pointer;
                }

                .menu {
                    position: relative;
					display:flex;
                }
  .side-menu {
                    position: fixed;
                    top: 0px;
                    left: -250px;
                    width: 215px;
                    height: 100%;
                    background-color: #1b283c;
                    color: #fff;
                    transition: left 0.4s ease-in-out;
                    overflow-y: auto;
                    z-index: 2;
                }

                .side-menu.open {
                    left: 0;
                }

                .side-menu ul {
                    list-style: none;
                    padding: 7;
                }

                .menu-title {
                    cursor: pointer;
                    padding: 10px;
                    border-bottom: 1px solid #253650;
                    color: #fff;
                    background-color: #1b283c;
                }

                .menu-title:hover {
                    background-color: #253650;
                }

                .sub-menu {

                    list-style: none;
                    padding: 0;
                    display: none;
                    max-height: 0;
                    /* Alt menü başlangıçta tamamen gizli */
                    overflow: hidden;
                    /* Fazla içeriği gizle */
                    transition: max-height 0.3s ease-in-out;
                    /* Geçiş efekti ekleyin */
                }

                .sub-menu.show {
                    display: block;
                    background: #1b283c;
                    max-height: 100%;
                }

                .sub-menu li {
                    display: flex;
                    align-items: center;
                    padding: 10px;
                    border-bottom: 1px solid #253650;
                }

                .sub-menu li img {
                    margin-right: 10px;
                }

                .sub-menu a {
                    text-decoration: none;
                    color: #fff;
                }

                /* Tıklanan başlığın rengini değiştirmek için CSS kodu */
                .menu-title.active {
                    background-color: #253650;

                    /* Aktif renk */
                    color: #fff;
                    /* Aktif metin rengi */
                }

                #search-close-icon {
                    position: absolute;
                    top: 0;
                    right: 0;
                    cursor: pointer;
                    /* İkonun üzerine gelince imleci el işareti yapar */
                }
         
		 
		 
		 
		 
		 
		 
		 
		 
		 
		 
  #menu {
	  
    position: fixed;
    bottom: 0;
    left: 0;
	padding: 15px 0px 0px 0px;
    z-index: 1;
    width: 100%;
    background: #1b283c;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
    transform: translateY(100%);
}
    

.spansicerik {
    text-align: left;
}
.spans {
    text-align: left;
}
.spans-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
	    margin-left: 10px;
    margin-right: 10px;
}
.category-image {
    height: 38px;
    width: 100%;
    display: flex;
    align-items: center;
}

li {
    margin-bottom: 5px;
    margin-left: 10px;
    display: flex;
    align-items: center;
}


.logo-list {
  
  lis
list-style: none; /* Sırasız liste noktalarını kaldırır */
  
  
padding: 0; /* Liste içi dolgusunu sıfırlar */
}




.logo-list li {
	
    display: flex;
	
  margin-bottom: 10px; /* Logolar arasında boşluk bırakır */
   font-size: 14px;
    border-bottom: 1px solid #303f55;
    padding-bottom: 5px;
	
cursor: pointer; /* Farenin üzerine geldiğinde el işareti gösterir */
}


}

.logo-list li img {
  
  displa
display: block; /* Resimleri blok öğe olarak görüntüler */
  
  max-wi
max-width: 100%; /* Resimlerin maksimum genişliğini ayarlar */
  
  heig
height: auto; /* Orantılı olarak yüksekliği ayarlar */
}









.bottom-navigation {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            background-color: #1b283c;
            display: flex;
            justify-content: space-around;
            align-items: center;
            padding: 4px 0;
            box-shadow: 0 0px 1px rgb(124 126 129);
        }

        .bottom-navigation-item {
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            padding: 5px;
        }

        .bottom-navigation-line {
            position: absolute;
            bottom: 2px;
            left: 0;
            width: 100%;
            height: 2px;
            background-color: #b72d2d;
            border-radius: 20px;
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.3s ease;
        }

        .bottom-navigation-item.active .bottom-navigation-line {
            transform: scaleX(1);
        }

        .bottom-navigation-item img {
            width: 27px;
            height: 27px;
            margin-bottom: 5px;
        }

        .bottom-navigation-item span {
            font-size: 12px;
        }
		
		

            .popup {
                display: none;
                position: fixed;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                z-index: 1;
            }



            .popup-open {
                display: block;
            }

            .conversation-list {
                margin-top: 5px;
                max-height: 96%;
                max-width: 100%;
                overflow-y: hidden;
            }

            .conversation {
                display: flex;
                overflow: hidden;
                margin-bottom: 10px;
            }

            .conversation:hover {
                background-color: rgba(0, 0, 0, 0.1);
                /* Siyah rengin hafif bir tonu */
                cursor: pointer;
                /* Farenin üstünde el işareti görünmesi için */
            }

            .conversation img {
                border-radius: 50%;
                width: 40px;
                height: 40px;
                margin-right: 8px;
            }

            .conversation-details {
                text-align: initial;
            }

            .conversation-name {
                font-size: 13px;
                color: 95BEEC;
            }
.popup-content2 {
    background-color: #152339;
    border-style: solid;
    border-width: 1px;
    border-top-color: #304263;
    border-left-color: #304263;
    border-right-color: #304263;
    border-bottom-color: #304263;
    padding: 6px;
    margin-top: 54px;
    width: 230px;
    margin-left: auto;
    margin-right: 53px;
    height: 426px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    position: relative;
            }

            .conversation-date {
                color: #c1c1c1;
                font-size: 11px;
            }

            .conversation-separator {
                color: #202d40;
                border: solid 1px;
            }

            .ust {
                display: flex;
                justify-content: space-between;
                align-items: center;
                font-size: 12px;
                margin-left: 3px;
                margin-right: 3px;
            }

            .alt {
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 12px;
                width: 233px;
                margin-left: auto;
                margin-right: 53px;
                border-radius: 2px;
                padding: 6px 10px 7px 1px;
                background: #1b3151;
            }
			
			
            .yenim2 {
            display: flex;
            }
      


  /* Buton */
    .button {
        display: inline-block;
        padding: 10px 20px;
        background-color: #1c4f83;
        color: #fff;
        border-radius: 5px;
        cursor: pointer;
    }

    /* Pop-up Arka Plan */
    .popup-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgb(0 0 0 / 10%);
        display: none;
        /* Başlangıçta görünmez */
        justify-content: center;
        align-items: center;
        z-index: 9999;
        animation: fadeIn 0.3s ease-in-out;
        /* Açılma animasyonu */
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Pop-up İçerik Kutusu */
    .popup-content {
        background-color: #17253a;
        padding: 20px;
        width: 245px;
        height: 427px;
        border-radius: 10px;
        max-width: 600px;
        text-align: center;
        position: relative;
        animation: scaleIn 0.3s ease-in-out;
        /* Açılma animasyonu */
    }

    @keyframes scaleIn {
        from {
            transform: scale(0.8);
        }

        to {
            transform: scale(1);
        }
    }

    /* Kapatma Butonu */
    .close-button {
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: #0e3550;
        color: #ffffff;
        border: none;
        border-radius: 50%;
        padding: 5px;
        font-size: 16px;
        cursor: pointer;
    }

    /* İleri Geri Butonları */
    .popup-nav {
        margin-top: 10px;
        display: flex;
        /* Yatay düzen */
        justify-content: center;
        /* Ortaya hizalama */
    }

    .popup-nav button {
        margin-right: 10px;
    }

    /* Resimli Linkler */
    .popup-links {
        display: inline-grid;
        margin-top: 15px;
        justify-content: center;
    }

    .popup-links a {
        display: block;
        margin-bottom: 10px;
    }

    .popup-links img {
        max-width: 100%;
        height: auto;
        border-radius: 5px;
    }

    /* Kapanma Animasyonu */
    @keyframes scaleOut {
        from {
            transform: scale(1);
        }

        to {
            transform: scale(0.8);
        }
    }



    .menu-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: 10px;
    }

    .menu-item img {
        margin-bottom: 5px;
    }

    .arrowContainer {
        display: flex;
        justify-content: space-between;
        width: 89px;
        margin: auto;
        margin-top: -3px;

    }

    .leftArrow,
    .rightArrow {
        width: 0;
        height: 0;
        border-top: 18px solid transparent;
        border-bottom: 18px solid transparent;
        border-right: 31px solid #ab3434;


    }

    .rightArrow {
        border-right: none;
        border-left: 31px solid #ab3434;
    }
	
	
 /* Arama simgesi stilleri */
            .search-icon {
                z-index: 1;
                margin-right: 9px;
                text-align: right;
                max-width: 30px;
                margin-top: 12px;
            }

            /* Arama kutusu stilleri */
            .search-container {
                display: none;
                /* Başlangıçta gizli tutulur */
                flex-direction: column;
                align-items: center;
                margin-top: 10px;
                position: absolute;
                /* Arama kutusu icon'a göre konumlandırılacak */
                top: calc(100% + 10px);
                /* Icon'un altına gelecek şekilde ayarlayın */
                left: 50%;
                /* Orta hizalama */
                transform: translateX(-50%);
                /* Yatay hizalama */
            }
.search-container.active {
    display: flex
;
    top: 0px;
    margin-left: 400px;
    margin-top: 84px;
    z-index: 1;
    width: 250px;
    align-items: self-start;
}

            #search-input {
                width: 100%;
                padding: 10px;
				font-size: 13px;

                border: 1px solid #303844;
                margin-top: 4px;
                margin-bottom: 10px;
            }

            /* Arama sonuçları stilleri */
            #search-results {
                margin-top: -10px;

                border-radius: 6px;
                background: #000000bd;
                width: 100%;

            }

            ul {
                list-style-type: none;
                padding: 0;
            }

            li {
                margin-bottom: 5px;
                margin-left: 10px;
                display: block;
            }

            #loading-indicator {
                display: none;
                align-items: center;
                justify-content: center;
            }