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

body,
html {
	font-family: 'Cuprum', sans-serif;
	height: 100%;
	/*font-size:14px*/
}


.container-fluid.ana {
	padding-left: 3rem;
}

.container-fluid.ana.sayfag {
	padding-left: 0rem;
}

/**/

#girisLogo {
	position: absolute;
	left: 50%;
	margin-left: -110px;
	top: 50%;
	margin-top: -280px
}

.acilirForm:last-child {
	display: none;
}

/* anasayfaHaber */
#anasayfaHaber {
	width: 250px;
	position: absolute;
	left: 0px;
	top: 25px;
	height: calc(100% - 60px);
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 35px 25px 25px 25px;
	z-index: 50;
	overflow: hidden;
}

#anasayfaHaber h2 {
	background: #00000020;
	padding: 2px 10px;
	box-shadow: 0 3px 2px #00000050;
	margin: 0;
	font-size: 1rem;
}

#anasayfaHaber h2 a {
	margin: 10px 0 0 0
}

#anasayfaHaber div.haberKutu>div>a {
	color: white !important;
	opacity: 0.8 !important;
}

#anasayfaHaber .kapat {
	right: -10px;
	top: 30px;
}

#anasayfaHaber.aktif {
	left: 0px;
}

/* anasayfaHaber */


#sol {
	position: fixed;
	transition: 0.5s;
	left: -50px;
	top: 45px;
	width: 50px;
	overflow: hidden;
	height: 100%;
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
	z-index: 1020;
}

#sol ul#solMenu {
	padding: 5px 0;
}

#sol.aktif {
	transition: 0.5s;
	left: 0;
}

main {
	transition: 0.5s;
}

main.aktif {
	transition: 0.5s;
	padding-left: 60px;
}

#girisPencere {
	z-index: 9999;
}

#girisPencere .girisLogo {
	max-width: 200px;
	max-height: 50px;
	margin: 0 auto
}

#girisPencere .close {
	position: absolute;
	right: 1rem;
	top: 1rem;
}

#ust {
	height: 45px;
}

#ust a.logoKapsayan {
	text-decoration: none;
}

#ust a.logoKapsayan img.logo {
	position: relative;
	max-height: 30px;
	padding: 0px 0 0 0;
	vertical-align: middle;
}

#ust a {
	color: #fff;
}

#ust .logoKapsayan h3 {
	font-size: 1.2rem;
	line-height: 1.5rem;
	vertical-align: middle;
	margin: 0;
}

#ust ul.yaziUstMenu {
	margin: 0 0 0 auto;
}

#ust ul.yaziUstMenu.navbar-nav li:hover>ul.dropdown-menu {
	display: block;
}

#ust ul.yaziUstMenu.navbar-nav .dropdown-menu {
	max-height: calc(100vh - 100px);
	overflow: auto;
	overflow-x: hidden;
}

#dropdownProfil .dropdown-toggle::after {
	display: none;
}

#ust .dropdown-divider {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}

#ust .dropdown-item {
	color: #fff;
}

#ust .dropdown-item:hover,
#ust .dropdown-item:focus {
	background: rgba(0, 0, 0, 0.1);
}


#ust .nav-item span.badge {
	position: relative;
	top: -10px;
	margin-left: -8px;
	border-radius: 18px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	padding: 0;
}

#ust #yaziBoyut span {
	margin-right: 5px;
}

/* * { font-size:1rem !important; }*/

.solAcKapatBtn {
	top: 0;
	left: 0;
}

.ustSagNavigasyonBtn {
	top: 0;
	right: 5px;
}


#solMenu .menu-item {
	padding: 10px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	opacity: 0.3;
}

#solMenu .menu-item.active {
	border-right: 5px solid #000;
	opacity: 1;
}

/*#solMenu .menu-item a img.ikon { margin-right:5px; }*/


#girisArkaplanModern {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
}

#girisArkaplanModern .slayt {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
}

#girisArkaplanTarama {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/tarama.gif);
	opacity: 0.4;
	left: 0px;
}

#girisModernWebindex {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -165px 0 0 -170px;
	font-size: 14px;
	background: rgba(0, 0, 0, 0.5);
	padding: 20px;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5)
}

#girisModernWebindex h1 {
	color: #fff;
	margin: 20px 0 20px 0
}

/*
#sloganModernKapsayan { top:-150px; text-shadow:1px 1px 0 #000; font-size:28px; width:100%; line-height:40px; height:150px;  }
#sloganModern { transform:translateY(-50%); position:absolute; width:100%; left:0; top:50%    }
*/
#sloganModernKapsayan {
	height: 50px;
	font-size: 28px;
}

blink {
	width: 15px;
	height: 1px;
	display: inline-block;
	margin-left: 3px;
	border-bottom: 5px solid #fff;
	box-shadow: 1px 1px 0 #000;
}

#girisAramaKapsayan {
	position: relative;
	left: 50%;
	max-width: 800px;
	margin-left: -400px;
	margin-top: 150px;
}

#girisAramaKapsayan .aramaFormKapsayan {
	width: 100%;
}

#girisAramaKapsayan input.arama {
	/*border-radius:25px 0 0 0;*/
	background: #ffffff;
	border-radius: 25px 0 0 25px
}


#girisAramaKapsayan #materyalGrafik {
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}

#girisAramaKapsayan .mikrofon {
	position: absolute;
    top: 18px;
    left: 7px;
    font-size: 25px;
    z-index: 99;
}




#tekTag a {
	color: #fff;
	display: block;
	width: 80px;
	text-align: center;
}

.genelIstatistik {
	background: #00000050;
	color: #fff;
}

#girisAramaKapsayan .dropdown-menu {
	height: calc(100vh - 500px);
	overflow: auto;
	overflow-x: hidden;
	background: none;
	background: rgba(255, 255, 255);
}

#girisAramaKapsayan .dropdown-menu li {
	background: none;
}

#girisMenu {
	padding-left: 5px;
}

#girisMenu .menu-item {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	height: 50px;
	padding: 10px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

/* konuKayan */

#konuKayan .kutu {
	text-align: center;
	padding: 3px;
	width: 16.6667%;
	float: left;
}

#konuKayan .kutu a {
	min-height: 116px;
	width: 100%;
	line-height: 16px;
	padding: 7px;
	background: #fff;
	display: block;
	height: 160px
}

#konuKayan .kutu a img {
	height: 60px;
	max-width: 100%;
	margin-bottom: 3px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

#konuKayan .carousel-control-prev,
#konuKayan .carousel-control-next {
	width: 30px;
	background: none;
	height: 100%;
	top: 0px;
	color: #fff;
}

#konuKayan i.fa {
	font-size: 30px !important;
}

#konuKayan .carousel-control-prev {
	left: -30px;
}

#konuKayan .carousel-control-next {
	right: -30px;
}

/* konuKayan */


/* konuKayanBuyuk */

#konuKayanBuyuk {
	position: fixed;
	left: 0;
	bottom: 25px;
	width: 100%;
	padding: 0 25px 25px 25px;
	background: rgba(255, 255, 255, 0.5);
	z-index: 99;
}

#konuKayanBuyuk .kutu {
	text-align: center;
	border-left: 1px dotted rgba(0, 0, 0, 0.5);
	padding: 10px;
	/* width:20%; float:left;*/
}

#konuKayanBuyuk .kutu:nth-child(5n) {
	border-right: 1px dotted rgba(0, 0, 0, 0.5);
}

#konuKayanBuyuk .kutu a {
	display: block;
}

#konuKayanBuyuk .kutu a h3 {
	font-size: 22px;
	color: #000;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#konuKayanBuyuk .kutu a>div {
	height: 160px;
	overflow: hidden;
}

#konuKayanBuyuk .kutu a img {
	width: 100%;
	height:100%;
	object-fit: scale-down;
}

#konuKayanBuyuk .carousel-control-prev,
#konuKayanBuyuk .carousel-control-next {
	width: 25px;
	height: 150px;
	top: 30px;
	color: #000;
}

#konuKayanBuyuk .carousel-control-prev img,
#konuKayanBuyuk .carousel-control-next img {
	width: 100%;
}


/* konuKayanBuyuk */



#footer span.yaziAltMenu a {
	opacity: 0.5;
	border-right: 1px solid
}

#footer span.yaziAltMenu a:last-of-type {
	border: none
}

#footer .medaslogo,
#footer .yerliUretim {
	opacity: 0.3;
}

#footer .sosyalMedya a {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	border-radius: 50%;
	;
	display: inline-block;
	margin: 0 2px;
}

#footer .sosyalMedya a.facebook {
	background: #3a5794
}

#footer .sosyalMedya a.instagram {
	background: #c3007c
}

#footer .sosyalMedya a.twitter {
	background: #1c9ceb
}

#footer .sosyalMedya a.youtube {
	background: #d62424
}

/*
#footerGiris {  position:fixed; bottom:0; width:100%; height:50px; background:#fff; }
#footerGiris #sol { position:absolute; left:15px; top:15px; }
#footerGiris #sag { position:absolute; right:15px; top:2px; }
#footerGiris #sag #secim { position:absolute; left:-250px; top:15px;  border-bottom:3px solid #fff;}
#footerGiris #orta { position:absolute; left:50%; margin-left:-50px; top:0px; }
#footerGiris #orta img { max-height:50px;  }
#footerGiris #orta img, #footerGiris #sag img{ margin:10px 0 0 20px;  max-height:30px;  }
*/

.birimlerKapsayan {
	height: 100vh;
	overflow: auto
}

.birimSecimiListe .birimKategori .birimSatir {
	position: relative;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
}

.birimSecimiListe .birimKategori .birimSatir .ok {
	position: absolute;
	left: -15px;
	top: 4px;
	z-index: 99;
	cursor: pointer;
}

.birimSecimiListe label {
	margin-bottom: 0;
}

.birimSecimiListe .birimKategori .birimKategori {
	padding-left: 5%;
	/*display:none;*/
}

.birimSecimiListe .birimAdi {
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin: 3px 0 0 0;
}

.birimSecimiListe .birimSatir i.fa.btn.yetki {
	padding: 0 5px;
}

.birimSecimiListe .birimSatir input:checked~i.fa.btn.yetki {
	opacity: 1;
}

.birimSecimiListe .birimSatir label .sahipBirim {
	position: relative;
	top: 2px
}

.birimSecimiListe .birimSatir input~label .sahipBirim {
	display: none
}

.birimSecimiListe .birimSatir input:checked~label .sahipBirim {
	display: inline-block
}

.katalogForm .birimSecimiListe i.fa.btn.yetki {
	display: none;
}

/*sablonlarda kalem ikonu ve islevi olmayacak*/
#uyeEkle .birimSatir .sahipBirim {
	display: none
}

/* uye formda radio sahip olmayacak*/

/* konuListe */
#konuListe .konuSatirKapsayan .konuSatirKapsayan {
	padding-left: 5%;
	/*display:none;*/
}

#konuListe .konuSatir .ok {
	position: absolute;
	margin-left: -20px;
	top: 15px;
	z-index: 99;
	cursor: pointer;
}

#siraDuzenle {
	margin-right: -25px;
}

.konuSatir input {
	width: 40px;
	padding: 0;
	text-align: center;
	float: right;
}

/* konuListe */

/*ust acilir menu*/
ul.yaziUstMenu li {
	position: relative;
}

ul.yaziUstMenu li>ul.altMenu {
	padding: 0;
	width: 200px;
	position: absolute;
	left: 0px;
	z-index: 999999999;
	display: none;
	max-height: calc(100vh - 200px);
	overflow: auto;
	overflow-x: hidden;
}

ul.yaziUstMenu li>ul.altMenu ul.altMenu {
	left: 200px;
	top: 0;
}

ul.yaziUstMenu li i.fa {
	position: absolute;
	top: 5px;
	right: 5px;
}

ul.yaziUstMenu li:hover>ul.altMenu {
	display: block;
	left: 0px;
}

/*ust acilir menu*/

#uyeEkleAvatar {
	position: absolute;
	top: 0px;
	right: 50px;
	height: 50px;
	z-index: 99;
}

#uyeEkleAvatar img {
	height: 50px;
	border: 1px solid rgba(255, 255, 255, 0.3);
}

.navbar.navbarAlt {
	position: relative;
	z-index: 99;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	/*box-shadow:0 1px 3px rgba(0,0,0,0.1);*/
}

.altSayfa {
	margin-top: 90px;
	margin-bottom: 60px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}

.altSayfa.yaziSayfa {
	max-width: 760px;
	border: none;
}

.altSayfa.yaziSayfa h3 {
	border-left: 15px solid;
	border-bottom: 1px solid;
	padding: 0 0 5px 10px
}

.altSayfa.yaziSayfa blockquote {
	margin: 0 25px;
	padding: 0 15px;
	font-size: 30px;
	border-left: 1px solid #999;
}

.aramaForm {
	margin-bottom: 0;
}

.aramaForm .arama.form-control {
	width: 300px;
}

#uyeSayfa #uyeListe tr th:nth-child(1) {
	width: 30px;
}

.uye.badge {
	padding-right: 20px;
	position: relative;
	font-weight: normal
}

.uye.badge i.fa {
	position: absolute;
	right: 5px;
	text-shadow: none;
	color: white;
	opacity: 1;
	font-size: 0.8rem;
}

#uyeListe .avatar,
#uyeKullanim .avatar {
	width: 50px;
	height: auto;
}

#uyeEkle .birimSecimiListeKapsayan .switchKapsayan {
	display: none
}

.sonucAramaKapsayan .sonucAramaAcilir {
	right: 0.5rem;
	top: 30px;
	background: #7f7f7f;
	border-radius: 5px;
	box-shadow: 3px 3px 3px #00000040
}

.sonucAramaKapsayan .sonucAramaAcilir div {
	width: 150px;
	border-bottom: 1px groove #999;
	padding: 3px 8px;
	word-wrap: anywhere;
}

.sonucAramaKapsayan .sonucAramaAcilir div:last-child {
	border: none
}

.sonucAramaKapsayan .sonucAramaAcilir .yukleniyor {
	position: static;
	display: block;
}

#dil span {
	opacity: 0.3;
	margin-right: 5px;
	cursor: pointer;
}

#dil span.aktif {
	opacity: 1;
	cursor: default;
}

.aramaIptal {
	position: absolute;
	z-index: 99;
	cursor: pointer;
}

.profil div {
	display: inline-block;
	vertical-align: top;
	line-height: 0.8rem;
}

.avatar {
	display: inline-block;
	height: 30px;
}

.tekExcelKapsayan {
	right: 15px;
}

.sepetIcerikSatir {
	display: block;
	border-bottom: 1px dashed #ddd;
}

.sepetListeIcerik .card {
	width: 180px;
	height: 155px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	margin: 0px 15px 15px 0
}

.sepetListeIcerik .card-body {
	padding: 0.4rem 0.75rem;
}

.sepetListeIcerik .card .gorsel {
	width: 100%;
	height: 100px;
	overflow: hidden;
}

.sepetListeIcerik .card .gorsel img:not(.ikon) {
	width: 100%;
}

.sepetListeIcerik .card .gorsel img.ikon {
	margin-top: 15px;
}

.sepetListeIcerik .card .islem {
	position: absolute;
	bottom: 0;
	left: 0;
}

li {
	list-style: none;
}

.hidden {
	display: none !important;
}

.gizlen {
	opacity: 0;
}

.divider {
	width: 100%;
	height: 1px;
	margin: 10px 0px;
	overflow: hidden;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2)
}

.puantajArama select {
	width: 120px !important;
}

.sonucSayfalama .form-control {
	display: inline-block;
	width: 34px;
	text-align: center;
}

.exportAlanSecim.custom-control-inline {
	width: 22%;
}


#birimListe .birimKategori .birimSatir {
	position: relative;
}

#birimListe .birimKategori .birimSatir .ok {
	top: 5px;
	left: -5px;
}

#birimListe .birimKategori .birimKategori {
	padding-left: 5%;
}


.alanSablonSecim {
	cursor: move;
}



/* dosya sayfasi */



#kusak {
	top: 0px;
	left: 0;
	width: 100%;
	height: 200px;
	overflow: hidden;
	border-radius: 0 0 100% 100%;
}

#kusak .slayt {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: 0 50% !important;
}

nav.aramaKusak {
	background: rgba(0, 0, 0, 0.5);
	z-index: 15;
}

.secililer span {
	margin: 0 7px 7px 0;
	border-radius: 18px;
	line-height: 18px;
	padding-left: 10px;
	padding-right: 5px;
}

.secililer span i.fa-times {
	margin-left: 5px;
	opacity: 0.7;
	cursor: pointer;
}

.altSayfa#dosyaSayfa {
	border: none;
	text-align: center
}

.altSayfa#dosyaSayfa .container {
	position: sticky;
	top: 50px;
	z-index: 15;
}

.klasor .on {
	position: relative;
	padding: 15px;
	width: 100%;
	height: 100%;
	background: linear-gradient(#f9d684, #f7cd6c);
	border-radius: 0 10px 10px 10px;
	box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.1);
	z-index: 10;
}

.klasor .on:after {
	content: '';
	position: absolute;
	left: 0px;
	top: -10%;
	width: 50%;
	height: 10%;
	background: #f9d684;
	border-radius: 10px 10px 0 0;
	box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.1);
}

.klasor .arka {
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
	position: absolute;
	width: 100%;
	/*height:105%;*/
	height: 100%;
	background: #edc565;
	border-radius: 10px 0 10px 10px;
	left: 0%;
	bottom: 0%;
	z-index: 8;
	/*transform: rotateX(-20deg) skew(-2deg); transform-origin: 0 100%;*/
}

.klasor .arka:after {
	content: '';
	position: absolute;
	right: 0;
	top: -10%;
	width: 40%;
	height: 10%;
	background: #edc565;
	border-radius: 10px 10px 0 0;
}

/* liste için */
/*#liste.container-fluid { padding:0;}*/
#harita {
	margin-bottom: -50px;
}

#liste .bulunamadi span {
	border-bottom: 2px solid var(--danger);
	display: inline-block;
	padding: 0 5px;
	margin-top: 10px;
}

#liste {
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

#liste>.yukleniyor {
	position: static;
	display: block;
	margin: 15px auto;
}

#liste .dosya {
	position: relative;
	transform: rotate(0deg);
	transform-origin: 100% 100%;
	height: 250px;
	min-width: 150px;
	text-align: center;
	overflow: hidden;
	width: auto;
	border: 3px solid #fff;
	vertical-align: top;
	display: inline-block;
	/*! margin:0px 0px 25px 25px; */
	background: #fff;
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}


#liste .dosyaYerTutucu {
	width: 100px;
}

#liste .dosya .bilgi {
	transition: 0.5s;
	position: absolute;
	visibility: hidden;
	z-index: 10;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
	padding: 0px;
	width: 100%;
	height: 0px;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
}

#liste .dosya:hover .bilgi {
	transition: 0.5s;
	height: auto;
	padding: 10px;
	visibility: visible;
}

#liste .dosya .bilgi p {
	width: 100%;
}

#liste .dosya .tutamak,
#liste .dosya .tutamakAdet {
	position: absolute;
	display: none;
	z-index: 10;
	cursor: move;
	background: var(--gray);
	color: #fff;
	padding: 3px 5px;
}

#liste .dosya:hover .tutamak,
#liste .dosya:hover .tutamakAdet {
	display: block !important;
}

#liste .dosya:hover .tutamakAdet {
	left: 30px;
	cursor: pointer;
}

#liste .dosya img.kapak {
	position: relative;
	z-index: 8;
	cursor: pointer;
	top: 50%;
	transform: translateY(-50%);
	height: 100%
}

#liste .dosya img.kapak[src^='img'] {
	height: auto;
}

#liste .dosya .ust {
	position: absolute;
	right: 0px;
	z-index: 10;
}

#liste .dosya video {
	z-index: 9;
	left: 0;
}

/*ankara özel talep*/
#liste .dosya.cbdi {
	border: 4px solid var(--danger)
}

#liste .dosyaKapsayan .dosya .tutamak,
#liste.listeBuyuk .dosya .tutamak,
#liste.listeKucuk .dosya .tutamak {
	display: none !important;
	;
}


#liste.metin {
	display: block;
	position: relative;
	text-align: left;
}

#liste.metin .satirKapsayan {
	position: relative;
	float: left;
	width: 100%;
	border-bottom: 1px dashed #ccc;
	padding: 25px 15px 25px 25px;
}

#liste.metin .satirKapsayan.aktif {
	border: 1px solid #616161;
	border-left-width: 20px;
}

#liste.metin .satirKapsayan:nth-child(2n-1) {
	background: rgba(255, 255, 255, 0.05);
}

#liste.metin .satirKapsayan:nth-child(2n-2) {
	background: rgba(0, 0, 0, 0.03);
}

#liste.metin .satirKapsayan h4,
#liste.metin .satirKapsayan h6,
#liste.metin .satirKapsayan p {
	margin: 0px 0;
}

#liste.metin .satirKapsayan .secimKapsayan {
	position: absolute;
	left: 5px;
	top: 5px;
	z-index: 99;
}

#liste.metin #secimIslemKapsayan {
	top: -35px;
	left: 20px;
}

#liste.metin #secimIslemKapsayan .btn small {
	border-radius: 18px;
}

#liste.metin .satirKapsayan .sol {
	position: relative;
	margin-right: 10px;
	display: inline-block;
	vertical-align: top;
}

#liste.metin .satirKapsayan .sol img {
	max-width: 80px;
	max-height: 80px;
	border-radius: 5px;
	border: 1px solid #fff;
}

#liste.metin .satirKapsayan .sag {
	display: inline-block;
	width: calc(100% - 100px);
}


#liste.metinYarim .satirKapsayan .sol {
	cursor: pointer;
}


#liste.dosyaMetin {
	display: block;
}

#liste.dosyaMetin .dosyaSatirKapsayan {
	position: relative;
	width: 100%;
	border-bottom: 1px dashed #ccc;
	text-align: left
}

#liste.dosyaMetin .dosyaSatirKapsayan:nth-child(2n-1) {
	background: rgba(255, 255, 255, 0.05);
}

#liste.dosyaMetin .dosyaSatirKapsayan:nth-child(2n-2) {
	background: rgba(0, 0, 0, 0.03);
}

#liste.dosyaMetin .dosyaSatirKapsayan .sol {
	float: left;
	width: 300px;
}

#liste.dosyaMetin .dosyaSatirKapsayan .sol .dosya {
	width: 100%;
	max-height: 160px;
}

#liste.dosyaMetin .dosyaSatirKapsayan .sol .dosya img.kapak {
	width: 100%;
	height: auto
}

#liste.dosyaMetin .dosyaSatirKapsayan .sag {
	display: table;
	height: 150px;
}

#liste.dosyaMetin .dosyaSatirKapsayan .sag div {
	display: table-cell;
	vertical-align: middle;
}

#liste.dosyaMetin .dosya:hover .bilgi {
	height: 40px;
}

#liste.klasor {
	display: block;
}

#liste.klasor .klasorKapsayan {
	position: relative;
	display: inline-block;
	border-bottom: none;
	padding: 0;
	margin: 25px 50px 80px 0px;
	width: 240px;
	height: 190px;
}

#liste.klasor .klasorKapsayan .klasor {
	position: relative;
}

#liste.klasor .dosyaKapsayan {
	position: absolute;
	left: 30px;
	top: -30px;
	z-index: 9
}

#liste.klasor .dosyaKapsayan .dosya {
	transition: 0.5s;
	position: absolute;
	left: 0px;
	top: 0px;
	width: auto;
	width: 160px;
	transform-origin: 100% 100%
}

#liste.klasor .dosyaKapsayan .dosya img.kapak {
	cursor: default;
}

#liste.klasor .klasorKapsayan .dosya:nth-child(1) {
	transform: rotate(0deg);
}

#liste.klasor .klasorKapsayan .dosya:nth-child(2) {
	transform: rotate(3deg);
}

#liste.klasor .klasorKapsayan .dosya:nth-child(3) {
	transform: rotate(6deg);
}

#liste.klasor .klasorKapsayan .dosya:nth-child(4) {
	transform: rotate(9deg);
}

#liste.klasor .klasorKapsayan .dosya:nth-child(5) {
	transform: rotate(12deg);
}

#liste.klasor .klasorKapsayan:hover .dosya:nth-child(1) {
	transform: rotate(0deg);
}

#liste.klasor .klasorKapsayan:hover .dosya:nth-child(2) {
	transform: rotate(5deg);
}

#liste.klasor .klasorKapsayan:hover .dosya:nth-child(3) {
	transform: rotate(10deg);
}

#liste.klasor .klasorKapsayan:hover .dosya:nth-child(4) {
	transform: rotate(15deg);
}

#liste.klasor .klasorKapsayan:hover .dosya:nth-child(5) {
	transform: rotate(20deg);
}




#liste.klasor .dosyaKapsayan .dosya img {
	height: 100%
}

#liste.klasor .dosyaKapsayan .dosya .bilgi {
	display: none;
}

#liste.klasor .klasorKapsayan.satirAktif:after {
	content: '';
	position: absolute;
	bottom: -11px;
	left: 50%;
	margin-left: -5px;
	z-index: 99;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #333 transparent transparent transparent;
}


#liste .satirIciListe {
	clear: both;
	position: relative;
	background: rgba(249, 214, 132, 0.3);
	padding: 15px;
	min-height: 80px;
	border-radius: 0 0 10px 10px;
	margin: -55px 0 55px 0;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

#liste .satirIciListe .liste .dosya {
	position: relative;
}

#liste .satirIciListe .liste .dosya.bulunan {
	border: 3px solid #c00;
}

#liste .satirIciListe .kapat {
	position: absolute;
	right: -5px;
	top: 0px;
	font-size: 20px;
	opacity: 0.5;
}

#liste .satirIciListe .dosya .onay {
	margin: 2px;
}

#liste.listeBuyuk,
#liste.listeKucuk {
	text-align: center
}

#liste.listeBuyuk .dosya {
	height: 300px;
	width: auto;
}

#liste.listeKucuk .dosya {
	height: 150px;
	width: auto;
}

#liste.listeKucuk .dosya .islem i.btn {
	display: none;
}

#liste.listeKucuk .dosya .islem i.btn.sepeteEkle {
	display: block;
}

.klasorKapsayan:hover {
	z-index: 12;
}



#liste.tablo #katalogTablo.small {
	font-size: 0.875rem;
	line-height: 1.1rem
}

#liste.tablo #katalogTablo th {
	white-space: nowrap;
	min-width: 60px
}

#liste.tablo #katalogTablo td:hover .btn.hucreDuzenlemeBtn {
	display: block !important;
}

#katalogTablo td .katalogFormSatir.hucreFormSatir {
	min-width: 200px;
}

#katalogTablo td .katalogFormSatir.hucreFormSatir.form-group[zorunlu="1"]::after {
	content: ""
}

/* deneme */
/*
#liste.listeBuyuk .dosya { width:340px; height:200px; }
#liste.listeBuyuk .dosya img.kapak { transition:0.5s; width:150%; height:auto; left:0; top:0; transform:translate(-12%,-12%) }
#liste.listeBuyuk .dosya:hover img.kapak { transition:0.5s; width:100%; left:50%; top:50%; transform:translate(-50%,-50%)}
*/


.klasor .on .dosyalar {
	position: absolute;
	bottom: 0px;
	left: 90px;
	z-index: 10;
}

.klasor .on .dosyalar.aktif:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	bottom: -20px;
	left: 50%;
	margin-left: -18px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #070;
}

.klasor .on .taslakPaylasim {
	position: absolute;
	top: -13px;
	left: 15px;
	z-index: 10;
}

.klasor .on .taslakPaylasim .bildirim {
	cursor: pointer;
	margin-left: 5px;
}

.klasor .on .detay {
	position: absolute;
	bottom: 0px;
	left: 7px;
	z-index: 10;
}

.klasor .on .islem {
	position: absolute;
	bottom: 2px;
	right: 7px;
	z-index: 10;
}

.klasor .on .islem .dropdown-toggle:after {
	display: none !important;
}

.klasor .on table.bilgiler {
	font-size: 0.75em;
	height: 145px;
	overflow: auto;
	text-align: left
}

table.bilgiler td.w-25 {
	width: 40% !important;
}

table.bilgiler td.etiket {
	opacity: 0.5;
	vertical-align: top;
}

.klasor .on table tr:nth-of-type(1) {
	font-weight: bold
}

#liste .dosya.silinen {
	border-bottom: 10px solid red
}

#liste .dosya.silinen .secim {
	position: absolute;
	left: 5px;
	top: 0px;
	z-index: 12
}

#liste .klasorKapsayan.silinenKlasor .on {
	border-bottom: 10px solid red
}

#liste .klasorKapsayan.silinen img.kapak {
	cursor: default;
}


/* acik erisim arsivi */
.solFiltreTemizle {
	cursor: pointer;
}

.digerKaynaklar .kaynakLogo {
	width: 16px;
	height: 16px;
	margin-right: 5px;
}

/* acik erisim arsivi */

/* detay */
body.detayYarimSayfa {
	width: 50%;
	float: right;
	overflow: auto !important;
	overflow: auto !important;
}

body.detayYarimSayfa .modal-backdrop {
	display: none;
}

body.detayYarimSayfa #ust {
	width: 50%;
	right: 0;
	left: auto;
}

body.detayYarimSayfa #dosyaDetayPencere {
	width: 50%;
}

body.detayYarimSayfa .logoKapsayan h3 {
	display: none !important;
}

body.detayYarimSayfa .yaziUstMenu {
	display: none !important;
}

body.detayYarimSayfa main.aktif {
	padding-left: 0px;
	padding-right: 0px;
}

body.detayYarimSayfa .aramaForm .arama.form-control {
	width: auto;
	min-width: 100px;
}

body.detayYarimSayfa .logoKapsayan {
	margin-left: 0 !important;
}



#dosyaDetayPencere {
	padding: 0 !important;
	overflow-y: hidden;
	top: -1px;
}

#dosyaDetayPencere .modal-lg {
	min-width: 100%;
	margin: 0;
	min-height: 100vh;
}

#dosyaDetayPencere .modal-lg .modal-content {
	background: #9e9e9e !important;
}

#dosyaDetayPencere .modal-lg .modal-content .sol {
	transition: 0.5s;
	position: relative;
	height: calc(100vh - 36px);
	margin-right: 320px;
	top: 36px;
	/*border:47px solid #616161; border-right:none; border-left:none;*/
}

#dosyaDetayPencere .modal-lg .modal-content .sag {
	transition: 0.5s;
	right: 0;
	top: 0;
	width: 321px;
	height: 100vh;
	z-index: 99;
}

#dosyaDetayPencere .modal-lg .modal-content .sag .tab-content {
	overflow: auto;
	font-size: 0.85rem;
}

#dosyaDetayPencere .modal-lg .modal-content .sno {
	top: 50%;
	margin-top: 28px;
	right: 27px;
	width: 50px;
	display: none
}

#dosyaDetayPencere .modal-lg .modal-content .sno input.sayfa {
	background: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	box-shadow: none;
	padding: 0;
	border-radius: 0 5px 5px 0;
}

#dosyaDetayPencere .modal-lg .modal-content:hover .sno {
	display: flex;
}

#dosyaDetayPencere .detayIslem {
	position: absolute;
	right: 0;
	top: -36px;
	z-index: 999;
	width: 100%;
}

#dosyaDetayPencere .detayIslem>form>.btn {
	background: rgba(0, 0, 0, 0.2);
	margin: 0 1px 1px 0;
	color: #fff
}

.playerListe {
	top: 0px;
	width: 100px;
	height: calc(100% - 10px);
	background: #9e9e9e;
	overflow: scroll;
	overflow-x: hidden;
	z-index: 99;
}

.playerListe .dosya {
	position: relative;
	border: 1px solid #fff;
	cursor: pointer;
	float: left
}

.playerListe .dosya img {
	width: 70px
}

.playerListe .dosya span.sirano {
	left: 0;
}

/*.playerListe:after { content:''; position:absolute; right:3px; top:0; height: 100%; border-left:1px dotted white}*/

#player {
	position: relative;
	width: auto;
	height: 100%;
	top: 36px;
}

#player .yukleniyor {
	left: 50%;
	top: 50%;
}

#player>div {
	margin: 0 auto
}

#player img.popupResim {
	transition: 0.5s;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: auto;
}

body.detayYarimSayfa #player {
	margin-left: 0;
}

#player img.popupResim.metinEditorIcin {
	max-height: none;
	max-width: none;
	margin: 0;
}

#player img.popupResim.genis {
	width: 100%;
	max-height: none;
	max-width: none;
	transform: scale(1) rotate(0deg) !important;
}

#player .im {
	position: absolute;
	background: rgba(255, 200, 0, 0.3);
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	z-index: 1;
	display: none;
}

#player .im:hover {
	z-index: 2;
}

#player .im:hover .sil {
	display: block;
}

#player .im .sil {
	position: absolute;
	right: -25px;
	top: -5px;
	display: none;
}

#player:hover .im {
	display: block;
}

#player iframe,
#player video {
	width: 100%;
	height: 100%;
}

#player audio {
	margin: auto 0;
	height: 48%;
	width: 100%;
}

#haritaGorunum {
	position: absolute;
	top: -36px;
	left: 0;
	background: #fff;
	width: 100%;
	height: calc(100% + 36px);
	z-index: 999
}

#haritaGorunum #haritaGorunumIcerik {
	width: 100%;
	height: 100%;
}

#haritaGorunum .kapat {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 1.2rem;
	color: red;
	z-index: 999
}

.dosyaIslemAltMenu {
	width: 200px;
	/*left:50%; margin-left:-100px; top:36px;*/
	/*right:50px;*/
	background: #fff;
	box-shadow: .5rem .5rem 0.5rem rgba(0, 0, 0, .175);
	white-space: normal !important;
}

.dosyaIslemAltMenu textarea {
	max-height: 50px !important;
}

.dosyaIslemAltMenu.kirpAltMenu {
	width: unset;
}

.dosyaIslemAltMenu.pdfIslemForm {
	width: 360px
}

.dosyaIslemAltMenu .btn {
	text-align: left;
}

.arastirmaciPerde {
	position: absolute;
	left: 0%;
	top: 0%;
	width: 100%;
	z-index: 9999;
}

.sol .detayIleriGeri {
	position: fixed;
	z-index: 99;
	top: 50%;
	width: 40px;
	padding: 0;
}

.detayIleriGeri img {
	width: 100%;
	filter: drop-shadow(1px 1px 0px #fff);
}

.sol .detayIleriGeri.geri {
	left: 0px;
}

.sol .detayIleriGeri.ileri {
	right: 15px;
}

.sag .detayIleriGeri {
	width: 40px;
}

/* detay */

.katalogFormSatir label {
	width: 100%;
}

.katalogFormSatir input[alanTipi=TMHR] {
	width: 55%;
	float: left;
	margin-right: 3%
}

.katalogFormSatir select.tarihTipi {
	width: 42%;
	padding-left: 3px;
}

.katalogFormSatir .custom-checkbox {
	top: -20px;
}

.katalogFormSatir .input-daterange[alanTipi=TMHR] {
	width: 67%;
	float: left;
	margin-right: 3%
}

#detayliAramaFormPencere .katalogFormSatir select.tarihTipi {
	width: 30%;
}

#detayliAramaFormPencere .sorguSatir {
	border: 2px dashed #ccc;
	border-radius: 25px;
	margin-bottom: -2px;
}

#detayliAramaFormPencere .aramaSatir {
	background: #f0f0f0;
	border-radius: 25px;
	padding: 10px;
	margin: 15px 0;
	box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2)
}


.form-group {
	position: relative;
}

.form-group[zorunlu='1']:after {
	content: '*';
	color: red;
	position: absolute;
	left: 2px;
	top: 5px;
}
/*
.form-group.odak {
	margin-top: 25px;
}

.form-group.odak label {
	transition: 0.3s;
	position: absolute;
	top: 10px;
	left: 10px;
}

.form-group.odak input:focus+label {
	transition: 0.3s;
	top: -20px;
}

.form-group.odak input+label.aktif {
	top: -20px;
}
*/
.form-group>label {
	font-size: .90rem;
	opacity: 0.5;
	margin-bottom: 0;
}

.katalogFormSatir label {
	padding: 0 5px 0 10px;
	background: #33333330;
}

.form-group:nth-child(2n-1) {
	background: rgba(0, 0, 0, 0.03);
}

.form-group.katalogFormSatir {

	background: transparent;
	display: inline-block;
	width: 100%;
}

.form-group.katalogFormSatir .form-control-sm {
	font-size: 0.875rem !important;
}

.alanlarKapsayan {
	width: 100%
}

.katalogAlanlarKapsayan {
	column-count: 2;
	display: block;
	column-gap: 10px;
}
}

#dosyaYukleme #suruklemeAlan {
	width: 100%;
	border: 3px dashed #ccc;
}

#dosyaYukleme #suruklemeAlan.aktif {
	background: #fc0;
}

/* dosya sayfasi */

/*summernote*/
.note-editor.note-frame {
	border: 1px solid #eee !important;
}

.note-editor.note-frame .btn {
	padding: 0 3px;
	line-height: 1rem
}

/*summernote*/

/* rapor */
table#aramalar th.siralama {
	cursor: pointer;
}

table#aramalar th.siralama span {
	position: absolute;
	margin: 5px 0 0 15px;
}

#belgeKullanimSecim small {
	font-weight: normal
}

/* rapor */

/* metinEditor */
.metinEditor {
	left: 50%;
	top: 50%;
	z-index: 999;
}

.metinEditor .ust.fa {
	position: absolute;
	top: -15px;
	text-shadow: 1px 1px 0px #000;
}

.metinEditor .fa.tutamak {
	left: -15px;
	cursor: move;
	color: #fff;
}

.metinEditor .fa.sil {
	right: -15px;
	cursor: pointer
}

.metinEditor .yaziAlani {
	position: absolute;
	top: 32px;
	width: 300px;
}

.metinEditor .yaziAlani div[contenteditable=true] {
	width: 100%;
	height: 100%;
	border: none;
	resize: none;
	padding: 0.5em 30px;
	overflow: hidden;
	line-height: 1em
}

.metinEditor .yaziAlani mark {
	background: #03c;
	padding: 0;
}

/* metinEditor */


.sonucSayfalama .gecerliSayfa input {
	padding-left: 0;
	padding-right: 0;
}



.etiket[aria-expanded="false"]:before {
	font-family: FontAwesome;
	content: "\f067";
	padding-right: 10px;
}

.etiket[aria-expanded="true"]:before {
	font-family: FontAwesome;
	content: "\f068";
	padding-right: 10px;
}


.fileKapsayan {
	position: relative;
}

.fileKapsayan input {
	position: absolute;
	width: 60px;
	opacity: 1;
	height: 32px;
	opacity: 0;
	overflow: hidden
}

/*aea*/

.citesIcerik span {
	height: 30px;
	overflow: hidden;
	border-right: 1px dotted #999;
}

.citesIcerik span img {
	height: 25px;
}

.citesIcerik object {
	margin-top: -8px;
	width: 210px;
}

/*aea*/

.tanimliSablonSecim:nth-child(2n) {
	background: #00000010
}

.tanimliSablonSecim .w-25 {
	width: 20% !important;
	;
}

.flip {
	transform: rotateY(180deg);
}

.yukleniyor {
	position: absolute;
	display: inline-block;
	margin: 5px 5px;
	border-radius: 50% !important;
	;
	width: 32px;
	height: 32px;
	border: 3px solid #666;
	border-top: 3px solid #ccc;
	animation: don 1s infinite cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.glass {
	width: 200px;
	height: 200px;
	position: absolute;
	border-radius: 50%;
	cursor: crosshair;
	border: 1px solid #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), inset 10px 10px 30px rgba(255, 255, 255, 0.3);
	display: none;
	z-index: 9999;
}




.secilemez {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Chrome/Safari/Opera */
	-khtml-user-select: none;
	/* Konqueror */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently supported by any browser but < IE9 */
}







/* buradan asagisi bootstrap ozellestirme*/
/* buradan asagisi bootstrap ozellestirme*/
/* buradan asagisi bootstrap ozellestirme*/


input,
textarea {
	font-family: 'Cuprum' !important;
}

h2 {
	font-size: 1.3rem;
}

.borderless td {
	border: none;
}

hr {
	margin: 10px 0;
	width: 100%
}

.modal-lg {
	max-width: 1000px;
}

.modal-header {
	padding-top: 10px;
	padding-bottom: 10px;
}

label.switch {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 48px;
	height: 20px;
}

label.switch input {
	position: absolute;
	z-index: 99;
	opacity: 0;
	width: 100%;
	height: 100%;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-transition: .4s;
	transition: .4s;
	border-radius: 0px
}

.slider:before {
	position: absolute;
	content: "";
	height: 12px;
	width: 12px;
	left: 4px;
	bottom: 4px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider {
	background-color: #080;
}

input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

input:checked+label,
input:checked+label small {
	font-weight: 600;
}

.nav-item {
	box-shadow: -1px 0 0 rgba(255, 255, 255, 0.3);
}

.nav-item:nth-child(1) {
	box-shadow: none;
}

.nav-item .nav-link.active {
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.3);
}

/*.custom-control-label:before { transition:0.5s; box-shadow:inset 1px 1px 0 rgba(0,0,0,0.2);  }*/


.custom-control-inline {
	width: 160px;
	margin-bottom: 2px;
	align-items: left !important;
	justify-content: left !important;
}

.custom-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input.sec,
input.secimTum+label.custom-control-label,
input.sec,
input.secim+label.custom-control-label {
	margin-bottom: 1rem;
}

/* table içindeki checkbox için */

input[type='number'] {
	-moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

input:invalid {
	border-right: 5px solid red;
}

input:focus,
select:focus {
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.3) !important;
	;
}

textarea,
select[multiple] {
	height: 200px;
}

.typeahead__query.col-md-12 {
	padding: 0
}

/*a { color:#000; }*/

.btn,
button {
	cursor: pointer;
}

.btn-group .btn.active:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -7edpx;
	bottom: -6px;
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 5px solid #000;
}

.btn.btn-secondary {
	color: #fff;
}

.btn-group-toggle i.fa {
	margin-right: 4px
}

th {
	font-weight: normal;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.custom-file-label::after {
	content: 'Seç' !important
}

.custom-control-input {
	z-index: 99 !important;
}

.aramaElemanKapsayan .custom-checkbox {
	top: -20px;
}

.custom-control.custom-checkbox {
	position: relative;
}

.custom-control.custom-checkbox label.custom-control-label {
	position: relative;
}

.custom-control.custom-checkbox .custom-control-input {
	opacity: 0;
	left: 0;
	top: 6px;
	/* birim vb alanlar seçilirken kaydırma yapılmaması için düzeltildi -Abdullah */
	transform: scale(1.4)
}

mark {
	background: #fe0;
}

.btn.btn-smx {
	padding: 0.0rem 0.2rem;
}

.popover-body {
	padding-top: .3rem;
}

.popover,
.tooltip {
	font-family: inherit;
}

.btn-group-sm>.btn,
.btn-sm {
	padding: .25rem .5rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: 0;

}

.small,
small {
	font-size: 85% !important;
}

/*
.dropdown-menu:before,.dropdown-menu:after {  position: absolute;  display: inline-block; content: ''; }
.dropdown-menu:before { top: -7px; left: 9px; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); }
.dropdown-menu:after { top: -6px; left: 10px; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; border-left: 6px solid transparent;   }
.dropdown-menu.dropdown-menu-right:before { left:auto; right:10px; }
.dropdown-menu.dropdown-menu-right:after { left:auto; right:11px; }
.dropup .dropdown-menu:before { top:auto; bottom: -7px; left: 9px; border:none; border-right: 7px solid transparent; border-top: 7px solid #ccc; border-left: 7px solid transparent; border-top-color: rgba(0, 0, 0, 0.2); }
.dropup .dropdown-menu:after  { top:auto; bottom: -6px; left: 10px; border:none; border-right: 6px solid transparent; border-top: 6px solid #ffffff; border-left: 6px solid transparent;   }
*/

/*.modal-header { border-top-left-radius: 0rem; border-top-right-radius: 0rem; }*/

.dropdown-menu .dropdown-item {
	cursor: pointer;
	padding: 0rem 0.6rem 0rem 0.8rem
}

.dropdown-menu .dropdown-item i.fa {
	font-size: 18px;
}

.dropdown-menu {
	display: none;
	min-width: 100%;
}


/*nav.aramaKusak .dropdown > .dropdown-menu { max-height:calc( 100vh - 200px); overflow:auto; overflow-x:hidden;    } */

/* .dropdown-menu { max-height:calc( 100vh - 200px); overflow:auto; overflow-x:hidden;    } */

.dropdown.alanSablon>.dropdown-menu {
	max-height: calc(100vh - 200px);
	overflow: auto;
	overflow-x: hidden;
	padding-right: 15px;
}

.dropdown.konular>.dropdown-menu {
	width: 300px;
	max-height: calc(100vh - 200px);
	overflow: auto;
	overflow-x: hidden;
	/*min-width: max-content;*/
}

.dropdown.konular>ul.dropdown-menu li.list-group-item .arti {
	top: 15px
}

.dropdown.konular>ul.dropdown-menu li.list-group-item>a {
	padding-left: 20px;
	display: flex;
	text-decoration: none
}

.dropdown.konular>ul.dropdown-menu li.list-group-item>a i.fa {
	right: 5px;
	top: 50%;
	margin-top: -8px;
}

.dropdown.konular>ul.dropdown-menu li.list-group-item>a div:nth-of-type(1) {
	flex: 0 0 40px;
}

.dropdown.konular ul.dropdown-menu ul.altMenu {
	margin-left: 5px;
}

.dropdown.konular ul.dropdown-menu ul.altMenu li.list-group-item {
	border: none;
	border-top: 1px solid #eee;
}

.modal.fade {
	opacity: 1;
}

.modal.fade .modal-dialog {
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	transform: translate(0);

}



@-webkit-keyframes don {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes don {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

.alarm {
	animation: alarm 1s linear infinite;
}

@keyframes alarm {
	50% {
		opacity: 0.0;
	}
}



/* datepicker */
.input-daterange input {
	border-radius: 0 !important;
	;
}

.datepicker.dropdown-menu:before,
.datepicker.dropdown-menu:after {
	right: auto;
}

.datepicker.dropdown-menu th {
	color: darkred;
	font-weight: bold;
}

.datepicker {
	z-index: 9999 !important;
}

.dow {
	border-top: 0px solid #ddd !important;
}

.datepicker table thead tr:nth-child(2) {
	border-bottom: 1px solid #ddd;
	background: linear-gradient(#fff, #ddd);
}

/* datepicker */

.table-sm td,
.table-sm th {
	padding: .2rem .4rem
}

/* animasyon css */
.animated {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
}

/* animasyon css */


/* imgAreaSelect */
.select-areas-overlay {
	background-color: #000;
	overflow: hidden;
	position: absolute;
}

.blurred {
	filter: url("../img/filters.svg#blur3px");
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	filter: blur(3px);
}

.select-areas-outline {
	background: #fff url('../img/outline.gif');
	overflow: hidden;
}

.select-areas-resize-handler {
	background-color: #000;
	border: 1px #fff solid;
	height: 8px;
	width: 8px;
	overflow: hidden;
}

.select-areas-delete-area:after {
	content: '\00D7';
	font-size: 50px;
	line-height: 0px;
	position: absolute;
	top: -5px;
	right: 10px;
	color: red;
	cursor: pointer;
}

.delete-area {
	position: absolute;
	cursor: pointer;
	padding: 5px;
}

/* imgAreaSelect */





#imzaEklePencere .modal-dialog {
	width: 320px;
	max-width: 100%
}

#imza {

	width: 286px;
	height: 100px;
	outline: 1px solid #999;
}


/* responsive */
@media screen and (max-width:1200px) {
	* {
		transition: 0.5s;
	}

	.container-fluid.ana {
		padding-left: 0rem;
		padding-right: 0;
	}

	#ustSagNavigasyon.show {
		display: block;
		background: var(--dark);
		padding: 1rem;
	}

	#ustSagNavigasyon.show ul {
		margin-right: 0 !important;
		;
	}

	#ustSagNavigasyon.show ul li {
		text-align: right !important;
		box-shadow: none;
		border-bottom: 1px solid #999;
	}



	body.odaklan #footer {
		bottom: -50px;
	}

	#anasayfaHaber {
		left: -230px;
	}

	#girisAramaKapsayan {
		width: 90%;
		margin: 150px 0 0 5%;
		top: 0;
		left: 0;
	}

	.aramaForm .input-group .btn[type=submit] {
		height: 31px;
	}

	.aramaForm .arama.form-control {
		width: 100px;
		height: 31px;
	}

	#solMenu li.menu-item#hareketPuantajBtn {
		display: none;
	}

	#solMenu li.menu-item#medyaTakipBtn {
		display: none;
	}

	#solMenu li.menu-item#tanimlarBtn {
		display: none;
	}

	#solMenu li.menu-item#silinenlerBtn {
		display: none;
	}

	#solMenu li.menu-item#sertifikaBtn {
		display: none;
	}

	#solMenu li.menu-item#oduncBtn {
		display: none;
	}


	.klasorKapsayan {
		display: block;
	}

	.klasorKapsayan .dosyaKapsayan {
		margin: -25px 0 15px -5px;
	}

	.klasorKapsayan .klasor {
		width: 103%;
	}

	#sloganModern {
		font-size: 22px;
	}


	#konuBulutKapsayan canvas {
		width: 280px;
		height: 140px;
	}

	#footer {
		font-size: 80%;
	}

	.altSayfa {
		margin-top: 50px;
	}

	.altSayfa#dosyaSayfa {
		margin-top: 10px;
	}

	.altSayfa .table-responsive {
		margin-top: 0px;
	}

	.altSayfa#dosyaSayfa .table-responsive {
		margin-top: 30px;
	}

	.dropdown.konular,
	.aktifKonu {
		margin-bottom: 15px;
	}

	.dropdown.tur,
	.dropdown.alanSablon,
	.detayliAramaBtn,
	.altSayfa#dosyaSayfa .aramaForm {
		margin-bottom: 15px;
	}

	#liste .dosya {
		min-height: 50px;
		height: auto;
		width: 100%;
		/*! margin:0px 0px 25px 25px; */
	}

	#liste .sag .btn-group {
		display: inline-block
	}

	#liste .sag .btn-group .btn {
		margin: 0.2rem
	}


	#liste .dosya img.kapak {
		width: 100%;
		height: auto
	}

	#liste .dosya .bilgi {
		height: auto;
		padding-bottom: 20px;
	}

	#sepetIslem .btn {
		margin: 2px
	}


}


:root {
	/* line-height */
	--heading-line-height: 0;
	--body-line-height: 0;
	--article-line-height: 08;

	/* capital letters - used in combo with the lhCrop mixin */
	--font-primary-capital-letter: 0.75;
	--font-secondary-capital-letter: 0.69;
}

/* responsive */